@douyinfe/semi-foundation 2.23.0-beta.1 → 2.23.0

package/lib/cjs/radio/animation.scss

@@ -1,10 +1,10 @@
-$transition_duration-radio-bg: var(--semi-transition_duration-faster);//单选框-背景色-动画持续时间
+$transition_duration-radio-bg: var(--semi-transition_duration-none);//单选框-背景色-动画持续时间
 $transition_function-radio-bg: var(--semi-transition_function-easeIn);//单选框-背景色-过渡曲线
-$transition_delay-radio-bg: var(--semi-transition_delay-fastest);//单选框-背景色-延迟时间
+$transition_delay-radio-bg: var(--semi-transition_delay-none);//单选框-背景色-延迟时间
 
-$transition_duration-radio-border: var(--semi-transition_duration-faster);//单选框-边框-动画持续时间
+$transition_duration-radio-border: var(--semi-transition_duration-none);//单选框-边框-动画持续时间
 $transition_function-radio-border: var(--semi-transition_function-easeIn);//单选框-边框-过渡曲线
-$transition_delay-radio-border: var(--semi-transition_delay-fastest);//单选框-边框-延迟时间
+$transition_delay-radio-border: var(--semi-transition_delay-none);//单选框-边框-延迟时间
 
 // transform token
 $transform_scale-radio: var(--semi-transform_scale-none);//单选框-变大

package/lib/cjs/radio/radio.css

@@ -8,7 +8,7 @@
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   display: inline-flex;
   column-gap: 8px;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   min-height: 20px;
   min-width: 16px;
   cursor: pointer;
