@douyinfe/semi-foundation 2.78.0 → 2.79.0-beta.0

package/button/button.scss

@@ -6,7 +6,6 @@ $module: #{$prefix}-button;
 
 .#{$module} {
     @include shadow-0;
-    @include font-size-regular;
     height: $height-button_default;
     display: inline-flex;
     align-items: center;
@@ -19,6 +18,8 @@ $module: #{$prefix}-button;
     padding-right: $spacing-button_default-paddingRight;
     padding-top: $spacing-button_default-paddingTop;
     padding-bottom: $spacing-button_default-paddingTop;
+    font-size: $font-button-fontSize;
+    line-height: $font-button-lineHeight;
     font-weight: $font-button-fontWeight;
     outline: none;
     vertical-align: middle;
@@ -313,6 +314,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_small-paddingBottom;
         padding-left: $spacing-button_small-paddingLeft;
         padding-right: $spacing-button_small-paddingRight;
+        font-size: $font-button_small-fontSize;
+        line-height: $font-button_small-lineHeight;
+        font-weight: $font-button_small-fontWeight;
     }
 
     &-size-large {
@@ -321,6 +325,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_large-paddingBottom;
         padding-left: $spacing-button_large-paddingLeft;
         padding-right: $spacing-button_large-paddingRight;
+        font-size: $font-button_large-fontSize;
+        line-height: $font-button_large-lineHeight;
+        font-weight: $font-button_large-fontWeight;
     }
 
     &-block {

package/button/variables.scss

@@ -165,7 +165,16 @@ $width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大
 $spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
 $spacing-button_iconOnly_content-marginRight: $spacing-tight; // 按钮右侧图标距离文字间距
 
-$font-button-fontWeight: $font-weight-bold; // 按钮文字字重
+$font-button-fontWeight: $font-weight-bold; // 按钮文字字重 - 默认
+$font-button-fontSize: $font-size-regular; // 按钮文字字号- 默认
+$font-button-lineHeight: 20px; // 按钮文字行高 - 默认
+$font-button_small-fontWeight: $font-weight-bold; // 按钮文字字重 - 小尺寸
+$font-button_small-fontSize: $font-size-regular; // 按钮文字字号- 小尺寸
+$font-button_small-lineHeight: 20px; // 按钮文字行高 - 小尺寸
+$font-button_large-fontWeight: $font-weight-bold; // 默认按钮文字字重 - 大尺寸
+$font-button_large-fontSize: $font-size-regular; // 默认按钮文字字号 - 大尺寸
+$font-button_large-lineHeight: 20px; // 默认按钮文字行高 - 大尺寸
+
 $height-button_large: $height-control-large; // 按钮高度 - 大尺寸
 $height-button_small: $height-control-small; // 按钮高度 - 小尺寸
 $height-button_default: $height-control-default; // 按钮高度 - 默认

package/cascader/cascader.scss

@@ -39,6 +39,16 @@ $module: #{$prefix}-cascader;
     &-small {
         min-height: $height-cascader_small;
         line-height: $height-cascader_small;
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_small_selection-paddingLeft;
+            padding-right: $spacing-cascader_small_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_small_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_small_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-large {
@@ -47,6 +57,16 @@ $module: #{$prefix}-cascader;
         .#{$module}-selection {
             @include font-size-header-6;
         }
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_large_selection-paddingLeft;
+            padding-right: $spacing-cascader_large_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_large_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_large_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-focus {

package/cascader/variables.scss

@@ -45,10 +45,20 @@ $color-cascader_danger-border-active: var(--semi-color-danger-light-active); //
 
 $color-cascader_prefix_suffix_text-default: var(--semi-color-text-2); // 级联选择前后缀文字颜色
 
-$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距
-$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距
-$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距
-$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距
+$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距 - 默认
+$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距 - 默认
+$spacing-cascader_small_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 小尺寸
+$spacing-cascader_small_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 小尺寸
+$spacing-cascader_large_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 大尺寸
+$spacing-cascader_large_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 大尺寸
+
+$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 默认
+$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距 - 默认
+$spacing-cascader_small_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_small_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_large_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+$spacing-cascader_large_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+
 $spacing-cascader_selection_tag-marginLeft: $spacing-none; // 级联选择触发器多选时标签的水平左外边距
 $spacing-cascader_selection_tag-marginRight: $spacing-super-tight; // 级联选择触发器多选时标签的水平右外边距
 $spacing-cascader_selection_tag-marginY: 1px; // 级联选择触发器多选时标签的垂直外边距

package/chat/chat.scss

@@ -138,6 +138,8 @@ $module: #{$prefix}-chat;
 
         &-avatar {
             flex-shrink: 0;
+            width: $width-chat_chatBox_avatar;
+            height: $width-chat_chatBox_avatar;
 
             &-hidden {
                 visibility: hidden;
@@ -208,6 +210,7 @@ $module: #{$prefix}-chat;
             align-items: flex-start;
             position: relative;
             row-gap: $spacing-chat_chatBox_wrap;
+            max-width: calc(100% - $spacing-chat_chatBox-columnGap - $width-chat_chatBox_avatar);
         }
 
 
@@ -217,6 +220,8 @@ $module: #{$prefix}-chat;
                 padding: $spacing-chat_chatBox_content-paddingY $spacing-chat_chatBox_content-paddingX;
                 border-radius: $radius-chat_chatBox_content;
                 background-color: $color-chat_chatBox_content_bg;
+                max-width: 100%;
+                box-sizing: border-box;
             }
 
             code {

package/chat/variables.scss

@@ -104,6 +104,8 @@ $width-chat_attachment_file_title: 90px; // 附件文件标题最大宽度
 $width-chat_max: 800px; // chat组件最大宽度
 $width-chat_dropArea-border: 5px; // 拖拽上传边框宽度
 $width-chat_chatBox_content_code_topSlot_copy: 150px; // 聊天框代码块顶部复制按钮最小宽度 
+$width-chat_chatBox_avatar: 24px; // 聊天框头像宽度
+
 // height
 $height-chat_action_stop: 42px; //停止生成按钮高度
 

package/inputNumber/inputNumber.scss

@@ -65,6 +65,8 @@ $module: #{$prefix}-input-number;
 
     &-suffix-btns-inner {
         margin-left: $spacing-inputNumber_button_inner-marginLeft;
+        border-radius: $radius-inputNumber_inner;
+        overflow: hidden
     }
 
     .#{$prefix}-input-clearbtn {

package/inputNumber/variables.scss

@@ -6,7 +6,8 @@ $height-inputNumber_button_inner_large: $height-control-large - 2px; // 隐藏
 $height-inputNumber_button_inner_small: $height-control-small - 2px; // 隐藏步进器的数字输入框高度 - 小
 
 $width-inputNumber_button: 14px; // 步进器按钮宽度
-$radius-inputNumber: var(--semi-border-radius-small);
+$radius-inputNumber: var(--semi-border-radius-small); // 步进器按钮圆角 - 外部
+$radius-inputNumber_inner: var(--semi-border-radius-small); // 步进器按钮圆角 - 内部
 $spacing-inputNumber_button-marginLeft: 4px; // 步进器按钮左侧外边距
 $color-inputNumber_button-text-default: var(--semi-color-text-2); // 步进器按钮图标颜色
 $color-inputNumber_button-text-disabled: var(--semi-color-disabled-text); // 步进器按钮图标颜色 - 禁用

package/lib/cjs/button/button.css

@@ -23,9 +23,6 @@
 
 .semi-button {
   box-shadow: none;
-  font-size: 14px;
-  line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   height: 32px;
   display: inline-flex;
   align-items: center;
@@ -38,6 +35,8 @@
   padding-right: 12px;
   padding-top: 6px;
   padding-bottom: 6px;
+  font-size: 14px;
+  line-height: 20px;
   font-weight: 600;
   outline: none;
   vertical-align: middle;
@@ -255,6 +254,9 @@
   padding-bottom: 2px;
   padding-left: 12px;
   padding-right: 12px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
 }
 .semi-button-size-large {
   height: 40px;
@@ -262,6 +264,9 @@
   padding-bottom: 10px;
   padding-left: 16px;
   padding-right: 16px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
 }
 .semi-button-block {
   width: 100%;

package/lib/cjs/button/button.scss

@@ -6,7 +6,6 @@ $module: #{$prefix}-button;
 
 .#{$module} {
     @include shadow-0;
-    @include font-size-regular;
     height: $height-button_default;
     display: inline-flex;
     align-items: center;
@@ -19,6 +18,8 @@ $module: #{$prefix}-button;
     padding-right: $spacing-button_default-paddingRight;
     padding-top: $spacing-button_default-paddingTop;
     padding-bottom: $spacing-button_default-paddingTop;
+    font-size: $font-button-fontSize;
+    line-height: $font-button-lineHeight;
     font-weight: $font-button-fontWeight;
     outline: none;
     vertical-align: middle;
@@ -313,6 +314,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_small-paddingBottom;
         padding-left: $spacing-button_small-paddingLeft;
         padding-right: $spacing-button_small-paddingRight;
+        font-size: $font-button_small-fontSize;
+        line-height: $font-button_small-lineHeight;
+        font-weight: $font-button_small-fontWeight;
     }
 
     &-size-large {
@@ -321,6 +325,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_large-paddingBottom;
         padding-left: $spacing-button_large-paddingLeft;
         padding-right: $spacing-button_large-paddingRight;
+        font-size: $font-button_large-fontSize;
+        line-height: $font-button_large-lineHeight;
+        font-weight: $font-button_large-fontWeight;
     }
 
     &-block {

package/lib/cjs/button/variables.scss

@@ -165,7 +165,16 @@ $width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大
 $spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
 $spacing-button_iconOnly_content-marginRight: $spacing-tight; // 按钮右侧图标距离文字间距
 
-$font-button-fontWeight: $font-weight-bold; // 按钮文字字重
+$font-button-fontWeight: $font-weight-bold; // 按钮文字字重 - 默认
+$font-button-fontSize: $font-size-regular; // 按钮文字字号- 默认
+$font-button-lineHeight: 20px; // 按钮文字行高 - 默认
+$font-button_small-fontWeight: $font-weight-bold; // 按钮文字字重 - 小尺寸
+$font-button_small-fontSize: $font-size-regular; // 按钮文字字号- 小尺寸
+$font-button_small-lineHeight: 20px; // 按钮文字行高 - 小尺寸
+$font-button_large-fontWeight: $font-weight-bold; // 默认按钮文字字重 - 大尺寸
+$font-button_large-fontSize: $font-size-regular; // 默认按钮文字字号 - 大尺寸
+$font-button_large-lineHeight: 20px; // 默认按钮文字行高 - 大尺寸
+
 $height-button_large: $height-control-large; // 按钮高度 - 大尺寸
 $height-button_small: $height-control-small; // 按钮高度 - 小尺寸
 $height-button_default: $height-control-default; // 按钮高度 - 默认

package/lib/cjs/cascader/cascader.css

@@ -33,6 +33,14 @@
   min-height: 24px;
   line-height: 24px;
 }
+.semi-cascader-small .semi-cascader-selection {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.semi-cascader-small .semi-cascader-selection-multiple {
+  padding-left: 4px;
+  padding-right: 4px;
+}
 .semi-cascader-large {
   min-height: 40px;
   line-height: 40px;
@@ -42,6 +50,14 @@
   line-height: 22px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
+.semi-cascader-large .semi-cascader-selection {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.semi-cascader-large .semi-cascader-selection-multiple {
+  padding-left: 4px;
+  padding-right: 4px;
+}
 .semi-cascader-focus {
   border: 1px solid var(--semi-color-focus-border);
   outline: 0;

package/lib/cjs/cascader/cascader.scss

@@ -39,6 +39,16 @@ $module: #{$prefix}-cascader;
     &-small {
         min-height: $height-cascader_small;
         line-height: $height-cascader_small;
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_small_selection-paddingLeft;
+            padding-right: $spacing-cascader_small_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_small_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_small_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-large {
@@ -47,6 +57,16 @@ $module: #{$prefix}-cascader;
         .#{$module}-selection {
             @include font-size-header-6;
         }
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_large_selection-paddingLeft;
+            padding-right: $spacing-cascader_large_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_large_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_large_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-focus {

package/lib/cjs/cascader/variables.scss

@@ -45,10 +45,20 @@ $color-cascader_danger-border-active: var(--semi-color-danger-light-active); //
 
 $color-cascader_prefix_suffix_text-default: var(--semi-color-text-2); // 级联选择前后缀文字颜色
 
-$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距
-$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距
-$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距
-$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距
+$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距 - 默认
+$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距 - 默认
+$spacing-cascader_small_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 小尺寸
+$spacing-cascader_small_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 小尺寸
+$spacing-cascader_large_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 大尺寸
+$spacing-cascader_large_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 大尺寸
+
+$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 默认
+$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距 - 默认
+$spacing-cascader_small_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_small_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_large_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+$spacing-cascader_large_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+
 $spacing-cascader_selection_tag-marginLeft: $spacing-none; // 级联选择触发器多选时标签的水平左外边距
 $spacing-cascader_selection_tag-marginRight: $spacing-super-tight; // 级联选择触发器多选时标签的水平右外边距
 $spacing-cascader_selection_tag-marginY: 1px; // 级联选择触发器多选时标签的垂直外边距

package/lib/cjs/chat/chat.css

@@ -107,6 +107,8 @@
 }
 .semi-chat-chatBox-avatar {
   flex-shrink: 0;
+  width: 24px;
+  height: 24px;
 }
 .semi-chat-chatBox-avatar-hidden {
   visibility: hidden;
@@ -161,11 +163,14 @@
   align-items: flex-start;
   position: relative;
   row-gap: 8px;
+  max-width: calc(100% - 12px - 24px);
 }
 .semi-chat-chatBox-content-bubble, .semi-chat-chatBox-content-userBubble {
   padding: 8px 12px;
   border-radius: var(--semi-border-radius-large);
   background-color: var(--semi-color-fill-0);
+  max-width: 100%;
+  box-sizing: border-box;
 }
 .semi-chat-chatBox-content code {
   white-space: pre-wrap;

package/lib/cjs/chat/chat.scss

@@ -138,6 +138,8 @@ $module: #{$prefix}-chat;
 
         &-avatar {
             flex-shrink: 0;
+            width: $width-chat_chatBox_avatar;
+            height: $width-chat_chatBox_avatar;
 
             &-hidden {
                 visibility: hidden;
@@ -208,6 +210,7 @@ $module: #{$prefix}-chat;
             align-items: flex-start;
             position: relative;
             row-gap: $spacing-chat_chatBox_wrap;
+            max-width: calc(100% - $spacing-chat_chatBox-columnGap - $width-chat_chatBox_avatar);
         }
 
 
@@ -217,6 +220,8 @@ $module: #{$prefix}-chat;
                 padding: $spacing-chat_chatBox_content-paddingY $spacing-chat_chatBox_content-paddingX;
                 border-radius: $radius-chat_chatBox_content;
                 background-color: $color-chat_chatBox_content_bg;
+                max-width: 100%;
+                box-sizing: border-box;
             }
 
             code {

package/lib/cjs/chat/variables.scss

@@ -104,6 +104,8 @@ $width-chat_attachment_file_title: 90px; // 附件文件标题最大宽度
 $width-chat_max: 800px; // chat组件最大宽度
 $width-chat_dropArea-border: 5px; // 拖拽上传边框宽度
 $width-chat_chatBox_content_code_topSlot_copy: 150px; // 聊天框代码块顶部复制按钮最小宽度 
+$width-chat_chatBox_avatar: 24px; // 聊天框头像宽度
+
 // height
 $height-chat_action_stop: 42px; //停止生成按钮高度
 

package/lib/cjs/inputNumber/inputNumber.css

@@ -49,6 +49,8 @@
 }
 .semi-input-number-suffix-btns-inner {
   margin-left: 8px;
+  border-radius: var(--semi-border-radius-small);
+  overflow: hidden;
 }
 .semi-input-number .semi-input-clearbtn + .semi-input-suffix {
   margin-left: -4px;

package/lib/cjs/inputNumber/inputNumber.scss

@@ -65,6 +65,8 @@ $module: #{$prefix}-input-number;
 
     &-suffix-btns-inner {
         margin-left: $spacing-inputNumber_button_inner-marginLeft;
+        border-radius: $radius-inputNumber_inner;
+        overflow: hidden
     }
 
     .#{$prefix}-input-clearbtn {

package/lib/cjs/inputNumber/variables.scss

@@ -6,7 +6,8 @@ $height-inputNumber_button_inner_large: $height-control-large - 2px; // 隐藏
 $height-inputNumber_button_inner_small: $height-control-small - 2px; // 隐藏步进器的数字输入框高度 - 小
 
 $width-inputNumber_button: 14px; // 步进器按钮宽度
-$radius-inputNumber: var(--semi-border-radius-small);
+$radius-inputNumber: var(--semi-border-radius-small); // 步进器按钮圆角 - 外部
+$radius-inputNumber_inner: var(--semi-border-radius-small); // 步进器按钮圆角 - 内部
 $spacing-inputNumber_button-marginLeft: 4px; // 步进器按钮左侧外边距
 $color-inputNumber_button-text-default: var(--semi-color-text-2); // 步进器按钮图标颜色
 $color-inputNumber_button-text-disabled: var(--semi-color-disabled-text); // 步进器按钮图标颜色 - 禁用

package/lib/cjs/popover/popover.css

@@ -61,6 +61,13 @@
   animation-fill-mode: forwards;
 }
 
+.semi-popover-icon-arrow path:nth-child(1) {
+  fill: var(--semi-color-border);
+}
+.semi-popover-icon-arrow path:nth-child(2) {
+  fill: var(--semi-color-bg-3);
+}
+
 .semi-popover-wrapper .semi-popover-icon-arrow {
   height: 8px;
   width: 24px;

package/lib/cjs/popover/popover.scss

@@ -88,5 +88,15 @@ $module-icon: #{$module}-icon-arrow;
     }
 }
 
+.#{$module}-icon-arrow {
+    path:nth-child(1) {
+        fill: $color-popover-arrow-border;
+    }
+  
+    path:nth-child(2) {
+        fill: $color-popover-arrow-bg;
+    }
+}
+
 @import '../tooltip/arrow.scss';
 @import "./rtl.scss";

package/lib/cjs/popover/variables.scss

@@ -2,6 +2,8 @@
 $color-tooltip_arrow-icon-default: unset; // 箭头图标
 $color-popover-bg-default: var(--semi-color-bg-3); // 默认背景色
 $color-popover-border-default: var(--semi-color-border); // 默认描边颜色
+$color-popover-arrow-border: var(--semi-color-border); // 箭头描边颜色
+$color-popover-arrow-bg: var(--semi-color-bg-3); // 箭头默认背景色
 
 // Width/Height
 $width-popover_arrow: 24px; // 水平箭头宽度 ignore-semi-css-trans

package/lib/cjs/progress/progress.css

@@ -67,11 +67,15 @@
 .semi-progress-circle-ring {
   display: block;
 }
+.semi-progress-circle-ring-track {
+  stroke: var(--semi-color-fill-0);
+}
 .semi-progress-circle-ring-inner {
   transition: stroke-dashoffset 0.3s;
   transition-timing-function: cubic-bezier(0.62, 0.05, 0.36, 0.95);
   transform: rotate(-90deg);
   transform-origin: 50% 50%;
+  stroke: var(--semi-color-success);
 }
 .semi-progress-circle-text {
   position: absolute;

package/lib/cjs/progress/progress.scss

@@ -81,12 +81,18 @@ $module: #{$prefix}-progress;
             display: block;
         }
 
+        &-ring-track {
+            stroke: $color-progress_default-bg;
+        }
+
         &-ring-inner {
             transition: stroke-dashoffset $motion-progress-transition_duration;
             transition-timing-function: $motion-progress-transition_timing_function;
 
             transform: rotate(-90deg);
             transform-origin: 50% 50%;
+
+            stroke: $color-progress_track_inner-bg;
         }
 
         &-text {

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

@@ -37,6 +37,10 @@ export interface BaseColumnProps<RecordType> {
 export interface OnChangeExtra {
     changeType?: 'sorter' | 'filter' | 'pagination';
 }
+interface MouseDownTarget {
+    targetName: string;
+    className: string;
+}
 export interface TableAdapter<RecordType> extends DefaultAdapter {
     resetScrollY: () => void;
     setSelectedRowKeys: (selectedRowKeys: BaseRowKeyType[]) => void;
@@ -104,6 +108,7 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
      * init sortOrder of sorting column, use defaultSortOrder or [] when it is undefined
      */
     static initSorterOrder(column: BaseColumnProps<unknown>): void;
+    mouseDownTarget: MouseDownTarget;
     constructor(adapter: TableAdapter<RecordType>);
     init(): void;
     initExpandedRowKeys({ groups }?: {
@@ -283,7 +288,8 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
     handleSort(column: {
         dataIndex?: string;
         sortOrder?: BaseSortOrder;
-    }, e: any): void;
+    }, e: any, check?: boolean): void;
+    handleMouseDown: (e: any) => void;
     /**
      * Recalculate the cached data after clicking filter or sorter
      * @param {*} queries

package/lib/cjs/table/foundation.js

@@ -105,12 +105,20 @@ class TableFoundation extends _foundation.default {
       const filteredSortedRowKeys = this.getAllRowKeys(filteredSortedDataSource);
       this._adapter.setCachedFilteredSortedRowKeys(filteredSortedRowKeys);
     };
+    this.handleMouseDown = e => {
+      var _a, _b;
+      this.mouseDownTarget = {
+        targetName: (_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName,
+        className: (_b = e.target) === null || _b === void 0 ? void 0 : _b.className
+      };
+    };
     this.isSortOrderValid = sortOrder => _constants.strings.SORT_DIRECTIONS.includes(sortOrder) || sortOrder === false;
     /**
      * memoized function list
      */
     const handleColumns = this._adapter.getHandleColumns();
     const mergePagination = this._adapter.getMergePagination();
+    this.mouseDownTarget = null;
     this.memoizedWithFnsColumns = (0, _memoizeOne.default)(handleColumns, _isEqual2.default);
     this.memoizedFilterColumns = (0, _memoizeOne.default)(_utils.filterColumns);
     this.memoizedFlattenFnsColumns = (0, _memoizeOne.default)(_utils.flattenColumns);
@@ -878,7 +886,20 @@ class TableFoundation extends _foundation.default {
   handleSort() {
     let column = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let e = arguments.length > 1 ? arguments[1] : undefined;
+    let check = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var _a, _b, _c, _d;
     this.stopPropagation(e);
+    /* if mouse down to the resizable handle, do not trigger the sorting，fix #2802
+        The target of the click event may be different from the target of the mousedown,
+        e.g: Press the mouse, move to another node and then release it，
+        So according to the event in the mousedown to determine whether to trigger the sorting
+    */
+    if (check) {
+      if (this.mouseDownTarget && ((_a = this.mouseDownTarget) === null || _a === void 0 ? void 0 : _a.targetName) === 'SPAN' && ((_d = (_c = (_b = this.mouseDownTarget) === null || _b === void 0 ? void 0 : _b.className) === null || _c === void 0 ? void 0 : _c.includes) === null || _d === void 0 ? void 0 : _d.call(_c, 'react-resizable-handle'))) {
+        return;
+      }
+      this.mouseDownTarget = null;
+    }
     const {
       dataIndex
     } = column;

package/lib/es/button/button.css

@@ -23,9 +23,6 @@
 
 .semi-button {
   box-shadow: none;
-  font-size: 14px;
-  line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   height: 32px;
   display: inline-flex;
   align-items: center;
@@ -38,6 +35,8 @@
   padding-right: 12px;
   padding-top: 6px;
   padding-bottom: 6px;
+  font-size: 14px;
+  line-height: 20px;
   font-weight: 600;
   outline: none;
   vertical-align: middle;
@@ -255,6 +254,9 @@
   padding-bottom: 2px;
   padding-left: 12px;
   padding-right: 12px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
 }
 .semi-button-size-large {
   height: 40px;
@@ -262,6 +264,9 @@
   padding-bottom: 10px;
   padding-left: 16px;
   padding-right: 16px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
 }
 .semi-button-block {
   width: 100%;

package/lib/es/button/button.scss

@@ -6,7 +6,6 @@ $module: #{$prefix}-button;
 
 .#{$module} {
     @include shadow-0;
-    @include font-size-regular;
     height: $height-button_default;
     display: inline-flex;
     align-items: center;
@@ -19,6 +18,8 @@ $module: #{$prefix}-button;
     padding-right: $spacing-button_default-paddingRight;
     padding-top: $spacing-button_default-paddingTop;
     padding-bottom: $spacing-button_default-paddingTop;
+    font-size: $font-button-fontSize;
+    line-height: $font-button-lineHeight;
     font-weight: $font-button-fontWeight;
     outline: none;
     vertical-align: middle;
@@ -313,6 +314,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_small-paddingBottom;
         padding-left: $spacing-button_small-paddingLeft;
         padding-right: $spacing-button_small-paddingRight;
+        font-size: $font-button_small-fontSize;
+        line-height: $font-button_small-lineHeight;
+        font-weight: $font-button_small-fontWeight;
     }
 
     &-size-large {
@@ -321,6 +325,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_large-paddingBottom;
         padding-left: $spacing-button_large-paddingLeft;
         padding-right: $spacing-button_large-paddingRight;
+        font-size: $font-button_large-fontSize;
+        line-height: $font-button_large-lineHeight;
+        font-weight: $font-button_large-fontWeight;
     }
 
     &-block {

package/lib/es/button/variables.scss

@@ -165,7 +165,16 @@ $width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大
 $spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
 $spacing-button_iconOnly_content-marginRight: $spacing-tight; // 按钮右侧图标距离文字间距
 
-$font-button-fontWeight: $font-weight-bold; // 按钮文字字重
+$font-button-fontWeight: $font-weight-bold; // 按钮文字字重 - 默认
+$font-button-fontSize: $font-size-regular; // 按钮文字字号- 默认
+$font-button-lineHeight: 20px; // 按钮文字行高 - 默认
+$font-button_small-fontWeight: $font-weight-bold; // 按钮文字字重 - 小尺寸
+$font-button_small-fontSize: $font-size-regular; // 按钮文字字号- 小尺寸
+$font-button_small-lineHeight: 20px; // 按钮文字行高 - 小尺寸
+$font-button_large-fontWeight: $font-weight-bold; // 默认按钮文字字重 - 大尺寸
+$font-button_large-fontSize: $font-size-regular; // 默认按钮文字字号 - 大尺寸
+$font-button_large-lineHeight: 20px; // 默认按钮文字行高 - 大尺寸
+
 $height-button_large: $height-control-large; // 按钮高度 - 大尺寸
 $height-button_small: $height-control-small; // 按钮高度 - 小尺寸
 $height-button_default: $height-control-default; // 按钮高度 - 默认

package/lib/es/cascader/cascader.css

@@ -33,6 +33,14 @@
   min-height: 24px;
   line-height: 24px;
 }
+.semi-cascader-small .semi-cascader-selection {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.semi-cascader-small .semi-cascader-selection-multiple {
+  padding-left: 4px;
+  padding-right: 4px;
+}
 .semi-cascader-large {
   min-height: 40px;
   line-height: 40px;
@@ -42,6 +50,14 @@
   line-height: 22px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
+.semi-cascader-large .semi-cascader-selection {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.semi-cascader-large .semi-cascader-selection-multiple {
+  padding-left: 4px;
+  padding-right: 4px;
+}
 .semi-cascader-focus {
   border: 1px solid var(--semi-color-focus-border);
   outline: 0;

package/lib/es/cascader/cascader.scss

@@ -39,6 +39,16 @@ $module: #{$prefix}-cascader;
     &-small {
         min-height: $height-cascader_small;
         line-height: $height-cascader_small;
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_small_selection-paddingLeft;
+            padding-right: $spacing-cascader_small_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_small_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_small_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-large {
@@ -47,6 +57,16 @@ $module: #{$prefix}-cascader;
         .#{$module}-selection {
             @include font-size-header-6;
         }
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_large_selection-paddingLeft;
+            padding-right: $spacing-cascader_large_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_large_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_large_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-focus {

package/lib/es/cascader/variables.scss

@@ -45,10 +45,20 @@ $color-cascader_danger-border-active: var(--semi-color-danger-light-active); //
 
 $color-cascader_prefix_suffix_text-default: var(--semi-color-text-2); // 级联选择前后缀文字颜色
 
-$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距
-$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距
-$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距
-$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距
+$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距 - 默认
+$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距 - 默认
+$spacing-cascader_small_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 小尺寸
+$spacing-cascader_small_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 小尺寸
+$spacing-cascader_large_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 大尺寸
+$spacing-cascader_large_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 大尺寸
+
+$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 默认
+$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距 - 默认
+$spacing-cascader_small_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_small_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_large_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+$spacing-cascader_large_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+
 $spacing-cascader_selection_tag-marginLeft: $spacing-none; // 级联选择触发器多选时标签的水平左外边距
 $spacing-cascader_selection_tag-marginRight: $spacing-super-tight; // 级联选择触发器多选时标签的水平右外边距
 $spacing-cascader_selection_tag-marginY: 1px; // 级联选择触发器多选时标签的垂直外边距

package/lib/es/chat/chat.css

@@ -107,6 +107,8 @@
 }
 .semi-chat-chatBox-avatar {
   flex-shrink: 0;
+  width: 24px;
+  height: 24px;
 }
 .semi-chat-chatBox-avatar-hidden {
   visibility: hidden;
@@ -161,11 +163,14 @@
   align-items: flex-start;
   position: relative;
   row-gap: 8px;
+  max-width: calc(100% - 12px - 24px);
 }
 .semi-chat-chatBox-content-bubble, .semi-chat-chatBox-content-userBubble {
   padding: 8px 12px;
   border-radius: var(--semi-border-radius-large);
   background-color: var(--semi-color-fill-0);
+  max-width: 100%;
+  box-sizing: border-box;
 }
 .semi-chat-chatBox-content code {
   white-space: pre-wrap;

package/lib/es/chat/chat.scss

@@ -138,6 +138,8 @@ $module: #{$prefix}-chat;
 
         &-avatar {
             flex-shrink: 0;
+            width: $width-chat_chatBox_avatar;
+            height: $width-chat_chatBox_avatar;
 
             &-hidden {
                 visibility: hidden;
@@ -208,6 +210,7 @@ $module: #{$prefix}-chat;
             align-items: flex-start;
             position: relative;
             row-gap: $spacing-chat_chatBox_wrap;
+            max-width: calc(100% - $spacing-chat_chatBox-columnGap - $width-chat_chatBox_avatar);
         }
 
 
@@ -217,6 +220,8 @@ $module: #{$prefix}-chat;
                 padding: $spacing-chat_chatBox_content-paddingY $spacing-chat_chatBox_content-paddingX;
                 border-radius: $radius-chat_chatBox_content;
                 background-color: $color-chat_chatBox_content_bg;
+                max-width: 100%;
+                box-sizing: border-box;
             }
 
             code {

package/lib/es/chat/variables.scss

@@ -104,6 +104,8 @@ $width-chat_attachment_file_title: 90px; // 附件文件标题最大宽度
 $width-chat_max: 800px; // chat组件最大宽度
 $width-chat_dropArea-border: 5px; // 拖拽上传边框宽度
 $width-chat_chatBox_content_code_topSlot_copy: 150px; // 聊天框代码块顶部复制按钮最小宽度 
+$width-chat_chatBox_avatar: 24px; // 聊天框头像宽度
+
 // height
 $height-chat_action_stop: 42px; //停止生成按钮高度
 

package/lib/es/inputNumber/inputNumber.css

@@ -49,6 +49,8 @@
 }
 .semi-input-number-suffix-btns-inner {
   margin-left: 8px;
+  border-radius: var(--semi-border-radius-small);
+  overflow: hidden;
 }
 .semi-input-number .semi-input-clearbtn + .semi-input-suffix {
   margin-left: -4px;

package/lib/es/inputNumber/inputNumber.scss

@@ -65,6 +65,8 @@ $module: #{$prefix}-input-number;
 
     &-suffix-btns-inner {
         margin-left: $spacing-inputNumber_button_inner-marginLeft;
+        border-radius: $radius-inputNumber_inner;
+        overflow: hidden
     }
 
     .#{$prefix}-input-clearbtn {

package/lib/es/inputNumber/variables.scss

@@ -6,7 +6,8 @@ $height-inputNumber_button_inner_large: $height-control-large - 2px; // 隐藏
 $height-inputNumber_button_inner_small: $height-control-small - 2px; // 隐藏步进器的数字输入框高度 - 小
 
 $width-inputNumber_button: 14px; // 步进器按钮宽度
-$radius-inputNumber: var(--semi-border-radius-small);
+$radius-inputNumber: var(--semi-border-radius-small); // 步进器按钮圆角 - 外部
+$radius-inputNumber_inner: var(--semi-border-radius-small); // 步进器按钮圆角 - 内部
 $spacing-inputNumber_button-marginLeft: 4px; // 步进器按钮左侧外边距
 $color-inputNumber_button-text-default: var(--semi-color-text-2); // 步进器按钮图标颜色
 $color-inputNumber_button-text-disabled: var(--semi-color-disabled-text); // 步进器按钮图标颜色 - 禁用

package/lib/es/popover/popover.css

@@ -61,6 +61,13 @@
   animation-fill-mode: forwards;
 }
 
+.semi-popover-icon-arrow path:nth-child(1) {
+  fill: var(--semi-color-border);
+}
+.semi-popover-icon-arrow path:nth-child(2) {
+  fill: var(--semi-color-bg-3);
+}
+
 .semi-popover-wrapper .semi-popover-icon-arrow {
   height: 8px;
   width: 24px;

package/lib/es/popover/popover.scss

@@ -88,5 +88,15 @@ $module-icon: #{$module}-icon-arrow;
     }
 }
 
+.#{$module}-icon-arrow {
+    path:nth-child(1) {
+        fill: $color-popover-arrow-border;
+    }
+  
+    path:nth-child(2) {
+        fill: $color-popover-arrow-bg;
+    }
+}
+
 @import '../tooltip/arrow.scss';
 @import "./rtl.scss";

package/lib/es/popover/variables.scss

@@ -2,6 +2,8 @@
 $color-tooltip_arrow-icon-default: unset; // 箭头图标
 $color-popover-bg-default: var(--semi-color-bg-3); // 默认背景色
 $color-popover-border-default: var(--semi-color-border); // 默认描边颜色
+$color-popover-arrow-border: var(--semi-color-border); // 箭头描边颜色
+$color-popover-arrow-bg: var(--semi-color-bg-3); // 箭头默认背景色
 
 // Width/Height
 $width-popover_arrow: 24px; // 水平箭头宽度 ignore-semi-css-trans

package/lib/es/progress/progress.css

@@ -67,11 +67,15 @@
 .semi-progress-circle-ring {
   display: block;
 }
+.semi-progress-circle-ring-track {
+  stroke: var(--semi-color-fill-0);
+}
 .semi-progress-circle-ring-inner {
   transition: stroke-dashoffset 0.3s;
   transition-timing-function: cubic-bezier(0.62, 0.05, 0.36, 0.95);
   transform: rotate(-90deg);
   transform-origin: 50% 50%;
+  stroke: var(--semi-color-success);
 }
 .semi-progress-circle-text {
   position: absolute;

package/lib/es/progress/progress.scss

@@ -81,12 +81,18 @@ $module: #{$prefix}-progress;
             display: block;
         }
 
+        &-ring-track {
+            stroke: $color-progress_default-bg;
+        }
+
         &-ring-inner {
             transition: stroke-dashoffset $motion-progress-transition_duration;
             transition-timing-function: $motion-progress-transition_timing_function;
 
             transform: rotate(-90deg);
             transform-origin: 50% 50%;
+
+            stroke: $color-progress_track_inner-bg;
         }
 
         &-text {

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

@@ -37,6 +37,10 @@ export interface BaseColumnProps<RecordType> {
 export interface OnChangeExtra {
     changeType?: 'sorter' | 'filter' | 'pagination';
 }
+interface MouseDownTarget {
+    targetName: string;
+    className: string;
+}
 export interface TableAdapter<RecordType> extends DefaultAdapter {
     resetScrollY: () => void;
     setSelectedRowKeys: (selectedRowKeys: BaseRowKeyType[]) => void;
@@ -104,6 +108,7 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
      * init sortOrder of sorting column, use defaultSortOrder or [] when it is undefined
      */
     static initSorterOrder(column: BaseColumnProps<unknown>): void;
+    mouseDownTarget: MouseDownTarget;
     constructor(adapter: TableAdapter<RecordType>);
     init(): void;
     initExpandedRowKeys({ groups }?: {
@@ -283,7 +288,8 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
     handleSort(column: {
         dataIndex?: string;
         sortOrder?: BaseSortOrder;
-    }, e: any): void;
+    }, e: any, check?: boolean): void;
+    handleMouseDown: (e: any) => void;
     /**
      * Recalculate the cached data after clicking filter or sorter
      * @param {*} queries

package/lib/es/table/foundation.js

@@ -98,12 +98,20 @@ class TableFoundation extends BaseFoundation {
       const filteredSortedRowKeys = this.getAllRowKeys(filteredSortedDataSource);
       this._adapter.setCachedFilteredSortedRowKeys(filteredSortedRowKeys);
     };
+    this.handleMouseDown = e => {
+      var _a, _b;
+      this.mouseDownTarget = {
+        targetName: (_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName,
+        className: (_b = e.target) === null || _b === void 0 ? void 0 : _b.className
+      };
+    };
     this.isSortOrderValid = sortOrder => strings.SORT_DIRECTIONS.includes(sortOrder) || sortOrder === false;
     /**
      * memoized function list
      */
     const handleColumns = this._adapter.getHandleColumns();
     const mergePagination = this._adapter.getMergePagination();
+    this.mouseDownTarget = null;
     this.memoizedWithFnsColumns = memoizeOne(handleColumns, _isEqual);
     this.memoizedFilterColumns = memoizeOne(filterColumns);
     this.memoizedFlattenFnsColumns = memoizeOne(flattenColumns);
@@ -871,7 +879,20 @@ class TableFoundation extends BaseFoundation {
   handleSort() {
     let column = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let e = arguments.length > 1 ? arguments[1] : undefined;
+    let check = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var _a, _b, _c, _d;
     this.stopPropagation(e);
+    /* if mouse down to the resizable handle, do not trigger the sorting，fix #2802
+        The target of the click event may be different from the target of the mousedown,
+        e.g: Press the mouse, move to another node and then release it，
+        So according to the event in the mousedown to determine whether to trigger the sorting
+    */
+    if (check) {
+      if (this.mouseDownTarget && ((_a = this.mouseDownTarget) === null || _a === void 0 ? void 0 : _a.targetName) === 'SPAN' && ((_d = (_c = (_b = this.mouseDownTarget) === null || _b === void 0 ? void 0 : _b.className) === null || _c === void 0 ? void 0 : _c.includes) === null || _d === void 0 ? void 0 : _d.call(_c, 'react-resizable-handle'))) {
+        return;
+      }
+      this.mouseDownTarget = null;
+    }
     const {
       dataIndex
     } = column;

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.78.0",
+    "version": "2.79.0-beta.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.78.0",
-        "@douyinfe/semi-json-viewer-core": "2.78.0",
+        "@douyinfe/semi-animation": "2.79.0-beta.0",
+        "@douyinfe/semi-json-viewer-core": "2.79.0-beta.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "eb0c5baa2dd7436a6d4118eebde39f3da67eef7f",
+    "gitHead": "94b1ff629a2acd929f92c5cdf17d6bd27e04d46e",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/popover/popover.scss

@@ -88,5 +88,15 @@ $module-icon: #{$module}-icon-arrow;
     }
 }
 
+.#{$module}-icon-arrow {
+    path:nth-child(1) {
+        fill: $color-popover-arrow-border;
+    }
+  
+    path:nth-child(2) {
+        fill: $color-popover-arrow-bg;
+    }
+}
+
 @import '../tooltip/arrow.scss';
 @import "./rtl.scss";

package/popover/variables.scss

@@ -2,6 +2,8 @@
 $color-tooltip_arrow-icon-default: unset; // 箭头图标
 $color-popover-bg-default: var(--semi-color-bg-3); // 默认背景色
 $color-popover-border-default: var(--semi-color-border); // 默认描边颜色
+$color-popover-arrow-border: var(--semi-color-border); // 箭头描边颜色
+$color-popover-arrow-bg: var(--semi-color-bg-3); // 箭头默认背景色
 
 // Width/Height
 $width-popover_arrow: 24px; // 水平箭头宽度 ignore-semi-css-trans

package/progress/progress.scss

@@ -81,12 +81,18 @@ $module: #{$prefix}-progress;
             display: block;
         }
 
+        &-ring-track {
+            stroke: $color-progress_default-bg;
+        }
+
         &-ring-inner {
             transition: stroke-dashoffset $motion-progress-transition_duration;
             transition-timing-function: $motion-progress-transition_timing_function;
 
             transform: rotate(-90deg);
             transform-origin: 50% 50%;
+
+            stroke: $color-progress_track_inner-bg;
         }
 
         &-text {

package/table/foundation.ts

@@ -59,6 +59,11 @@ export interface OnChangeExtra {
     changeType?: 'sorter' | 'filter' | 'pagination'
 }
 
+interface MouseDownTarget {
+    targetName: string;
+    className: string
+}
+
 export interface TableAdapter<RecordType> extends DefaultAdapter {
     resetScrollY: () => void;
     setSelectedRowKeys: (selectedRowKeys: BaseRowKeyType[]) => void;
@@ -158,6 +163,8 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
         }
     }
 
+    mouseDownTarget: MouseDownTarget;
+
     constructor(adapter: TableAdapter<RecordType>) {
         super({ ...adapter });
 
@@ -166,6 +173,7 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
          */
         const handleColumns: (queries: BaseColumnProps<RecordType>[], cachedColumns: BaseColumnProps<RecordType>[]) => BaseColumnProps<RecordType>[] = this._adapter.getHandleColumns();
         const mergePagination: (pagination: BasePagination) => BasePagination = this._adapter.getMergePagination();
+        this.mouseDownTarget = null ;
 
         this.memoizedWithFnsColumns = memoizeOne(handleColumns, isEqual);
         this.memoizedFilterColumns = memoizeOne(filterColumns);
@@ -1079,8 +1087,21 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
      * @param {*} column
      * @param {*} e
      */
-    handleSort(column: { dataIndex?: string; sortOrder?: BaseSortOrder } = {}, e: any) {
+    handleSort(column: { dataIndex?: string; sortOrder?: BaseSortOrder } = {}, e: any, check = false) {
         this.stopPropagation(e);
+        /* if mouse down to the resizable handle, do not trigger the sorting，fix #2802
+            The target of the click event may be different from the target of the mousedown, 
+            e.g: Press the mouse, move to another node and then release it，
+            So according to the event in the mousedown to determine whether to trigger the sorting
+        */ 
+        if (check) {
+            if (this.mouseDownTarget && this.mouseDownTarget?.targetName === 'SPAN' && 
+                this.mouseDownTarget?.className?.includes?.('react-resizable-handle')
+            ) {
+                return;
+            }
+            this.mouseDownTarget = null;
+        }
 
         const { dataIndex } = column;
 
@@ -1127,6 +1148,13 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
         this._notifyChange(null, null, curQuery, { changeType: 'sorter' });
     }
 
+    handleMouseDown = (e: any) => {
+        this.mouseDownTarget = {
+            targetName: e.target?.tagName,
+            className: e.target?.className,
+        };
+    }
+
     /**
      * Recalculate the cached data after clicking filter or sorter
      * @param {*} queries