@douyinfe/semi-foundation 2.46.0 → 2.46.2

package/lib/cjs/button/variables.scss

@@ -82,6 +82,13 @@ $color-button_disabled-text-default: var(--semi-color-disabled-text); // 禁用
 $color-button_disabled-bg-default: var(--semi-color-disabled-bg); // 禁用按钮背景颜色
 $color-button_disabled-text-hover: $color-button_disabled-text-default; // 禁用按钮文字颜色 - 悬浮
 $color-button_disabled-bg-hover: var(--semi-color-disabled-bg); // 禁用按钮背景颜色 - 悬浮
+$color-button_disabled_primary-bg-default: $color-button_disabled-bg-default; // 禁用 primary 按钮背景颜色
+$color-button_disabled_secondary-bg-default: $color-button_disabled-bg-default; // 禁用 secondary 按钮背景颜色
+$color-button_disabled_danger-bg-default: $color-button_disabled-bg-default; // 禁用 danger 按钮背景颜色
+$color-button_disabled_warning-bg-default: $color-button_disabled-bg-default; // 禁用 warning 按钮背景颜色
+$color-button_disabled_tertiary-bg-default: $color-button_disabled-bg-default; // 禁用 tertiary 按钮背景颜色
+
+
 
 // light
 $color-button_light-bg-default: var(--semi-color-fill-0); // 浅色按钮背景颜色
@@ -92,6 +99,12 @@ $color-button_light-border-hover: $color-button_light-border-default; // 浅色
 $color-button_light-border-active: $color-button_light-border-hover; // 浅色按钮描边颜色 - 按下
 $width-button_light-border: 0; // 浅色按钮描边宽度
 
+$color-button_disabled_light_primary-bg-default: $color-button_light-bg-default; // 禁用 light primary 按钮背景颜色
+$color-button_disabled_light_secondary-bg-default: $color-button_light-bg-default; // 禁用 light secondary 按钮背景颜色
+$color-button_disabled_light_danger-bg-default: $color-button_light-bg-default; // 禁用 light danger 按钮背景颜色
+$color-button_disabled_light_warning-bg-default: $color-button_light-bg-default; // 禁用 light warning 按钮背景颜色
+$color-button_disabled_light_tertiary-bg-default: $color-button_light-bg-default; // 禁用 light tertiary 按钮背景颜色
+
 // borderless
 $color-button_borderless-text-default: var(--semi-color-primary); // 无背景按钮背景颜色
 $color-button_borderless-bg-hover: var(--semi-color-fill-0); // 无背景按钮背景颜色 - 悬浮

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

@@ -327,7 +327,7 @@ export interface BaseSorterInfo<RecordType> {
     sorter?: BaseSorter<RecordType>;
 }
 export type BaseSortOrder = boolean | ArrayElement<typeof strings.SORT_DIRECTIONS>;
-export type BaseSorter<RecordType> = boolean | ((a?: RecordType, b?: RecordType) => number);
+export type BaseSorter<RecordType> = boolean | ((a?: RecordType, b?: RecordType, sortOrder?: 'ascend' | 'descend') => number);
 export interface BaseChangeInfoFilter<RecordType> {
     dataIndex?: string;
     value?: any;

package/lib/cjs/typography/typography.css

@@ -46,6 +46,10 @@
   font-size: 12px;
   line-height: 16px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 400;
+}
+.semi-typography-small.semi-typography-paragraph {
+  font-weight: 400;
 }
 .semi-typography code {
   border: 1px solid var(--semi-color-border);
@@ -315,6 +319,7 @@ h6.semi-typography.semi-typography-h6-weight-bold,
 p.semi-typography-extended,
 .semi-typography-paragraph.semi-typography-extended {
   line-height: 24px;
+  font-weight: 400;
 }
 
 .semi-rtl .semi-typography,

package/lib/cjs/typography/typography.scss

@@ -53,6 +53,10 @@ $module: #{$prefix}-typography;
 
     &-small {
         @include font-size-small;
+        font-weight: $font-typography_smallText-regular-fontWeight;
+        &.#{$module}-paragraph{
+            font-weight: $font-typography_smallParagraph-regular-fontWeight;
+        }
     }
 
     code {
@@ -351,6 +355,7 @@ h6.#{$module},
 p.#{$module}-extended,
 .#{$module}-paragraph.#{$module}-extended {
     line-height: $font-typography_paragraph_extended-lineHeight;
+    font-weight: $font-typography_normalParagraph-regular-fontWeight;
 }
 
 @import "./rtl.scss";