@@ -78,7 +78,7 @@
   padding: 12px 16px;
   background: transparent;
   border: 1px solid transparent;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-radio-cardRadioGroup .semi-radio-inner {
   flex-shrink: 0;
@@ -165,7 +165,7 @@
   border: solid 1px var(--semi-color-text-3);
   border-radius: 16px;
   background: transparent;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-radio-inner-display .semi-icon {
   width: 100%;
@@ -195,7 +195,7 @@
   color: var(--semi-color-text-1);
   font-size: 12px;
   padding: 4px 16px;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-radio-addon-buttonRadio-hover {
   font-weight: 600;

package/lib/cjs/rating/animation.scss

@@ -1,6 +1,6 @@
-$transition_duration-rating-color: var(--semi-transition_duration-faster);//评分-背景色-动画持续时间
+$transition_duration-rating-color: var(--semi-transition_duration-none);//评分-背景色-动画持续时间
 $transition_function-rating-color: var(--semi-transition_function-easeIn);//评分-背景色-过渡曲线
-$transition_delay-rating-color: var(--semi-transition_delay-fastest);//评分-背景色-延迟时间
+$transition_delay-rating-color: var(--semi-transition_delay-none);//评分-背景色-延迟时间
 
 // transform token
 $transform_scale-rating: var(--semi-transform_scale-none);//评分-变大

package/lib/cjs/rating/rating.css

@@ -59,7 +59,7 @@
   height: 100%;
 }
 .semi-rating-star-first, .semi-rating-star-second {
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   color: var(--semi-color-fill-0);
   user-select: none;
 }

package/lib/cjs/scrollList/animation.scss

@@ -1,3 +1,3 @@
-$transition_duration-scrollList_selected_item-bg: var(--semi-transition_duration-fastest); // 滚动列表选中选项-背景颜色-动画持续时间
+$transition_duration-scrollList_selected_item-bg: var(--semi-transition_duration-none); // 滚动列表选中选项-背景颜色-动画持续时间
 $transition_function-scrollList_selected_item-bg: var(--semi-transition_function-easeOut); // 滚动列表选中选项-背景颜色-过渡曲线
 $transition_delay-scrollList_selected_item-bg: 0ms; // 滚动列表选中选项-背景颜色-延迟时间

package/lib/cjs/scrollList/scrollList.css

@@ -69,7 +69,7 @@
   justify-content: center;
   cursor: pointer;
   background-color: transparent;
-  transition: background-color var(--semi-transition_duration-fastest) var(--semi-transition_function-easeOut) 0ms;
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
 }
 .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel,
 .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel {

package/lib/cjs/select/animation.scss

@@ -1,14 +1,14 @@
-$transition_duration-select-bg: var(--semi-transition_duration-faster);//选择器-背景色-动画持续时间
+$transition_duration-select-bg: var(--semi-transition_duration-none);//选择器-背景色-动画持续时间
 $transition_function-select-bg: var(--semi-transition_function-easeIn);//选择器-背景色-过渡曲线
-$transition_delay-select-bg: var(--semi-transition_delay-fastest);//选择器-背景色-延迟时间
+$transition_delay-select-bg: var(--semi-transition_delay-none);//选择器-背景色-延迟时间
 
-$transition_duration-select-border: var(--semi-transition_duration-faster);//选择器-边框-动画持续时间
+$transition_duration-select-border: var(--semi-transition_duration-none);//选择器-边框-动画持续时间
 $transition_function-select-border: var(--semi-transition_function-easeIn);//选择器-边框-过渡曲线
-$transition_delay-select-border: var(--semi-transition_delay-fastest);//选择器-边框-延迟时间
+$transition_delay-select-border: var(--semi-transition_delay-none);//选择器-边框-延迟时间
 
-$transition_duration-select_option-bg: var(--semi-transition_duration-faster);//选择器-选项-动画持续时间
+$transition_duration-select_option-bg: var(--semi-transition_duration-none);//选择器-选项-动画持续时间
 $transition_function-select_option-bg: var(--semi-transition_function-easeIn);//选择器-选项-过渡曲线
-$transition_delay-select_option-bg: var(--semi-transition_delay-fastest);//选择器-选项-延迟时间
+$transition_delay-select_option-bg: var(--semi-transition_delay-none);//选择器-选项-延迟时间
 
 // transform token
 $transform_scale-select: var(--semi-transform_scale-none);//选择框-变大

package/lib/cjs/select/select.css

@@ -18,7 +18,7 @@
   align-items: center;
   cursor: pointer;
   box-sizing: border-box;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-select-option-icon {
   width: 12px;
@@ -81,7 +81,7 @@
   position: relative;
   outline: none;
   cursor: pointer;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 .semi-select:hover {

package/lib/cjs/slider/animation.scss

@@ -1,6 +1,6 @@
-$transition_duration-slider_handle-bg: var(--semi-transition_duration-faster);//滑动条圆形按钮-背景色-动画持续时间
+$transition_duration-slider_handle-bg: var(--semi-transition_duration-none);//滑动条圆形按钮-背景色-动画持续时间
 $transition_function-slider_handle-bg: var(--semi-transition_function-easeIn);//滑动条圆形按钮-背景色-过渡曲线
-$transition_delay-slider_handle-bg: var(--semi-transition_delay-fastest);//滑动条圆形按钮-背景色-延迟时间
+$transition_delay-slider_handle-bg: var(--semi-transition_delay-none);//滑动条圆形按钮-背景色-延迟时间
 
 //transform token
 

package/lib/cjs/slider/slider.css

@@ -44,7 +44,7 @@
   border: none;
   border-radius: 50%;
   cursor: pointer;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-small));
 }
 .semi-slider-handle:focus-visible {

package/lib/cjs/steps/animation.scss

@@ -1,14 +1,14 @@
-$transition_duration-steps_item_title-text: var(--semi-transition_duration-faster);//步骤条标题文字-背景色-动画持续时间
+$transition_duration-steps_item_title-text: var(--semi-transition_duration-none);//步骤条标题文字-背景色-动画持续时间
 $transition_function-steps_item_title-text: var(--semi-transition_function-easeIn);//步骤条标题文字-背景色-过渡曲线
-$transition_delay-steps_item_title-text: var(--semi-transition_delay-fastest);//步骤条标题文字-背景色-延迟时间
+$transition_delay-steps_item_title-text: var(--semi-transition_delay-none);//步骤条标题文字-背景色-延迟时间
 
-$transition_duration-steps_item_title-icon: var(--semi-transition_duration-faster);//步骤条标题文字-背景色-动画持续时间
+$transition_duration-steps_item_title-icon: var(--semi-transition_duration-none);//步骤条标题文字-背景色-动画持续时间
 $transition_function-steps_item_title-icon: var(--semi-transition_function-easeIn);//步骤条标题文字-背景色-过渡曲线
-$transition_delay-steps_item_title-icon: var(--semi-transition_delay-fastest);//步骤条标题文字-背景色-延迟时间
+$transition_delay-steps_item_title-icon: var(--semi-transition_delay-none);//步骤条标题文字-背景色-延迟时间
 
-$transition_duration-steps_item_backgroundColor: var(--semi-transition_duration-faster);//步骤条标题文字-背景色-动画持续时间
+$transition_duration-steps_item_backgroundColor: var(--semi-transition_duration-none);//步骤条标题文字-背景色-动画持续时间
 $transition_function-steps_item_backgroundColor: var(--semi-transition_function-easeIn);//步骤条标题文字-背景色-过渡曲线
-$transition_delay-steps_item_backgroundColor: var(--semi-transition_delay-fastest);//步骤条标题文字-背景色-延迟时间
+$transition_delay-steps_item_backgroundColor: var(--semi-transition_delay-none);//步骤条标题文字-背景色-延迟时间
 
 
 

package/lib/cjs/steps/steps.css

@@ -17,9 +17,9 @@
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-medium);
   padding: 12px 16px;
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-small));
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps .semi-steps-item .semi-steps-item-title {
   position: relative;
@@ -32,7 +32,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--semi-color-text-0);
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps .semi-steps-item .semi-steps-item-description {
   font-size: 14px;
@@ -198,7 +198,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps-basic.semi-steps-vertical {
   display: flex;
@@ -261,7 +261,7 @@
   overflow: hidden;
   flex: 1;
   cursor: pointer;
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-small));
 }
 .semi-steps-basic .semi-steps-item:hover .semi-steps-item-title {
@@ -298,7 +298,7 @@
   background: var(--semi-color-primary);
   border-radius: var(--semi-border-radius-circle);
   color: var(--semi-color-white);
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps-basic .semi-steps-item .semi-steps-item-title {
   position: relative;
@@ -312,7 +312,7 @@
   vertical-align: top;
   padding-right: 16px;
   padding-bottom: 4px;
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {
   color: var(--semi-color-primary);

package/lib/cjs/switch/animation.scss

@@ -1,4 +1,4 @@
 $transition_duration-switch-bg: 200ms;//开关-背景色-动画持续时间
 $transition_function-switch-bg: var(--semi-transition_function-easeIn);//开关-背景色-过渡曲线
-$transition_delay-switch-bg: var(--semi-transition_delay-fastest);//开关-背景色-延迟时间
+$transition_delay-switch-bg: var(--semi-transition_delay-none);//开关-背景色-延迟时间
 

package/lib/cjs/switch/switch.css

@@ -9,7 +9,7 @@
   position: relative;
   cursor: pointer;
   background-color: var(--semi-color-fill-0);
-  transition: background-color 200ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color 200ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   width: 40px;
   height: 24px;
 }

package/lib/cjs/table/animation.scss

@@ -1,3 +1,3 @@
-$transition_duration-table_body-bg: var(--semi-transition_duration-faster); // 表格-背景颜色-动画持续时间
+$transition_duration-table_body-bg: var(--semi-transition_duration-none); // 表格-背景颜色-动画持续时间
 $transition_function-table_body-bg: var(--semi-transition_function-easeOut); // 表格-背景颜色-过渡曲线
 $transition_delay-table_body-bg: 0ms; // 表格-背景颜色-延迟时间

package/lib/cjs/table/table.css

@@ -245,10 +245,10 @@
   box-shadow: -3px 0 0 0 var(--semi-color-shadow);
 }
 .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed > * {
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeOut) 0ms;
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
 }
 .semi-table-tbody > .semi-table-row > * {
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeOut) 0ms;
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
 }
 .semi-table-tbody > .semi-table-row-section {
   display: table-row;

package/lib/cjs/tabs/animation.scss

@@ -1,20 +1,20 @@
-$transition_duration-tabs_tab_line-border: var(--semi-transition_duration-faster); //线条式标签页标示线-边框-动画持续时间
+$transition_duration-tabs_tab_line-border: var(--semi-transition_duration-none); //线条式标签页标示线-边框-动画持续时间
 $transition_function-tabs_tab_line-border: var(--semi-transition_function-easeIn); //线条式标签页标示线-边框-过渡曲线
-$transition_delay-tabs_tab_line-border: var(--semi-transition_delay-fastest); //线条式标签页标示线-边框-延迟时间
+$transition_delay-tabs_tab_line-border: var(--semi-transition_delay-none); //线条式标签页标示线-边框-延迟时间
 
-$transition_duration-tabs_tab_line-text: var(--semi-transition_duration-faster); //线条式标签页-文字-动画持续时间
+$transition_duration-tabs_tab_line-text: var(--semi-transition_duration-none); //线条式标签页-文字-动画持续时间
 $transition_function-tabs_tab_line-text: var(--semi-transition_function-easeIn); //线条式标签页-文字-过渡曲线
-$transition_delay-tabs_tab_line-text: var(--semi-transition_delay-fastest); //线条式标签页-文字-延迟时间
+$transition_delay-tabs_tab_line-text: var(--semi-transition_delay-none); //线条式标签页-文字-延迟时间
 
 
-$transition_duration-tabs_tab_button-bg: var(--semi-transition_duration-faster); //按钮式标签页-背景色-动画持续时间
+$transition_duration-tabs_tab_button-bg: var(--semi-transition_duration-none); //按钮式标签页-背景色-动画持续时间
 $transition_function-tabs_tab_button-bg: var(--semi-transition_function-easeIn); //按钮式标签页-背景色-过渡曲线
-$transition_delay-tabs_tab_button-bg: var(--semi-transition_delay-fastest); //按钮式标签页-背景色-延迟时间
+$transition_delay-tabs_tab_button-bg: var(--semi-transition_delay-none); //按钮式标签页-背景色-延迟时间
 
 
-$transition_duration-tabs_tab_card-bg: var(--semi-transition_duration-faster); //卡片式标签页文字-背景色-动画持续时间
+$transition_duration-tabs_tab_card-bg: var(--semi-transition_duration-none); //卡片式标签页文字-背景色-动画持续时间
 $transition_function-tabs_tab_card-bg: var(--semi-transition_function-easeIn); //卡片式标签页文字-背景色-过渡曲线
-$transition_delay-tabs_tab_card-bg: var(--semi-transition_delay-fastest); //卡片式标签页文字-背景色-延迟时间
+$transition_delay-tabs_tab_card-bg: var(--semi-transition_delay-none); //卡片式标签页文字-背景色-延迟时间
 
 //transform token
 

package/lib/cjs/tabs/tabs.css

@@ -39,7 +39,7 @@
   margin-right: 8px;
   top: 3px;
   color: var(--semi-color-text-2);
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-tabs-bar .semi-tabs-tab .semi-icon-close {
   margin-right: 0;
@@ -103,12 +103,52 @@
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -2px;
 }
+.semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled {
+  color: var(--semi-color-disabled-text);
+  background-color: transparent;
+}
+.semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled:hover {
+  color: var(--semi-color-disabled-text);
+  background-color: transparent;
+}
 .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
   margin-right: 4px;
 }
