✨(component): update

package/component/src/component/input/index.less

@@ -99,6 +99,10 @@
   color: rgba(0, 0, 0, 0.45);
 }
 
+.layui-input-clear:hover {
+  opacity: 0.6;
+}
+
 .layui-input input::-webkit-input-placeholder {
   line-height: 1.3;
 }

package/component/src/component/select/index.vue

@@ -177,8 +177,9 @@ provide("multiple", multiple);
       :contentClass="contentClass"
       :contentStyle="contentStyle"
       :update-at-scroll="true"
-      @show="openState = true"
+      :autoFitWidth="true"
       @hide="openState = false"
+      @show="openState = true"
     >
       <lay-tag-input
         v-if="multiple"
@@ -191,8 +192,8 @@ provide("multiple", multiple);
         :disabled="disabled"
         :size="size"
         :class="{ 'layui-unselect': true }"
-        @clear="handleClear"
         @remove="handleRemove"
+        @clear="handleClear"
       >
         <template #suffix>
           <lay-icon
@@ -226,6 +227,7 @@ provide("multiple", multiple);
             <lay-input
               v-model="searchValue"
               :placeholder="searchPlaceholder"
+              @Input="handleSearch"
               prefix-icon="layui-icon-search"
               size="sm"
             ></lay-input>

package/component/src/component/selectOption/index.vue

@@ -67,8 +67,8 @@ const select = () => {
 
 const display = computed(() => {
   return (
-    props.keyword.indexOf(searchValue.value) > -1 ||
-    props.label.indexOf(searchValue.value) > -1
+    props.keyword.toString().indexOf(searchValue.value) > -1 ||
+    props.label.toString().indexOf(searchValue.value) > -1
   );
 });
 

package/component/src/component/tagInput/index.less

@@ -57,7 +57,7 @@
   }
 
   &-clear:hover {
-    opacity: 0.5;
+    opacity: 0.8;
   }
 
   & &-inner-input {