@douyinfe/semi-foundation 2.23.1 → 2.23.3

package/form/form.scss

@@ -92,6 +92,7 @@ $rating: #{$prefix}-rating;
         font-weight: $font-form_label-fontWeight;
         color: $color-form_label-text-default;
         margin-bottom: $spacing-form_label-marginBottom;
+        padding-right: $spacing-form_label-paddingRight;
         display: inline-block;
         vertical-align: middle;
         @include font-size-regular;
@@ -210,14 +211,14 @@ $rating: #{$prefix}-rating;
 
     &[x-extra-pos="middle"] {
         .#{$field}-extra {
-            margin-top: $spacing-form_label_extra_posMid-marginTop;
-            margin-bottom: $spacing-form_label_extra_posMid-marginBottom;
+            margin-top: $spacing-form_extra_posMid-marginTop;
+            margin-bottom: $spacing-form_extra_posMid-marginBottom;
         }
     }
 
     &[x-extra-pos="bottom"] {
         .#{$field}-extra {
-            margin-top: $spacing-form_label_extra_posBottom-marginTop;
+            margin-top: $spacing-form_extra_posBottom-marginTop;
         }
     }
 

package/form/rtl.scss

@@ -33,6 +33,7 @@ $rating: #{$prefix}-rating;
     
         &-field-label {
             padding-right: 0;
+            padding-left: $spacing-form_label-paddingRight;
     
             &-with-extra {
                 .#{$field}-label-extra {

package/form/variables.scss

@@ -7,6 +7,7 @@ $spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布
 $spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
 
 // form label
+$spacing-form_label-paddingRight: $spacing-base; // 表单项标签右侧边距（水平布局）
 $spacing-form_label-paddingTop: ($height-control-default - 20px) * 0.5; // 表单项标签顶部内边距（水平布局）
 $spacing-form_label-marginBottom: $spacing-extra-tight; // 表单项标签底部外边距
 $spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单项标签额外信息左侧边距
@@ -15,9 +16,10 @@ $spacing-form_label_posLeft-marginRight: 0; // 表单项左侧标签右侧外边
 $spacing-form_label_posLeft-marginBottom: 0; // 表单项左侧标签底部外边距
 $spacing-form_label_posTop-paddingTop: $spacing-extra-tight; // 表单项顶部标签顶部边距
 $spacing-form_label_posTop-paddingBottom: $spacing-extra-tight; // 表单项顶部标签底部边距
-$spacing-form_label_extra_posMid-marginTop: $spacing-extra-tight; // 表单项标签 图标/可选标记 顶部外边距
-$spacing-form_label_extra_posMid-marginBottom: $spacing-extra-tight; // 表单项标签 图标/可选标记 底部外边距 - 居中
-$spacing-form_label_extra_posBottom-marginTop: $spacing-extra-tight; // 表单项标签 图标/可选标记 顶部外边距 - 底部
+
+$spacing-form_extra_posMid-marginTop: $spacing-extra-tight; // 表单项额外提示信息顶部外边距 - 额外信息处于中间时
+$spacing-form_extra_posMid-marginBottom: $spacing-extra-tight; // 表单项额外提示信息底部外边距 - 额外信息处于中间时
+$spacing-form_extra_posBottom-marginTop: $spacing-extra-tight; //表单项额外提示信息顶部外边距 - 额外信息处于底部时
 
 // form switch rating需要额外margin以对齐高度 32px
 $spacing-form_switch_rating_marginY: ($height-control-default - 24px) * 0.5; // Switch / Rating 表单项顶部内边距（水平布局）

package/input/foundation.ts

@@ -21,7 +21,6 @@ export interface InputAdapter extends Partial<DefaultAdapter>, Partial<InputDefa
     notifyKeyUp(e: any): void;
     notifyKeyPress(e: any): void;
     notifyEnterPress(e: any): void;
-    setPaddingLeft(paddingLeft: string): void;
     isEventTarget(e: any): boolean
 }
 
@@ -266,10 +265,6 @@ class InputFoundation extends BaseFoundation<InputAdapter> {
         }
     }
 
