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

Author: discreted66

packages/theme/src/picker/index.less

@@ -30,6 +30,13 @@
     display: inline-block;
     text-align: left;
 
+    &:hover,
+    &:focus {
+      .tiny-svg-custom {
+        visibility: hidden;
+      }
+    }
+
     .tiny-svg {
       font-size: var(--tv-Picker-icon-size);
       fill: var(--tv-Picker-icon-color);
@@ -51,7 +58,6 @@
     }
 
     &.show-auto-width {
-
       &.@{input-prefix-cls},
       &.@{input-prefix-cls}__inner {
         width: 100%;
@@ -76,7 +82,6 @@
 
       .baseClearicon {
         position: absolute;
-        background-color: var(--tv-Picker-input-clear-icon-bg);
 
         &:hover {
           fill: var(--tv-Picker-icon-color-hover);
@@ -130,7 +135,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 +315,4 @@
       }
     }
   }
-}
+}

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

@@ -50,7 +50,7 @@
       </template>
       <template #suffix>
         <i class="tiny-input__icon-container">
-          <transition name="tiny-transition-icon-scale-in">
+          <div name="tiny-transition-icon-scale-in">
             <component
               :is="state.showClose ? clearIcon : null"
               @click="handleClickIcon"
@@ -59,8 +59,13 @@
               v-if="state.haveTrigger"
               class="baseClearicon"
             />
-          </transition>
-          <component :is="state.triggerClass" @click="handleFocus" class="tiny-svg-size" />
+          </div>
+          <component
+            :is="state.triggerClass"
+            @click="handleFocus"
+            :class="state.displayValue ? 'tiny-svg-custom' : ''"
+            class="tiny-svg-size"
+          />
         </i>
       </template>
     </tiny-input>