+.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button {
+  color: var(--semi-color-primary);
+  padding: 8px;
+  border: 0px solid transparent;
+  background-color: transparent;
+}
+.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button:hover {
+  background-color: var(--semi-color-fill-0);
+  color: var(--semi-color-primary);
+  border-color: transparent;
+}
+.semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button:active {
+  background-color: var(--semi-color-fill-1);
+  color: var(--semi-color-primary);
+  border-color: transparent;
+}
 .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
   margin-left: 4px;
 }
+.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button {
+  color: var(--semi-color-primary);
+  padding: 8px;
+  border: 0px solid transparent;
+  background-color: transparent;
+}
+.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button:hover {
+  background-color: var(--semi-color-fill-0);
+  color: var(--semi-color-primary);
+  border-color: transparent;
+}
+.semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button:active {
+  background-color: var(--semi-color-fill-1);
+  color: var(--semi-color-primary);
+  border-color: transparent;
+}
 .semi-tabs-bar-dropdown {
   max-height: 300px;
   overflow-y: auto;
@@ -121,12 +161,12 @@
 }
 .semi-tabs-bar-line.semi-tabs-bar-top {
   border-bottom: 1px solid var(--semi-color-border);
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab {
   padding: 16px 4px 14px 4px;
-  transition: border-bottom-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   border-bottom: 2px solid transparent;
 }
 .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab:nth-of-type(1) {
@@ -160,7 +200,7 @@
 .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
   padding: 12px;
   border-left: 2px solid transparent;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab:hover {
   border-left: 2px solid var(--semi-color-fill-0);
@@ -251,7 +291,7 @@
 }
 .semi-tabs-bar-card .semi-tabs-tab {
   padding: 8px 12px;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 .semi-tabs-bar-card .semi-tabs-tab:hover {
@@ -278,7 +318,7 @@
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-text-2);
   border: none;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 .semi-tabs-bar-button .semi-tabs-tab:hover {

package/lib/cjs/tabs/tabs.scss

@@ -134,14 +134,55 @@ $module: #{$prefix}-tabs;
                     outline-offset: $width-tabs-outline-offset;
                 }
             }
+            & > .#{$prefix}-button-disabled{
+                color: $color-tabs_tab-pane_arrow_disabled-text-default;
+                background-color: $color-tabs_tab-pane_arrow_disabled-bg-default;
+                &:hover{
+                    color: $color-tabs_tab-pane_arrow_disabled-text-hover;
+                    background-color: $color-tabs_tab-pane_arrow_disabled-bg-hover;
+                }
+            }
         }
 
         .#{$module}-bar-arrow-start {
             margin-right: $spacing-tabs_overflow_icon-marginRight;