package/lib/cjs/typography/variables.scss

@@ -26,6 +26,10 @@ $font-typography_title-fontWeight: $font-weight-bold; // 标题文本字重
 $font-typography_link-fontWeight: $font-weight-bold; // 链接文本字重
 $font-typography_strong-fontWeight: $font-weight-bold; // 强调文本字重
 $font-typography_paragraph_extended-lineHeight: 24px; // 宽松行距段落文本行高
+$font-typography_normalText-regular-fontWeight: $font-weight-regular; // normal text 字重 - 正常
+$font-typography_smallText-regular-fontWeight: $font-weight-regular; // small text 字重 - 正常
+$font-typography_normalParagraph-regular-fontWeight: $font-weight-regular; // normal paragraph 字重 - 正常
+$font-typography_smallParagraph-regular-fontWeight: $font-weight-regular; // small paragraph 字重 - 正常
 
 $font-typography_title1-fontWeight: $font-typography_title-fontWeight; // 一级标题文本字重
 $font-typography_title2-fontWeight: $font-typography_title-fontWeight; // 二级标题文本字重

package/lib/cjs/utils/array.d.ts

@@ -11,12 +11,12 @@
  * => ['b', 'b']
  */
 export declare function pullAll(arrayA: any[], arrayB: any[]): any[];
-type CompareFn<T> = (a: T, b: T) => number;
+type CompareFn<T> = (a: T, b: T, sortOrder: 'ascend' | 'descend') => number;
 /**
  * Adapt the descending order
  * @param {Function} fn
  * @param {String} order
  * @returns
  */
-export declare function withOrderSort<T = any>(fn: CompareFn<T>, order?: string): CompareFn<T>;
+export declare function withOrderSort<T = any>(fn: CompareFn<T>, order?: 'ascend' | 'descend'): (a: T, b: T) => number;
 export {};

package/lib/cjs/utils/array.js

@@ -38,11 +38,11 @@ function withOrderSort(fn) {
   switch (order) {
     case 'descend':
       return (a, b) => {
-        const result = Number(fn(a, b));
+        const result = Number(fn(a, b, order));
         return result !== 0 ? -result : result;
       };
     case 'ascend':
     default:
-      return fn;
+      return (a, b) => fn(a, b, order);
   }
 }

package/lib/es/button/button.css

@@ -52,6 +52,12 @@
   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-button-danger-disabled {
+  background-color: var(--semi-color-disabled-bg);
+}
+.semi-button-danger-disabled.semi-button-light {
+  background-color: var(--semi-color-fill-0);
+}
 .semi-button-danger:hover {
   background-color: var(--semi-color-danger-hover);
 }
@@ -70,6 +76,12 @@
   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-button-warning-disabled {
+  background-color: var(--semi-color-disabled-bg);
+}
+.semi-button-warning-disabled.semi-button-light {
+  background-color: var(--semi-color-fill-0);
+}
 .semi-button-warning:hover {
   background-color: var(--semi-color-warning-hover);
 }
@@ -88,6 +100,12 @@
   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-button-tertiary-disabled {
+  background-color: var(--semi-color-disabled-bg);
+}
+.semi-button-tertiary-disabled.semi-button-light {
+  background-color: var(--semi-color-fill-0);
+}
 .semi-button-tertiary:hover {
   background-color: var(--semi-color-tertiary-hover);
 }
@@ -103,6 +121,12 @@
   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-button-primary-disabled {
+  background-color: var(--semi-color-disabled-bg);
+}
+.semi-button-primary-disabled.semi-button-light {
+  background: var(--semi-color-fill-0);
+}
 .semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):hover {
   background-color: var(--semi-color-primary-hover);
 }