-    setPaddingLeft(paddingLeft: string) {
-        this._adapter.setPaddingLeft(paddingLeft);
-    }
-
     isAllowClear() {
         const { value, isFocus, isHovering } = this._adapter.getStates();
         const { showClear, disabled } = this._adapter.getProps();

package/lib/cjs/form/form.css

@@ -48,6 +48,7 @@
   font-weight: 600;
   color: var(--semi-color-text-0);
   margin-bottom: 4px;
+  padding-right: 16px;
   display: inline-block;
   vertical-align: middle;
   font-size: 14px;
@@ -231,6 +232,7 @@
 .semi-rtl .semi-form-field-label,
 .semi-portal-rtl .semi-form-field-label {
   padding-right: 0;
+  padding-left: 16px;
 }
 .semi-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra,
 .semi-portal-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra {

package/lib/cjs/form/form.scss

@@ -92,6 +92,7 @@ $rating: #{$prefix}-rating;
         font-weight: $font-form_label-fontWeight;
         color: $color-form_label-text-default;
         margin-bottom: $spacing-form_label-marginBottom;
+        padding-right: $spacing-form_label-paddingRight;
         display: inline-block;
         vertical-align: middle;
         @include font-size-regular;
@@ -210,14 +211,14 @@ $rating: #{$prefix}-rating;
 
     &[x-extra-pos="middle"] {
         .#{$field}-extra {
-            margin-top: $spacing-form_label_extra_posMid-marginTop;
-            margin-bottom: $spacing-form_label_extra_posMid-marginBottom;
+            margin-top: $spacing-form_extra_posMid-marginTop;
+            margin-bottom: $spacing-form_extra_posMid-marginBottom;
         }
     }
 
     &[x-extra-pos="bottom"] {
         .#{$field}-extra {
-            margin-top: $spacing-form_label_extra_posBottom-marginTop;
+            margin-top: $spacing-form_extra_posBottom-marginTop;
         }
     }
 

package/lib/cjs/form/rtl.scss