+            & > .#{$prefix}-button{
+                color: $color-tabs_tab-pane_arrow-text-default;
+                padding: $spacing-tabs_tab-pane_arrow;
+                border: $width-tabs_tab-pane_arrow-border solid $color-tabs_tab-pane_arrow-border-default;
+                background-color: $color-tabs_tab-pane_arrow-bg-default;
+                &:hover{
+                    background-color: var(--semi-color-fill-0);
+                    color: $color-tabs_tab-pane_arrow-text-hover;
+                    border-color: $color-tabs_tab-pane_arrow-border-hover;
+                }
+                &:active{
+                    background-color: var(--semi-color-fill-1);
+                    color: $color-tabs_tab-pane_arrow-text-active;
+                    border-color: $color-tabs_tab-pane_arrow-border-active;
+                }
+            }
+
         }
 
         .#{$module}-bar-arrow-end {
             margin-left: $spacing-tabs_overflow_icon-marginLeft;
+            & > .#{$prefix}-button{
+                color: $color-tabs_tab-pane_arrow-text-default;
+                padding: $spacing-tabs_tab-pane_arrow;
+                border: $width-tabs_tab-pane_arrow-border solid $color-tabs_tab-pane_arrow-border-default;
+                background-color: $color-tabs_tab-pane_arrow-bg-default;
+                &:hover{
+                    background-color: var(--semi-color-fill-0);
+                    color: $color-tabs_tab-pane_arrow-text-hover;
+                    border-color: $color-tabs_tab-pane_arrow-border-hover;
+                }
+                &:active{
+                    background-color: var(--semi-color-fill-1);
+                    color: $color-tabs_tab-pane_arrow-text-active;
+                    border-color: $color-tabs_tab-pane_arrow-border-active;
+                }
+            }
         }
     }
 