@@ -119,6 +143,12 @@
   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-button-secondary-disabled {
+  background-color: var(--semi-color-disabled-bg);
+}
+.semi-button-secondary-disabled.semi-button-light {
+  background-color: var(--semi-color-fill-0);
+}
 .semi-button-secondary:hover {
   background-color: var(--semi-color-secondary-hover);
 }
@@ -130,12 +160,10 @@
 }
 .semi-button-disabled {
   color: var(--semi-color-disabled-text);
-  background-color: var(--semi-color-disabled-bg);
   cursor: not-allowed;
 }
 .semi-button-disabled:not(.semi-button-borderless):not(.semi-button-light):hover {
   color: var(--semi-color-disabled-text);
-  background-color: var(--semi-color-disabled-bg);
 }
 .semi-button-disabled.semi-button-light, .semi-button-disabled.semi-button-borderless {
   color: var(--semi-color-disabled-text);

package/lib/es/button/button.scss

@@ -39,74 +39,117 @@ $module: #{$prefix}-button;
     &-danger {
         background-color: $color-button_danger-bg-default;
         color: $color-button_danger-text-default;
-      transition: background-color $transition_duration-button_danger-bg $transition_function-button_danger-bg $transition_delay-button_danger-bg,
-      border $transition_duration-button_danger-border $transition_function-button_danger-border $transition_delay-button_danger-border;
-      transform: scale($transform-scale-button_danger);
+        transition: background-color $transition_duration-button_danger-bg $transition_function-button_danger-bg $transition_delay-button_danger-bg,
+        border $transition_duration-button_danger-border $transition_function-button_danger-border $transition_delay-button_danger-border;
+        transform: scale($transform-scale-button_danger);
 
+        &-disabled {
+            background-color: $color-button_disabled_danger-bg-default;
+
+            &.#{$module}-light {
+                background-color: $color-button_disabled_light_danger-bg-default;
+            }
+        }
 
         &:hover {
             background-color: $color-button_danger-bg-hover;
         }
+
         &:active {
             background-color: $color-button_danger-bg-active;
         }
+
         &.#{$module}-light,
         &.#{$module}-borderless {
             color: $color-button_danger_borderless-text-default;
         }
+
         &:not(.#{$module}-borderless):not(.#{$module}-light):focus-visible {
             outline: $width-button-outline solid $color-button_danger-outline-focus;
         }
     }
+
     &-warning {
         background-color: $color-button_warning-bg-default;
         color: $color-button_warning-text-default;
-      transition: background-color $transition_duration-button_warning-bg $transition_function-button_warning-bg $transition_delay-button_warning-bg,
-      border $transition_duration-button_warning-border $transition_function-button_warning-border $transition_delay-button_warning-border;
-      transform:scale($transform_scale-button_warning);
+        transition: background-color $transition_duration-button_warning-bg $transition_function-button_warning-bg $transition_delay-button_warning-bg,
+        border $transition_duration-button_warning-border $transition_function-button_warning-border $transition_delay-button_warning-border;
+        transform: scale($transform_scale-button_warning);
+
+        &-disabled {
+            background-color: $color-button_disabled_warning-bg-default;
+
+            &.#{$module}-light {
+                background-color: $color-button_disabled_light_warning-bg-default;
+            }
+        }
 
         &:hover {
             background-color: $color-button_warning-bg-hover;
         }
+
         &:active {
             background-color: $color-button_warning-bg-active;
         }
+
         &.#{$module}-light,
         &.#{$module}-borderless {
             color: $color-button_warning_borderless-text-default;
         }
+
         &:not(.#{$module}-borderless):not(.#{$module}-light):focus-visible {
             outline: $width-button-outline solid $color-button_warning-outline-focus;
         }
     }
+
     &-tertiary {
         background-color: $color-button_tertiary-bg-default;
         color: $color-button_tertiary-text-default;
-      transition: background-color $transition_duration-button_tertiary-bg $transition_function-button_tertiary-bg $transition_delay-button_tertiary-bg,
-      border $transition_duration-button_tertiary-border $transition_function-button_tertiary-border $transition_delay-button_tertiary-border;
-      transform:scale($transform_scale_button_tertiary);
+        transition: background-color $transition_duration-button_tertiary-bg $transition_function-button_tertiary-bg $transition_delay-button_tertiary-bg,
+        border $transition_duration-button_tertiary-border $transition_function-button_tertiary-border $transition_delay-button_tertiary-border;
+        transform: scale($transform_scale_button_tertiary);
+
+        &-disabled {
+            background-color: $color-button_disabled_tertiary-bg-default;
+
+            &.#{$module}-light {
+                background-color: $color-button_disabled_light_tertiary-bg-default;
+            }
+        }
 
         &:hover {
             background-color: $color-button_tertiary-bg-hover;
         }