@@ -33,6 +33,7 @@ $rating: #{$prefix}-rating;
     
         &-field-label {
             padding-right: 0;
+            padding-left: $spacing-form_label-paddingRight;
     
             &-with-extra {
                 .#{$field}-label-extra {

package/lib/cjs/form/variables.scss

@@ -7,6 +7,7 @@ $spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布
 $spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
 
 // form label
+$spacing-form_label-paddingRight: $spacing-base; // 表单项标签右侧边距（水平布局）
 $spacing-form_label-paddingTop: ($height-control-default - 20px) * 0.5; // 表单项标签顶部内边距（水平布局）
 $spacing-form_label-marginBottom: $spacing-extra-tight; // 表单项标签底部外边距
 $spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单项标签额外信息左侧边距
@@ -15,9 +16,10 @@ $spacing-form_label_posLeft-marginRight: 0; // 表单项左侧标签右侧外边
 $spacing-form_label_posLeft-marginBottom: 0; // 表单项左侧标签底部外边距
 $spacing-form_label_posTop-paddingTop: $spacing-extra-tight; // 表单项顶部标签顶部边距
 $spacing-form_label_posTop-paddingBottom: $spacing-extra-tight; // 表单项顶部标签底部边距
-$spacing-form_label_extra_posMid-marginTop: $spacing-extra-tight; // 表单项标签 图标/可选标记 顶部外边距
-$spacing-form_label_extra_posMid-marginBottom: $spacing-extra-tight; // 表单项标签 图标/可选标记 底部外边距 - 居中
-$spacing-form_label_extra_posBottom-marginTop: $spacing-extra-tight; // 表单项标签 图标/可选标记 顶部外边距 - 底部
+
+$spacing-form_extra_posMid-marginTop: $spacing-extra-tight; // 表单项额外提示信息顶部外边距 - 额外信息处于中间时
+$spacing-form_extra_posMid-marginBottom: $spacing-extra-tight; // 表单项额外提示信息底部外边距 - 额外信息处于中间时
+$spacing-form_extra_posBottom-marginTop: $spacing-extra-tight; //表单项额外提示信息顶部外边距 - 额外信息处于底部时
 
 // form switch rating需要额外margin以对齐高度 32px
 $spacing-form_switch_rating_marginY: ($height-control-default - 24px) * 0.5; // Switch / Rating 表单项顶部内边距（水平布局）

package/lib/cjs/input/foundation.d.ts

@@ -15,7 +15,6 @@ export interface InputAdapter extends Partial<DefaultAdapter>, Partial<InputDefa
     notifyKeyUp(e: any): void;
     notifyKeyPress(e: any): void;
     notifyEnterPress(e: any): void;
-    setPaddingLeft(paddingLeft: string): void;
     isEventTarget(e: any): boolean;
 }
 declare class InputFoundation extends BaseFoundation<InputAdapter> {
@@ -67,7 +66,6 @@ declare class InputFoundation extends BaseFoundation<InputAdapter> {
     handleKeyDown(e: any): void;
     handleKeyUp(e: any): void;
     handleKeyPress(e: any): void;
-    setPaddingLeft(paddingLeft: string): void;
     isAllowClear(): any;
     handleClickPrefixOrSuffix(e: any): void;
     /**

package/lib/cjs/input/foundation.js

@@ -321,10 +321,6 @@ class InputFoundation extends _foundation.default {
     }
   }
 
-  setPaddingLeft(paddingLeft) {
-    this._adapter.setPaddingLeft(paddingLeft);
-  }
-
   isAllowClear() {
     const {
       value,

package/lib/cjs/switch/rtl.scss

@@ -20,7 +20,7 @@ $module: #{$prefix}-switch;
         &-knob {
             right: 0;
             left: auto;
-            transform: translateX(-$motion-switch_unchecked-translateX);
+            transform: translateX(-1 * $spacing-switch_unchecked-translateX);
         }
 
         &-native-control {

package/lib/cjs/switch/switch.css

@@ -71,7 +71,7 @@
   background-color: rgba(var(--semi-white), 1);
   box-sizing: border-box;
   position: absolute;
-  left: 0;
+  left: 0px;
   right: auto;
   transition: transform 200ms ease-in-out, width 200ms ease-in-out;
   width: 18px;

package/lib/cjs/switch/switch.scss

@@ -94,14 +94,14 @@ $module: #{$prefix}-switch;
         background-color: $color-switch_knob-bg-default;
         box-sizing: border-box;
         position: absolute;
-        left: 0;
+        left: $spacing-switch_knob-left;
         right: auto;
         transition: transform $motion-switch-transitionDuration ease-in-out, width $motion-switch-transitionDuration ease-in-out;
 
         width: $width-switch_knob_default;
         height: $width-switch_knob_default;
         top: $spacing-switch_knob-padding;
-        transform: translateX($motion-switch_unchecked-translateX);
+        transform: translateX($spacing-switch_unchecked-translateX);
     }
 
     &-native-control {

package/lib/cjs/switch/variables.scss

@@ -1,5 +1,5 @@
 // Other
-$motion-switch_unchecked-translateX: 2px; // 未选中开关右侧偏移量 - 动画用
+$spacing-switch_unchecked-translateX: 2px; // 未选中开关右侧偏移量
 $motion-switch_spin_unchecked-translateX: 2px; // 未选中开关加载图标右侧偏移量 - 动画用
 $motion-switch_checked-translateX: 18px; // 选中开关右侧偏移量
 $motion-switch_spin_checked-translateX: 16px; // 选中开关加载图标右侧偏移量
@@ -62,9 +62,10 @@ $width-switch-outline: 2px; // 开关轮廓宽度
 
 
 // Spacing
-$spacing-switch_knob-padding: 2px; // 开关按钮内边距
+$spacing-switch_knob-padding: 2px; // 开关按钮顶部边距
 $spacing-switch_knob_large-padding: 3px; // 大尺寸开关按钮内边距
 $spacing-switch_knob_small-padding: 1px; // 小尺寸开关按钮内边距
+$spacing-switch_knob-left: 0px; // 开关左侧偏移距离
 
 // Radius
 $radius-switch: $height-switch * 0.5; // 开关圆角

package/lib/cjs/tagInput/tagInput.css

@@ -85,6 +85,15 @@
   padding-right: 4px;
   overflow: hidden;
 }
+.semi-tagInput-wrapper-small {
+  min-height: 24px;
+}
+.semi-tagInput-wrapper-default {
+  min-height: 32px;
+}
+.semi-tagInput-wrapper-large {
+  min-height: 40px;
+}
 .semi-tagInput-wrapper-tag {
   margin-right: 4px;
   white-space: pre;
@@ -137,6 +146,36 @@
 .semi-tagInput-wrapper .semi-tagInput-wrapper-input:not(:first-child) > input {
   padding-left: 0;
 }
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-small {
+  height: 20px;
+  margin-top: 1px;
+  margin-bottom: 1px;
+  line-height: 20px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-small .semi-input-small {
+  height: 20px;
+  line-height: 20px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-default {
+  height: 24px;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  line-height: 24px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-default .semi-input-default {
+  height: 24px;
+  line-height: 24px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-large {
+  height: 24px;
+  margin-top: 3px;
+  margin-bottom: 3px;
+  line-height: 24px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-large .semi-input-large {
+  height: 24px;
+  line-height: 24px;
+}
 .semi-tagInput-clearBtn {
   display: flex;
   justify-content: center;

package/lib/cjs/tagInput/tagInput.scss

@@ -106,6 +106,18 @@ $module: #{$prefix}-tagInput;
         padding-right: $spacing-extra-tight;
         overflow: hidden;
 
+        &-small {
+            min-height: $height-tagInput-small;
+        }
+
+        &-default {
+            min-height: $height-tagInput-default;
+        }
+
+        &-large {
+            min-height: $height-tagInput-large;
+        }
+
         &-tag {
             margin-right: $spacing-extra-tight;
             white-space: pre;
@@ -170,6 +182,42 @@ $module: #{$prefix}-tagInput;
             &:not(:first-child) > input {
                 padding-left: 0;
             }
+
+            &-small {
+                height: $height-tagInput_input_small;
+                margin-top: $spacing-tagInput_small-Y;
+                margin-bottom: $spacing-tagInput_small-Y;
+                line-height: $height-tagInput_input_small;
+
+                & .#{$prefix}-input-small {
+                    height: $height-tagInput_input_small;
+                    line-height: $height-tagInput_input_small;
+                }
+            }
+
+            &-default {
+                height: $height-tagInput_input_default;
+                margin-top: $spacing-tagInput_default-Y;
+                margin-bottom: $spacing-tagInput_default-Y;
+                line-height: $height-tagInput_input_default;
+
+                & .#{$prefix}-input-default {
+                    height: $height-tagInput_input_default;
+                    line-height: $height-tagInput_input_default;
+                }
+            }
+
+            &-large {
+                height: $height-tagInput_input_large;
+                margin-top: $spacing-tagInput_large-Y;
+                margin-bottom: $spacing-tagInput_large-Y;
+                line-height: $height-tagInput_input_large;
+
+                & .#{$prefix}-input-large {
+                    height: $height-tagInput_input_large;
+                    line-height: $height-tagInput_input_large;
+                }
+            }
         }
     }
 

package/lib/cjs/tagInput/variables.scss

@@ -40,6 +40,9 @@ $spacing-tagInput_tag_icon_paddingLeft: 4px; // tag中有handler icon时tag的
 $height-tagInput-large: $height-control-large; // 大尺寸标签输入框高度
 $height-tagInput-default: $height-control-default; // 默认尺寸标签输入框高度
 $height-tagInput-small: $height-control-small; // 小尺寸标签输入框高度
+$height-tagInput_input_small: 20px; // 小尺寸标签输入框Input框高度
+$height-tagInput_input_default: 24px; // 默认尺寸标签输入框Input框高度
+$height-tagInput_input_large: 24px; // 大尺寸标签输入框Input框高度
 
 $width-tagInput-clear-medium: $width-icon-medium * 2; // 标签输入框清空按钮宽度
 $width-tagInput-border-default: $border-thickness-control; // 标签输入框描边描边宽度 - 默认

package/lib/es/form/form.css

@@ -48,6 +48,7 @@
   font-weight: 600;
   color: var(--semi-color-text-0);
   margin-bottom: 4px;
+  padding-right: 16px;
   display: inline-block;
   vertical-align: middle;
   font-size: 14px;
@@ -231,6 +232,7 @@
 .semi-rtl .semi-form-field-label,
 .semi-portal-rtl .semi-form-field-label {
   padding-right: 0;
+  padding-left: 16px;
 }
 .semi-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra,
 .semi-portal-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra {

package/lib/es/form/form.scss

@@ -92,6 +92,7 @@ $rating: #{$prefix}-rating;
         font-weight: $font-form_label-fontWeight;
         color: $color-form_label-text-default;
         margin-bottom: $spacing-form_label-marginBottom;
+        padding-right: $spacing-form_label-paddingRight;
         display: inline-block;
         vertical-align: middle;
         @include font-size-regular;
@@ -210,14 +211,14 @@ $rating: #{$prefix}-rating;
 
     &[x-extra-pos="middle"] {
         .#{$field}-extra {
-            margin-top: $spacing-form_label_extra_posMid-marginTop;
-            margin-bottom: $spacing-form_label_extra_posMid-marginBottom;
+            margin-top: $spacing-form_extra_posMid-marginTop;
+            margin-bottom: $spacing-form_extra_posMid-marginBottom;
         }
     }
 
     &[x-extra-pos="bottom"] {
         .#{$field}-extra {
-            margin-top: $spacing-form_label_extra_posBottom-marginTop;
+            margin-top: $spacing-form_extra_posBottom-marginTop;
         }
     }
 

package/lib/es/form/rtl.scss

@@ -33,6 +33,7 @@ $rating: #{$prefix}-rating;
     
         &-field-label {
             padding-right: 0;
+            padding-left: $spacing-form_label-paddingRight;
     
             &-with-extra {
                 .#{$field}-label-extra {

package/lib/es/form/variables.scss

@@ -7,6 +7,7 @@ $spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布
 $spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
 
 // form label
+$spacing-form_label-paddingRight: $spacing-base; // 表单项标签右侧边距（水平布局）
 $spacing-form_label-paddingTop: ($height-control-default - 20px) * 0.5; // 表单项标签顶部内边距（水平布局）
 $spacing-form_label-marginBottom: $spacing-extra-tight; // 表单项标签底部外边距
 $spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单项标签额外信息左侧边距
@@ -15,9 +16,10 @@ $spacing-form_label_posLeft-marginRight: 0; // 表单项左侧标签右侧外边
 $spacing-form_label_posLeft-marginBottom: 0; // 表单项左侧标签底部外边距
 $spacing-form_label_posTop-paddingTop: $spacing-extra-tight; // 表单项顶部标签顶部边距
 $spacing-form_label_posTop-paddingBottom: $spacing-extra-tight; // 表单项顶部标签底部边距
-$spacing-form_label_extra_posMid-marginTop: $spacing-extra-tight; // 表单项标签 图标/可选标记 顶部外边距
-$spacing-form_label_extra_posMid-marginBottom: $spacing-extra-tight; // 表单项标签 图标/可选标记 底部外边距 - 居中
-$spacing-form_label_extra_posBottom-marginTop: $spacing-extra-tight; // 表单项标签 图标/可选标记 顶部外边距 - 底部
+
+$spacing-form_extra_posMid-marginTop: $spacing-extra-tight; // 表单项额外提示信息顶部外边距 - 额外信息处于中间时
+$spacing-form_extra_posMid-marginBottom: $spacing-extra-tight; // 表单项额外提示信息底部外边距 - 额外信息处于中间时
+$spacing-form_extra_posBottom-marginTop: $spacing-extra-tight; //表单项额外提示信息顶部外边距 - 额外信息处于底部时
 
 // form switch rating需要额外margin以对齐高度 32px
 $spacing-form_switch_rating_marginY: ($height-control-default - 24px) * 0.5; // Switch / Rating 表单项顶部内边距（水平布局）

package/lib/es/input/foundation.d.ts

@@ -15,7 +15,6 @@ export interface InputAdapter extends Partial<DefaultAdapter>, Partial<InputDefa
     notifyKeyUp(e: any): void;
     notifyKeyPress(e: any): void;
     notifyEnterPress(e: any): void;
-    setPaddingLeft(paddingLeft: string): void;
     isEventTarget(e: any): boolean;
 }
 declare class InputFoundation extends BaseFoundation<InputAdapter> {
@@ -67,7 +66,6 @@ declare class InputFoundation extends BaseFoundation<InputAdapter> {
     handleKeyDown(e: any): void;
     handleKeyUp(e: any): void;
     handleKeyPress(e: any): void;
-    setPaddingLeft(paddingLeft: string): void;
     isAllowClear(): any;
     handleClickPrefixOrSuffix(e: any): void;
     /**

package/lib/es/input/foundation.js

@@ -306,10 +306,6 @@ class InputFoundation extends BaseFoundation {
     }
   }
 
-  setPaddingLeft(paddingLeft) {
-    this._adapter.setPaddingLeft(paddingLeft);
-  }
-
   isAllowClear() {
     const {
       value,

package/lib/es/switch/rtl.scss

@@ -20,7 +20,7 @@ $module: #{$prefix}-switch;
         &-knob {
             right: 0;
             left: auto;
-            transform: translateX(-$motion-switch_unchecked-translateX);
+            transform: translateX(-1 * $spacing-switch_unchecked-translateX);
         }
 
         &-native-control {

package/lib/es/switch/switch.css

@@ -71,7 +71,7 @@
   background-color: rgba(var(--semi-white), 1);
   box-sizing: border-box;
   position: absolute;
-  left: 0;
+  left: 0px;
   right: auto;
   transition: transform 200ms ease-in-out, width 200ms ease-in-out;
   width: 18px;

package/lib/es/switch/switch.scss

@@ -94,14 +94,14 @@ $module: #{$prefix}-switch;
         background-color: $color-switch_knob-bg-default;
         box-sizing: border-box;
         position: absolute;
-        left: 0;
+        left: $spacing-switch_knob-left;
         right: auto;
         transition: transform $motion-switch-transitionDuration ease-in-out, width $motion-switch-transitionDuration ease-in-out;
 
         width: $width-switch_knob_default;
         height: $width-switch_knob_default;
         top: $spacing-switch_knob-padding;
-        transform: translateX($motion-switch_unchecked-translateX);
+        transform: translateX($spacing-switch_unchecked-translateX);
     }
 
     &-native-control {

package/lib/es/switch/variables.scss

@@ -1,5 +1,5 @@
 // Other
-$motion-switch_unchecked-translateX: 2px; // 未选中开关右侧偏移量 - 动画用
+$spacing-switch_unchecked-translateX: 2px; // 未选中开关右侧偏移量
 $motion-switch_spin_unchecked-translateX: 2px; // 未选中开关加载图标右侧偏移量 - 动画用
 $motion-switch_checked-translateX: 18px; // 选中开关右侧偏移量
 $motion-switch_spin_checked-translateX: 16px; // 选中开关加载图标右侧偏移量
@@ -62,9 +62,10 @@ $width-switch-outline: 2px; // 开关轮廓宽度
 
 
 // Spacing
-$spacing-switch_knob-padding: 2px; // 开关按钮内边距
+$spacing-switch_knob-padding: 2px; // 开关按钮顶部边距
 $spacing-switch_knob_large-padding: 3px; // 大尺寸开关按钮内边距
 $spacing-switch_knob_small-padding: 1px; // 小尺寸开关按钮内边距
+$spacing-switch_knob-left: 0px; // 开关左侧偏移距离
 
 // Radius
 $radius-switch: $height-switch * 0.5; // 开关圆角

package/lib/es/tagInput/tagInput.css

@@ -85,6 +85,15 @@
   padding-right: 4px;
   overflow: hidden;
 }
+.semi-tagInput-wrapper-small {
+  min-height: 24px;
+}
+.semi-tagInput-wrapper-default {
+  min-height: 32px;
+}
+.semi-tagInput-wrapper-large {
+  min-height: 40px;
+}
 .semi-tagInput-wrapper-tag {
   margin-right: 4px;
   white-space: pre;
@@ -137,6 +146,36 @@
 .semi-tagInput-wrapper .semi-tagInput-wrapper-input:not(:first-child) > input {
   padding-left: 0;
 }
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-small {
+  height: 20px;
+  margin-top: 1px;
+  margin-bottom: 1px;
+  line-height: 20px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-small .semi-input-small {
+  height: 20px;
+  line-height: 20px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-default {
+  height: 24px;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  line-height: 24px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-default .semi-input-default {
+  height: 24px;
+  line-height: 24px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-large {
+  height: 24px;
+  margin-top: 3px;
+  margin-bottom: 3px;
+  line-height: 24px;
+}
+.semi-tagInput-wrapper .semi-tagInput-wrapper-input-large .semi-input-large {
+  height: 24px;
+  line-height: 24px;
+}
 .semi-tagInput-clearBtn {
   display: flex;
   justify-content: center;

package/lib/es/tagInput/tagInput.scss

@@ -106,6 +106,18 @@ $module: #{$prefix}-tagInput;
         padding-right: $spacing-extra-tight;
         overflow: hidden;
 
+        &-small {
+            min-height: $height-tagInput-small;
+        }
+
+        &-default {
+            min-height: $height-tagInput-default;
+        }
+
+        &-large {
+            min-height: $height-tagInput-large;
+        }
+
         &-tag {
             margin-right: $spacing-extra-tight;
             white-space: pre;
@@ -170,6 +182,42 @@ $module: #{$prefix}-tagInput;
             &:not(:first-child) > input {
                 padding-left: 0;
             }
+
+            &-small {
+                height: $height-tagInput_input_small;
+                margin-top: $spacing-tagInput_small-Y;
+                margin-bottom: $spacing-tagInput_small-Y;
+                line-height: $height-tagInput_input_small;
+
+                & .#{$prefix}-input-small {
+                    height: $height-tagInput_input_small;
+                    line-height: $height-tagInput_input_small;
+                }
+            }
+
+            &-default {
+                height: $height-tagInput_input_default;
+                margin-top: $spacing-tagInput_default-Y;
+                margin-bottom: $spacing-tagInput_default-Y;
+                line-height: $height-tagInput_input_default;
+
+                & .#{$prefix}-input-default {
+                    height: $height-tagInput_input_default;
+                    line-height: $height-tagInput_input_default;
+                }
+            }
+
+            &-large {
+                height: $height-tagInput_input_large;
+                margin-top: $spacing-tagInput_large-Y;
+                margin-bottom: $spacing-tagInput_large-Y;
+                line-height: $height-tagInput_input_large;
+
+                & .#{$prefix}-input-large {
+                    height: $height-tagInput_input_large;
+                    line-height: $height-tagInput_input_large;
+                }
+            }
         }
     }
 

package/lib/es/tagInput/variables.scss

@@ -40,6 +40,9 @@ $spacing-tagInput_tag_icon_paddingLeft: 4px; // tag中有handler icon时tag的
 $height-tagInput-large: $height-control-large; // 大尺寸标签输入框高度
 $height-tagInput-default: $height-control-default; // 默认尺寸标签输入框高度
 $height-tagInput-small: $height-control-small; // 小尺寸标签输入框高度
+$height-tagInput_input_small: 20px; // 小尺寸标签输入框Input框高度
+$height-tagInput_input_default: 24px; // 默认尺寸标签输入框Input框高度
+$height-tagInput_input_large: 24px; // 大尺寸标签输入框Input框高度
 
 $width-tagInput-clear-medium: $width-icon-medium * 2; // 标签输入框清空按钮宽度
 $width-tagInput-border-default: $border-thickness-control; // 标签输入框描边描边宽度 - 默认

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.23.1",
+    "version": "2.23.3",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "3960e35ea5c7244e5adbc9cb938330e9a6ee43e2",
+    "gitHead": "5aadb20452c9705c91bcc32013a4e7dee74e49fd",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/switch/rtl.scss

@@ -20,7 +20,7 @@ $module: #{$prefix}-switch;
         &-knob {
             right: 0;
             left: auto;
-            transform: translateX(-$motion-switch_unchecked-translateX);
+            transform: translateX(-1 * $spacing-switch_unchecked-translateX);
         }
 
         &-native-control {

package/switch/switch.scss

@@ -94,14 +94,14 @@ $module: #{$prefix}-switch;
         background-color: $color-switch_knob-bg-default;
         box-sizing: border-box;
         position: absolute;
-        left: 0;
+        left: $spacing-switch_knob-left;
         right: auto;
         transition: transform $motion-switch-transitionDuration ease-in-out, width $motion-switch-transitionDuration ease-in-out;
 
         width: $width-switch_knob_default;
         height: $width-switch_knob_default;
         top: $spacing-switch_knob-padding;
-        transform: translateX($motion-switch_unchecked-translateX);
+        transform: translateX($spacing-switch_unchecked-translateX);
     }
 
     &-native-control {

package/switch/variables.scss

@@ -1,5 +1,5 @@
 // Other
-$motion-switch_unchecked-translateX: 2px; // 未选中开关右侧偏移量 - 动画用
+$spacing-switch_unchecked-translateX: 2px; // 未选中开关右侧偏移量
 $motion-switch_spin_unchecked-translateX: 2px; // 未选中开关加载图标右侧偏移量 - 动画用
 $motion-switch_checked-translateX: 18px; // 选中开关右侧偏移量
 $motion-switch_spin_checked-translateX: 16px; // 选中开关加载图标右侧偏移量
@@ -62,9 +62,10 @@ $width-switch-outline: 2px; // 开关轮廓宽度
 
 
 // Spacing
-$spacing-switch_knob-padding: 2px; // 开关按钮内边距
+$spacing-switch_knob-padding: 2px; // 开关按钮顶部边距
 $spacing-switch_knob_large-padding: 3px; // 大尺寸开关按钮内边距
 $spacing-switch_knob_small-padding: 1px; // 小尺寸开关按钮内边距
+$spacing-switch_knob-left: 0px; // 开关左侧偏移距离
 
 // Radius
 $radius-switch: $height-switch * 0.5; // 开关圆角

package/tagInput/tagInput.scss

@@ -106,6 +106,18 @@ $module: #{$prefix}-tagInput;
         padding-right: $spacing-extra-tight;
         overflow: hidden;
 
+        &-small {
+            min-height: $height-tagInput-small;
+        }
+
+        &-default {
+            min-height: $height-tagInput-default;
+        }
+
+        &-large {
+            min-height: $height-tagInput-large;
+        }
+
         &-tag {
             margin-right: $spacing-extra-tight;
             white-space: pre;
@@ -170,6 +182,42 @@ $module: #{$prefix}-tagInput;
             &:not(:first-child) > input {
                 padding-left: 0;
             }
+
+            &-small {
+                height: $height-tagInput_input_small;
+                margin-top: $spacing-tagInput_small-Y;
+                margin-bottom: $spacing-tagInput_small-Y;
+                line-height: $height-tagInput_input_small;
+
+                & .#{$prefix}-input-small {
+                    height: $height-tagInput_input_small;
+                    line-height: $height-tagInput_input_small;
+                }
+            }
+
+            &-default {
+                height: $height-tagInput_input_default;
+                margin-top: $spacing-tagInput_default-Y;
+                margin-bottom: $spacing-tagInput_default-Y;
+                line-height: $height-tagInput_input_default;
+
+                & .#{$prefix}-input-default {
+                    height: $height-tagInput_input_default;
+                    line-height: $height-tagInput_input_default;
+                }
+            }
+
+            &-large {
+                height: $height-tagInput_input_large;
+                margin-top: $spacing-tagInput_large-Y;
+                margin-bottom: $spacing-tagInput_large-Y;
+                line-height: $height-tagInput_input_large;
+
+                & .#{$prefix}-input-large {
+                    height: $height-tagInput_input_large;
+                    line-height: $height-tagInput_input_large;
+                }
+            }
         }
     }
 

package/tagInput/variables.scss

@@ -40,6 +40,9 @@ $spacing-tagInput_tag_icon_paddingLeft: 4px; // tag中有handler icon时tag的
 $height-tagInput-large: $height-control-large; // 大尺寸标签输入框高度
 $height-tagInput-default: $height-control-default; // 默认尺寸标签输入框高度
 $height-tagInput-small: $height-control-small; // 小尺寸标签输入框高度
+$height-tagInput_input_small: 20px; // 小尺寸标签输入框Input框高度
+$height-tagInput_input_default: 24px; // 默认尺寸标签输入框Input框高度
+$height-tagInput_input_large: 24px; // 大尺寸标签输入框Input框高度
 
 $width-tagInput-clear-medium: $width-icon-medium * 2; // 标签输入框清空按钮宽度
 $width-tagInput-border-default: $border-thickness-control; // 标签输入框描边描边宽度 - 默认