@@ -160,13 +201,13 @@ $module: #{$prefix}-tabs;
     &-bar-line {
         &.#{$module}-bar-top {
             border-bottom: $width-tabs_bar_line-border solid $color-tabs_tab_line_default-border-default;
-            transition: color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//线条式tabs的 color的transition
+            transition: color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的 color的transition
             transform:scale($transform_scale-tabs_tab_line-item);
 
             .#{$module}-tab {
                 padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
                 transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
-                color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text;//线条式tabs的border-color 的 transition
+                color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
                 &:nth-of-type(1) {
                     padding-left: 0;
                 }

package/lib/cjs/tabs/variables.scss

@@ -48,6 +48,23 @@ $color-tabs_tab-outline-focus: var(--semi-color-primary-light-active); // 页签
 
 $color-tabs_tab-pane-text-default: var(--semi-color-text-0); // 标签页内容文本颜色 - 默认
 
+$color-tabs_tab-pane_arrow-text-default: var(--semi-color-primary); // 滚动折叠箭头颜色 - 默认
+$color-tabs_tab-pane_arrow-border-default: transparent; // 滚动折叠箭头边框颜色 - 默认
+$color-tabs_tab-pane_arrow-bg-default:transparent; // 滚动折叠箭头背景色 - 默认
+
+$color-tabs_tab-pane_arrow-text-hover: var(--semi-color-primary); // 滚动折叠箭头颜色 - 悬浮
+$color-tabs_tab-pane_arrow-border-hover: transparent; // 滚动折叠箭头边框颜色 - 悬浮
+$color-tabs_tab-pane_arrow-bg-hover: var(--semi-color-fill-0); // 滚动折叠箭头背景色 - 悬浮
+
+$color-tabs_tab-pane_arrow-text-active: var(--semi-color-primary); // 滚动折叠箭头颜色 - 按下
+$color-tabs_tab-pane_arrow-border-active: transparent; // 滚动折叠箭头边框颜色 - 按下
+$color-tabs_tab-pane_arrow-bg-active: var(--semi-color-fill-1); // 滚动折叠箭头背景色 - 按下
+
+$color-tabs_tab-pane_arrow_disabled-bg-default: transparent;
+$color-tabs_tab-pane_arrow_disabled-bg-hover:  transparent;
+$color-tabs_tab-pane_arrow_disabled-text-default: var(--semi-color-disabled-text);
+$color-tabs_tab-pane_arrow_disabled-text-hover:  var(--semi-color-disabled-text);
+
 $font-tabs_tab-fontWeight: $font-weight-regular; // 页签文本字重 - 默认
 $font-tabs_tab_active-fontWeight: $font-weight-bold; // 页签文本字重 - 选中
 
@@ -60,6 +77,7 @@ $width-tabs_bar_card-border: $border-thickness-control; // 卡片式页签底部
 $width-tabs-outline: 2px; // 聚焦轮廓宽度
 $width-tabs-outline-offset: -2px; // 聚焦轮廓偏移宽度
 $width-tabs_bar_line-outline-offset: -1px; // 线条式页签聚焦轮廓偏移宽度
+$width-tabs_tab-pane_arrow-border:0px; // 滚动折叠箭头边框宽度
 
 $height-tabs_bar_extra_large: 50px; // 大尺寸页签高度
 $font-tabs_bar_extra_large-lineHeight: $height-tabs_bar_extra_large; // 大尺寸页签文字行高
@@ -67,6 +85,7 @@ $font-tabs_bar_extra_large-lineHeight: $height-tabs_bar_extra_large; // 大尺
 $height-tabs_bar_extra_small: 36px; // 小尺寸页签高度
 $font-tabs_bar_extra_small-lineHeight: $height-tabs_bar_extra_small; // 小尺寸页签文字行高
 
+$spacing-tabs_tab-pane_arrow: 8px; //滚动折叠箭头内边距
 $spacing-tabs_bar_extra-paddingY: 0px; // 附加操作垂直内边距
 $spacing-tabs_bar_extra-paddingX: 5px; // 附加操作水平内边距
 $spacing-tabs_tab_icon-marginRight: $spacing-tight; // 附加操作垂直内边距
@@ -119,3 +138,4 @@ $spacing-tabs_bar_button_tab-paddingX: $spacing-base-tight; // 按钮式页签
 $radius-tabs_tab_card: var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0; // 卡片式页签四向圆角
 $radius-tabs_tab_card_left: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small); // 垂直卡片式页签四向圆角
 $radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆角
