🌀(component): 优化 input 组件 clear 与 password 背景色

package/component/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "1.4.0-alpha.1",
+  "version": "1.4.0-alpha.3",
   "author": "就眠儀式",
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",

package/component/src/component/datePicker/index.vue

@@ -12,11 +12,11 @@
       <lay-input
         :name="name"
         :readonly="readonly"
-        v-model="dateValue"
         :placeholder="placeholder"
         :prefix-icon="prefixIcon"
-        :suffix-icon="suffixIcon" 
+        :suffix-icon="suffixIcon"
         :disabled="disabled"
+        v-model="dateValue"
         v-if="!range"
         @change="onChange"
         :allow-clear="!disabled && allowClear"
@@ -146,7 +146,7 @@ const props = withDefaults(defineProps<LayDatePickerProps>(), {
   allowClear: false,
   size: "md",
   prefixIcon: "layui-icon-date",
-  suffixIcon: ""
+  suffixIcon: "",
 });
 
 const dropdownRef = ref(null);

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

@@ -71,8 +71,10 @@
   border-color: #d2d2d2 !important;
 }
 
+.layui-input-clear,
 .layui-input-prefix,
-.layui-input-suffix {
+.layui-input-suffix, 
+.layui-input-password {
   background-color: white;
 }
 
@@ -90,8 +92,8 @@
   padding: 0 15px;
 }
 
-.layui-input-password,
-.layui-input-clear {
+.layui-input-clear,
+.layui-input-password {
   flex: none;
   display: flex;
   align-items: center;

package/component/src/component/table/index.vue

@@ -614,7 +614,7 @@ const renderTotalRowCell = (column: any) => {
 
 onBeforeUnmount(() => {
   window.onresize = null;
-})
+});
 </script>
 
 <template>

package/component/src/component/textarea/index.vue

@@ -5,6 +5,7 @@ export default {
 </script>
 
 <script setup lang="ts">
+import { LayIcon } from "@layui/icons-vue";
 import { computed } from "vue";
 import "./index.less";