+
         &:active {
             background-color: $color-button_tertiary-bg-active;
         }
+
         &.#{$module}-light,
         &.#{$module}-borderless {
             color: $color-button_tertiary_solid-text-default;
         }
     }
+
     &-primary {
         background-color: $color-button_primary-bg-default;
         color: $color-button_primary-text-default;
         transition: background-color $transition_duration-button_primary-bg $transition_function-button_primary-bg $transition_delay-button_primary-bg,
         border $transition_duration-button_primary-border $transition_function-button_primary-border $transition_delay-button_primary-border;;
-      transform:scale($transform_scale-button_primary);
+        transform: scale($transform_scale-button_primary);
+
+        &-disabled {
+            background-color: $color-button_disabled_primary-bg-default;
+
+            &.#{$module}-light {
+                background: $color-button_disabled_light_primary-bg-default;
+            }
+        }
 
         &:not(.#{$module}-borderless):not(.#{$module}-light):hover {
             background-color: $color-button_primary-bg-hover;
         }
+
         &:not(.#{$module}-borderless):not(.#{$module}-light):active {
             background-color: $color-button_primary-bg-active;
         }
@@ -116,17 +159,27 @@ $module: #{$prefix}-button;
             color: $color-button_primary_borderless-text-default;
         }
     }
+
     &-secondary {
         background-color: $color-button_secondary-bg-default;
         outline-color: $color-button_secondary-border-default;
         color: $color-button_secondary-text-default;
-      transition: background-color $transition_duration-button_secondary-bg $transition_function-button_secondary-bg $transition_delay-button_secondary-bg,
-      border $transition_duration-button_secondary-border $transition_function-button_secondary-border $transition_delay-button_secondary-border;
-      transform:scale($transform_scale-button_secondary);
+        transition: background-color $transition_duration-button_secondary-bg $transition_function-button_secondary-bg $transition_delay-button_secondary-bg,
+        border $transition_duration-button_secondary-border $transition_function-button_secondary-border $transition_delay-button_secondary-border;
+        transform: scale($transform_scale-button_secondary);
+
+        &-disabled {
+            background-color: $color-button_disabled_secondary-bg-default;
+
+            &.#{$module}-light {
+                background-color: $color-button_disabled_light_secondary-bg-default;
+            }
+        }
 
         &:hover {
             background-color: $color-button_secondary-bg-hover;
         }
+
         &:active {
             background-color: $color-button_secondary-bg-active;
         }
@@ -136,13 +189,14 @@ $module: #{$prefix}-button;
             color: $color-button_secondary_borderless-text-default;
         }
     }
+
     &-disabled {
         color: $color-button_disabled_solid-text-default;
-        background-color: $color-button_disabled-bg-default;
+
         &:not(.#{$module}-borderless):not(.#{$module}-light):hover {
             color: $color-button_disabled-text-hover;
-            background-color: $color-button_disabled-bg-hover;
         }
+
         cursor: not-allowed;
 
         &.#{$module}-light,
@@ -150,16 +204,18 @@ $module: #{$prefix}-button;
             color: $color-button_disabled-text-default;
         }
     }