+

package/lib/cjs/tagInput/animation.scss

@@ -1,7 +1,7 @@
-$transition_duration-tagInput-bg: var(--semi-transition_duration-faster);//标签输入框-背景色-动画持续时间
+$transition_duration-tagInput-bg: var(--semi-transition_duration-none);//标签输入框-背景色-动画持续时间
 $transition_function-tagInput-bg: var(--semi-transition_function-easeIn);//标签输入框-背景色-过渡曲线
-$transition_delay-tagInput-bg: var(--semi-transition_delay-fastest);//标签输入框-背景色-延迟时间
+$transition_delay-tagInput-bg: var(--semi-transition_delay-none);//标签输入框-背景色-延迟时间
 
-$transition_duration-tagInput-border: var(--semi-transition_duration-faster);//标签输入框-边框-动画持续时间
+$transition_duration-tagInput-border: var(--semi-transition_duration-none);//标签输入框-边框-动画持续时间
 $transition_function-tagInput-border: var(--semi-transition_function-easeIn);//标签输入框-边框-过渡曲线
-$transition_delay-tagInput-border: var(--semi-transition_delay-fastest);//标签输入框-边框-延迟时间
+$transition_delay-tagInput-border: var(--semi-transition_delay-none);//标签输入框-边框-延迟时间

