fix:修复暗色主题下datePicker删除图标显示 (#3094)

Author: discreted66

packages/theme/src/picker/index.less

@@ -30,7 +30,7 @@
     display: inline-block;
     text-align: left;
 
-    .tiny-svg {
+    .@{css-prefix}svg {
       font-size: var(--tv-Picker-icon-size);
       fill: var(--tv-Picker-icon-color);
 
@@ -51,7 +51,6 @@
     }
 
     &.show-auto-width {
-
       &.@{input-prefix-cls},
       &.@{input-prefix-cls}__inner {
         width: 100%;
@@ -76,7 +75,10 @@
 
       .baseClearicon {
         position: absolute;
-        background-color: var(--tv-Picker-input-clear-icon-bg);
+
+        & + .@{css-prefix}svg-size {
+          visibility: hidden;
+        }
 
         &:hover {
           fill: var(--tv-Picker-icon-color-hover);
@@ -130,7 +132,7 @@
       }
     }
 
-    .@{range-prefix-cls}__close-icon:has(> svg)+.@{range-prefix-cls}__icon {
+    .@{range-prefix-cls}__close-icon:has(> svg) + .@{range-prefix-cls}__icon {
       display: none;
     }
   }
@@ -310,4 +312,4 @@
       }
     }
   }
-}
+}

packages/vue/src/picker/src/pc.vue

@@ -60,7 +60,11 @@
               class="baseClearicon"
             />
           </transition>
-          <component :is="state.triggerClass" @click="handleFocus" class="tiny-svg-size" />
+          <component
+            :is="state.triggerClass"
+            @click="handleFocus"
+            class="tiny-svg-size"
+          />
         </i>
       </template>
     </tiny-input>