packages/agDatePicker/src/index.vue

@@ -2,7 +2,6 @@
   <el-date-picker
     :style="{ width }"
     :prefix-icon="iconClass"
-    clear-icon="ag-icon-clear"
     v-model="dateArr"
     v-bind="attrs"
     v-on="inputListeners"
@@ -158,7 +157,7 @@ export default {
             (item) => item !== null && item !== undefined && item !== ""
           )
         ) {
-          this.width = "190px";
+          this.width = "205px";
           this.date_picker = true;
         } else {
           this.width = "160px";
@@ -169,7 +168,14 @@ export default {
       deep: true,
     },
   },
-  methods: {},
+  methods: {
+    mouseleave() {
+      console.log(999);
+    },
+    mousemove() {
+      console.log(888);
+    },
+  },
 };
 </script>
 
@@ -188,22 +194,17 @@ export default {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
-  .el-input__icon.el-range__close-icon {
+  .ag-datePicker {
-    position: absolute;
+    color: red;
-    width: 16px;
+    &:hover {
-    font-size: 16px;
+      .ag-el-icon-prefix-hide {
-    margin-left: -5px;
+        display: none;
-    line-height: 30px;
-    right: 8px;
-    top: 0;
-    z-index: 1;
-  }
-
-  .ag-icon-clear {
-    &:before {
-      content: "\e6db";
       }
     }
+  }
+  // .el-input__icon,
+  // .el-range__close-icon {
+  // }
 
   .ag-icon-prefix-show {
     width: 16px;
@@ -220,5 +221,9 @@ export default {
   .ag-icon-prefix-hide {
     display: none;
   }
+
+  .el-icon-circle-close:before {
+    content: "\e6db";
+  }
 }
 </style>

packages/agSelect/src/index.vue

@@ -77,7 +77,7 @@ export default {
 
 <style lang="scss" scoped>
 ::v-deep {
-  .el-date-editor--daterange.el-input__inner {
+  .el-input__inner {
     width: none;
   }
   .el-input__suffix {