+
     &-borderless {
         background-color: transparent;
         border: $width-button_borderless-border $color-button_borderless-border-default solid;
-      transition:background-color $transition_duration-button_borderless-bg $transition_function-button_borderless-bg $transition_delay-button_borderless-bg;
-      transform:scale($transform_scale-button_borderless);
+        transition: background-color $transition_duration-button_borderless-bg $transition_function-button_borderless-bg $transition_delay-button_borderless-bg;
+        transform: scale($transform_scale-button_borderless);
 
         &:not(.#{$module}-disabled):hover {
             background-color: $color-button_borderless-bg-hover;
             border: $width-button_borderless-border $color-button_borderless-border-hover solid;
         }
+
         &:not(.#{$module}-disabled):active {
             background-color: $color-button_borderless-bg-active;
             border: $width-button_borderless-border $color-button_borderless-border-active solid;
@@ -169,19 +225,21 @@ $module: #{$prefix}-button;
     &-light {
         background-color: $color-button_light-bg-default;
         border: $width-button_light-border $color-button_light-border-default solid;
-      transition: background-color $transition_duration-button_light-bg $transition_function-button_light-bg $transition_delay-button_light-bg,
-      border $transition_duration-button_light-border $transition_function-button_light-border $transition_delay-button_light-border;
-      transform:scale($transform_scale-button_light);
+        transition: background-color $transition_duration-button_light-bg $transition_function-button_light-bg $transition_delay-button_light-bg,
+        border $transition_duration-button_light-border $transition_function-button_light-border $transition_delay-button_light-border;
+        transform: scale($transform_scale-button_light);
 
         &:not(.#{$module}-disabled):hover {
             background-color: $color-button_light-bg-hover;
             border: $width-button_light-border $color-button_light-border-hover solid;
         }
+
         &:not(.#{$module}-disabled):active {
             background-color: $color-button_light-bg-active;
             border: $width-button_light-border $color-button_light-border-active solid;
         }
     }
+
     &-size-small {
         height: $height-button_small;
         padding-top: $spacing-button_small-paddingTop;
@@ -189,6 +247,7 @@ $module: #{$prefix}-button;
         padding-left: $spacing-button_small-paddingLeft;
         padding-right: $spacing-button_small-paddingRight;
     }
+
     &-size-large {
         height: $height-button_large;
         padding-top: $spacing-button_large-paddingTop;
@@ -196,6 +255,7 @@ $module: #{$prefix}-button;
         padding-left: $spacing-button_large-paddingLeft;
         padding-right: $spacing-button_large-paddingRight;
     }
+
     &-block {
         width: 100%;
     }
@@ -259,6 +319,7 @@ $module: #{$prefix}-button;
                 border-top-left-radius: $radius-button_group;
                 border-bottom-left-radius: $radius-button_group;
             }
+
             &:last-child {
                 border-top-right-radius: $radius-button_group;
                 border-bottom-right-radius: $radius-button_group;
@@ -273,24 +334,31 @@ $module: #{$prefix}-button;
             &-primary {
                 background-color: $color-button_primary-bg-default;
             }
+
             &-secondary {
                 background-color: $color-button_secondary-bg-default;
             }
+
             &-tertiary {
                 background-color: $color-button_tertiary-bg-default;
             }
+
             &-warning {
                 background-color: $color-button_warning-bg-default;
             }
+
             &-danger {
                 background-color: $color-button_danger-bg-default;
             }
+
             &-disabled {
                 background-color: $color-button_disabled-bg-default;
             }
+
             &-light {
                 background-color: $color-button_light-bg-default;
             }
+
             &-borderless {
                 background-color: transparent;
             }

package/lib/es/button/variables.scss

@@ -82,6 +82,13 @@ $color-button_disabled-text-default: var(--semi-color-disabled-text); // 禁用
 $color-button_disabled-bg-default: var(--semi-color-disabled-bg); // 禁用按钮背景颜色
 $color-button_disabled-text-hover: $color-button_disabled-text-default; // 禁用按钮文字颜色 - 悬浮
 $color-button_disabled-bg-hover: var(--semi-color-disabled-bg); // 禁用按钮背景颜色 - 悬浮
+$color-button_disabled_primary-bg-default: $color-button_disabled-bg-default; // 禁用 primary 按钮背景颜色
+$color-button_disabled_secondary-bg-default: $color-button_disabled-bg-default; // 禁用 secondary 按钮背景颜色
+$color-button_disabled_danger-bg-default: $color-button_disabled-bg-default; // 禁用 danger 按钮背景颜色
+$color-button_disabled_warning-bg-default: $color-button_disabled-bg-default; // 禁用 warning 按钮背景颜色
+$color-button_disabled_tertiary-bg-default: $color-button_disabled-bg-default; // 禁用 tertiary 按钮背景颜色
+
+
 
 // light
 $color-button_light-bg-default: var(--semi-color-fill-0); // 浅色按钮背景颜色
@@ -92,6 +99,12 @@ $color-button_light-border-hover: $color-button_light-border-default; // 浅色
 $color-button_light-border-active: $color-button_light-border-hover; // 浅色按钮描边颜色 - 按下
 $width-button_light-border: 0; // 浅色按钮描边宽度
 
+$color-button_disabled_light_primary-bg-default: $color-button_light-bg-default; // 禁用 light primary 按钮背景颜色
+$color-button_disabled_light_secondary-bg-default: $color-button_light-bg-default; // 禁用 light secondary 按钮背景颜色
+$color-button_disabled_light_danger-bg-default: $color-button_light-bg-default; // 禁用 light danger 按钮背景颜色
+$color-button_disabled_light_warning-bg-default: $color-button_light-bg-default; // 禁用 light warning 按钮背景颜色
+$color-button_disabled_light_tertiary-bg-default: $color-button_light-bg-default; // 禁用 light tertiary 按钮背景颜色
+
 // borderless
 $color-button_borderless-text-default: var(--semi-color-primary); // 无背景按钮背景颜色
 $color-button_borderless-bg-hover: var(--semi-color-fill-0); // 无背景按钮背景颜色 - 悬浮

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

@@ -327,7 +327,7 @@ export interface BaseSorterInfo<RecordType> {
     sorter?: BaseSorter<RecordType>;
 }
 export type BaseSortOrder = boolean | ArrayElement<typeof strings.SORT_DIRECTIONS>;
-export type BaseSorter<RecordType> = boolean | ((a?: RecordType, b?: RecordType) => number);
+export type BaseSorter<RecordType> = boolean | ((a?: RecordType, b?: RecordType, sortOrder?: 'ascend' | 'descend') => number);
 export interface BaseChangeInfoFilter<RecordType> {
     dataIndex?: string;
     value?: any;

package/lib/es/typography/typography.css

@@ -46,6 +46,10 @@
   font-size: 12px;
   line-height: 16px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 400;
+}
+.semi-typography-small.semi-typography-paragraph {
+  font-weight: 400;
 }
 .semi-typography code {
   border: 1px solid var(--semi-color-border);
@@ -315,6 +319,7 @@ h6.semi-typography.semi-typography-h6-weight-bold,
 p.semi-typography-extended,
 .semi-typography-paragraph.semi-typography-extended {
   line-height: 24px;
+  font-weight: 400;
 }
 
 .semi-rtl .semi-typography,

package/lib/es/typography/typography.scss

@@ -53,6 +53,10 @@ $module: #{$prefix}-typography;
 
     &-small {
         @include font-size-small;
+        font-weight: $font-typography_smallText-regular-fontWeight;
+        &.#{$module}-paragraph{
+            font-weight: $font-typography_smallParagraph-regular-fontWeight;
+        }
     }
 
     code {
@@ -351,6 +355,7 @@ h6.#{$module},
 p.#{$module}-extended,
 .#{$module}-paragraph.#{$module}-extended {
     line-height: $font-typography_paragraph_extended-lineHeight;
+    font-weight: $font-typography_normalParagraph-regular-fontWeight;
 }
 
 @import "./rtl.scss";

package/lib/es/typography/variables.scss

@@ -26,6 +26,10 @@ $font-typography_title-fontWeight: $font-weight-bold; // 标题文本字重
 $font-typography_link-fontWeight: $font-weight-bold; // 链接文本字重
 $font-typography_strong-fontWeight: $font-weight-bold; // 强调文本字重
 $font-typography_paragraph_extended-lineHeight: 24px; // 宽松行距段落文本行高
+$font-typography_normalText-regular-fontWeight: $font-weight-regular; // normal text 字重 - 正常
+$font-typography_smallText-regular-fontWeight: $font-weight-regular; // small text 字重 - 正常
+$font-typography_normalParagraph-regular-fontWeight: $font-weight-regular; // normal paragraph 字重 - 正常
+$font-typography_smallParagraph-regular-fontWeight: $font-weight-regular; // small paragraph 字重 - 正常
 
 $font-typography_title1-fontWeight: $font-typography_title-fontWeight; // 一级标题文本字重
 $font-typography_title2-fontWeight: $font-typography_title-fontWeight; // 二级标题文本字重

package/lib/es/utils/array.d.ts

@@ -11,12 +11,12 @@
  * => ['b', 'b']
  */
 export declare function pullAll(arrayA: any[], arrayB: any[]): any[];
-type CompareFn<T> = (a: T, b: T) => number;
+type CompareFn<T> = (a: T, b: T, sortOrder: 'ascend' | 'descend') => number;
 /**
  * Adapt the descending order
  * @param {Function} fn
  * @param {String} order
  * @returns
  */
-export declare function withOrderSort<T = any>(fn: CompareFn<T>, order?: string): CompareFn<T>;
+export declare function withOrderSort<T = any>(fn: CompareFn<T>, order?: 'ascend' | 'descend'): (a: T, b: T) => number;
 export {};

package/lib/es/utils/array.js

@@ -31,11 +31,11 @@ export function withOrderSort(fn) {
   switch (order) {
     case 'descend':
       return (a, b) => {
-        const result = Number(fn(a, b));
+        const result = Number(fn(a, b, order));
         return result !== 0 ? -result : result;
       };
     case 'ascend':
     default:
-      return fn;
+      return (a, b) => fn(a, b, order);
   }
 }

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.46.0",
+    "version": "2.46.2",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.46.0",
+        "@douyinfe/semi-animation": "2.46.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.29.3",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "0de820bf1a275d5c759091247326bbd7fc0d873c",
+    "gitHead": "15459d2c4d4676b50723442966990fb1f5414d89",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/table/foundation.ts

@@ -1202,7 +1202,7 @@ export interface BaseSorterInfo<RecordType> {
     sorter?: BaseSorter<RecordType>
 }
 export type BaseSortOrder = boolean | ArrayElement<typeof strings.SORT_DIRECTIONS>;
-export type BaseSorter<RecordType> = boolean | ((a?: RecordType, b?: RecordType) => number);
+export type BaseSorter<RecordType> = boolean | ((a?: RecordType, b?: RecordType, sortOrder?: 'ascend' | 'descend') => number);
 export interface BaseChangeInfoFilter<RecordType> {
     dataIndex?: string;
     value?: any;

package/typography/typography.scss

@@ -53,6 +53,10 @@ $module: #{$prefix}-typography;
 
     &-small {
         @include font-size-small;
+        font-weight: $font-typography_smallText-regular-fontWeight;
+        &.#{$module}-paragraph{
+            font-weight: $font-typography_smallParagraph-regular-fontWeight;
+        }
     }
 
     code {
@@ -351,6 +355,7 @@ h6.#{$module},
 p.#{$module}-extended,
 .#{$module}-paragraph.#{$module}-extended {
     line-height: $font-typography_paragraph_extended-lineHeight;
+    font-weight: $font-typography_normalParagraph-regular-fontWeight;
 }
 
 @import "./rtl.scss";

package/typography/variables.scss

@@ -26,6 +26,10 @@ $font-typography_title-fontWeight: $font-weight-bold; // 标题文本字重
 $font-typography_link-fontWeight: $font-weight-bold; // 链接文本字重
 $font-typography_strong-fontWeight: $font-weight-bold; // 强调文本字重
 $font-typography_paragraph_extended-lineHeight: 24px; // 宽松行距段落文本行高
+$font-typography_normalText-regular-fontWeight: $font-weight-regular; // normal text 字重 - 正常
+$font-typography_smallText-regular-fontWeight: $font-weight-regular; // small text 字重 - 正常
+$font-typography_normalParagraph-regular-fontWeight: $font-weight-regular; // normal paragraph 字重 - 正常
+$font-typography_smallParagraph-regular-fontWeight: $font-weight-regular; // small paragraph 字重 - 正常
 
 $font-typography_title1-fontWeight: $font-typography_title-fontWeight; // 一级标题文本字重
 $font-typography_title2-fontWeight: $font-typography_title-fontWeight; // 二级标题文本字重