packages/agDatePicker/src/index.vue

@@ -2,6 +2,7 @@
   <el-date-picker
     :style="{ width }"
     :prefix-icon="iconClass"
+    clear-icon="ag-icon-clear"
     v-model="dateArr"
     v-bind="attrs"
     v-on="inputListeners"
@@ -157,7 +158,7 @@ export default {
             (item) => item !== null && item !== undefined && item !== ""
           )
         ) {
-          this.width = "205px";
+          this.width = "190px";
           this.date_picker = true;
         } else {
           this.width = "160px";
@@ -168,14 +169,7 @@ export default {
       deep: true,
     },
   },
-  methods: {
-    mouseleave() {
-      console.log(999);
-    },
-    mousemove() {
-      console.log(888);
-    },
-  },
+  methods: {},
 };
 </script>
 
@@ -194,17 +188,22 @@ export default {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
-  .ag-datePicker {
-    color: red;
-    &:hover {
-      .ag-el-icon-prefix-hide {
-        display: none;
+  .el-input__icon.el-range__close-icon {
+    position: absolute;
+    width: 16px;
+    font-size: 16px;
+    margin-left: -5px;
+    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;
@@ -221,9 +220,5 @@ 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-input__inner {
+  .el-date-editor--daterange.el-input__inner {
     width: none;
   }
   .el-input__suffix {