feat: add input allow-clear props

src/component/input/index.less

@@ -32,6 +32,7 @@
   display: flex;
   flex: none;
   align-items: center;
+  padding-left: 8px;
 }
 
 .layui-input-suffix {
@@ -40,6 +41,13 @@
   align-items: center;
 }
 
+.layui-input-clear {
+  display: flex;
+  flex: none;
+  align-items: center;
+  padding-right: 10px;
+}
+
 .layui-input:hover {
   border-color: #eee !important;
 }

src/component/input/index.vue

@@ -7,7 +7,7 @@ export default {
 <script setup lang="ts">
 import "./index.less";
 import { useI18n } from "vue-i18n";
-import { useSlots } from "vue-demi";
+import { computed, useSlots } from "vue-demi";
 
 const { t } = useI18n();
 const slots = useSlots();
@@ -17,8 +17,9 @@ export interface LayInputProps {
   type?: string;
   value?: string;
   disabled?: boolean;
-  modelValue?: string | number;
+  modelValue?: string;
   placeholder?: string;
+  allowClear?: boolean;
 }
 
 const props = withDefaults(defineProps<LayInputProps>(), {});
@@ -38,6 +39,10 @@ const onFocus = function (event: FocusEvent) {
 const onBlur = function () {
   emit("blur");
 };
+
+const clear = () => {
+    emit("update:modelValue", "");
+}
 </script>
 
 <template>
@@ -60,5 +65,8 @@ const onBlur = function () {
     <span class="layui-input-suffix" v-if="slots.suffix">
       <slot name="suffix"></slot>
     </span>
+    <span class="layui-input-clear" v-if="allowClear">
+      <lay-icon type="layui-icon-close-fill" @click="clear"></lay-icon>
+    </span>
   </div>
 </template>

src/component/transition/index.vue

@@ -1,7 +1,5 @@
 <template>
-  <LayCollapseTransition v-if="type === 'collapse'"
-    ><slot></slot
-  ></LayCollapseTransition>
+  <LayCollapseTransition v-if="type === 'collapse'"><slot></slot></LayCollapseTransition>
   <LayFadeTransition v-if="type === 'fade'"><slot></slot></LayFadeTransition>
 </template>
 

src/component/tree/tree.ts

@@ -128,14 +128,12 @@ class Tree {
     if (!originMap.has(nodeKey)) {
       originMap.set(nodeKey, origin);
     }
-
     return node;
   }
 
   setChildrenChecked(checked: boolean, nodes: TreeData[]) {
     const len = nodes.length;
     for (let i = 0; i < len; i++) {
-      //console.log(nodes[i], checked);
       nodes[i].isChecked.value = checked;
       nodes[i].children &&
         nodes[i].children.length > 0 &&