package/lib/cjs/tagInput/tagInput.css

@@ -9,7 +9,7 @@
   font-weight: 400;
   width: 100%;
   box-sizing: border-box;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-tagInput-drag-item {
   display: flex;

package/lib/cjs/timePicker/utils/animation.scss

@@ -1,7 +1,7 @@
-$transition_duration-timePicker-bg: var(--semi-transition_duration-faster);//标签输入框-背景色-动画持续时间
+$transition_duration-timePicker-bg: var(--semi-transition_duration-none);//标签输入框-背景色-动画持续时间
 $transition_function-tagInput-bg: var(--semi-transition_function-easeIn);//标签输入框-背景色-过渡曲线
-$transition_delay-tagInput-bg: var(--semi-transition_delay-fastest);//标签输入框-背景色-延迟时间
+$transition_delay-tagInput-bg: var(--semi-transition_delay-none);//标签输入框-背景色-延迟时间
 
-$transition_duration-tagInput-border: var(--semi-transition_duration-faster);//标签输入框-边框-动画持续时间
+$transition_duration-tagInput-border: var(--semi-transition_duration-none);//标签输入框-边框-动画持续时间
 $transition_function-tagInput-border: var(--semi-transition_function-easeIn);//标签输入框-边框-过渡曲线
-$transition_delay-tagInput-border: var(--semi-transition_delay-fastest);//标签输入框-边框-延迟时间
+$transition_delay-tagInput-border: var(--semi-transition_delay-none);//标签输入框-边框-延迟时间

package/lib/cjs/tooltip/foundation.js

@@ -65,6 +65,14 @@ class Tooltip extends _foundation.default {
       const content = this.getProp('content');
       const trigger = this.getProp('trigger');
       const clickTriggerToHide = this.getProp('clickTriggerToHide');
+      const {
+        visible
+      } = this.getStates();
+
+      if (visible) {
+        return;
+      }
+
       this.clearDelayTimer();
       /**
        * If you emit an event in setState callback, you need to place the event listener function before setState to execute.
@@ -81,7 +89,7 @@ class Tooltip extends _foundation.default {
       });
 
       this._adapter.insertPortal(content, {
-        left: -9990,
+        left: -9999,
         top: -9999
       }); // offscreen rendering
 

package/lib/cjs/transfer/animation.scss

@@ -1,4 +1,4 @@
-$transition_duration_transfer_item-bg: var(--semi-transition_duration-faster);//穿梭框条目-背景色-动画持续时间
+$transition_duration_transfer_item-bg: var(--semi-transition_duration-none);//穿梭框条目-背景色-动画持续时间
 $transition_function_transfer_item-bg: var(--semi-transition_function-easeIn);//穿梭框条目-背景色-过渡曲线
-$transition_delay_transfer_item-bg: var(--semi-transition_delay-fastest);//穿梭框条目-背景色-延迟时间
+$transition_delay_transfer_item-bg: var(--semi-transition_delay-none);//穿梭框条目-背景色-延迟时间
 

package/lib/cjs/transfer/transfer.css

@@ -71,7 +71,7 @@
   flex-wrap: nowrap;
   color: var(--semi-color-text-1);
   cursor: pointer;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-transfer-item:hover {
   background-color: var(--semi-color-fill-0);

package/lib/cjs/tree/animation.scss

@@ -1,6 +1,6 @@
-$transition_duration-tree_option-bg: var(--semi-transition_duration-faster);//树选项-背景色-动画持续时间
+$transition_duration-tree_option-bg: var(--semi-transition_duration-none);//树选项-背景色-动画持续时间
 $transition_function-tree_option-bg: var(--semi-transition_function-easeIn);//树选项-背景色-过渡曲线
-$transition_delay-tree_option-bg: var(--semi-transition_delay-fastest);//树选项-背景色-延迟时间
+$transition_delay-tree_option-bg: var(--semi-transition_delay-none);//树选项-背景色-延迟时间
 
 //transform token
 

package/lib/cjs/tree/tree.css

@@ -45,7 +45,7 @@
   display: flex;
   align-items: center;
   cursor: pointer;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
   font-size: 14px;
   line-height: 20px;