fix(base-select): fix size style (#2541)

opentiny · Nov 22, 2024 · 394447d · 394447d
1 parent c8232f9
commit 394447d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/packages/theme/src/base-select/index.less b/packages/theme/src/base-select/index.less
@@ -205,19 +205,25 @@
 
   & {
     .@{tag-prefix-cls} {
-      height: 20px;
+      height: var(--tv-BaseSelect-tag-height-default);
     }
   }
 
   &--medium {
     .@{tag-prefix-cls} {
-      height: 24px;
+      height: var(--tv-BaseSelect-tag-height-medium);
     }
   }
 
-  &--small, &--mini {
+  &--small {
     .@{tag-prefix-cls} {
-      height: 16px;
+      height: var(--tv-BaseSelect-tag-height-small);
+    }
+  }
+
+  &--mini {
+    .@{tag-prefix-cls} {
+      height: var(--tv-BaseSelect-tag-height-mini);
     }
   }
 

diff --git a/packages/theme/src/base-select/vars.less b/packages/theme/src/base-select/vars.less
@@ -60,4 +60,13 @@
   --tv-BaseSelect-collapse-icon-color: var(--tv-color-icon-link, #1476ff);
   // 收起按钮图标左侧外边距
   --tv-BaseSelect-collapse-icon-margin-left: var(--tv-space-xs, 2px);
+
+  // medium 尺寸的 tag 高度
+  --tv-BaseSelect-tag-height-medium: calc(var(--tv-size-height-lg) - 8px);
+  // 默认尺寸的 tag 高度
+  --tv-BaseSelect-tag-height-default: calc(var(--tv-size-height-md) - 8px);
+  // small 尺寸的tag高度
+  --tv-BaseSelect-tag-height-small: calc(var(--tv-size-height-sm) - 8px);
+  // mini 尺寸的 tag 高度
+  --tv-BaseSelect-tag-height-mini: calc(var(--tv-size-height-xs) - 8px);
 }