@douyinfe/semi-foundation 2.44.0 → 2.44.1

package/anchor/anchor.scss

@@ -75,12 +75,18 @@ $module: #{$prefix}-anchor;
             border-radius: $width-anchor-outline_border_radius;
             transition: color $transition_duration-anchor_title-text $transition_function-anchor_title-text $transition_delay-anchor_title-text;//锚点选项文字的动效
             transform: scale($transform_scale-anchor_title-text);
+            background: $color-anchor_title-bg-default;
             &:hover {
                 color: $color-anchor_title-text-hover;
             }
 
             &-active {
                 color: $color-anchor_title-text-active;
+                background: $color-anchor_title-bg-active;
+                &:hover{
+                    color: $color-anchor_title_active-text-hover;
+                }
+
             }
 
             &:focus-visible {

package/anchor/variables.scss

@@ -6,9 +6,13 @@ $color-anchor_slide_muted-bg-active: var(--semi-color-white); // 选中颜色 -
 
 $color-anchor_title-text-default: var(--semi-color-text-2); // 文字颜色 - 未选中
 $color-anchor_title-text-hover: var(--semi-color-tertiary-hover); // 文字颜色 - 未选中悬浮态
+$color-anchor_title_active-text-hover: $color-anchor_title-text-hover;  // 文字颜色 - 选中悬浮态
 $color-anchor_title-text-active: var(--semi-color-text-0); // 文字颜色 - 选中
 $color-anchor_title-text-disabled: var(--semi-color-disabled-text); // 文字颜色 - 禁用
 
+$color-anchor_title-bg-default: transparent; // 背景色
+$color-anchor_title-bg-active: transparent; // 背景色 - 选中
+
 $color-anchor_title-outline-focus: var(--semi-color-primary-light-active); // 轮廓 - 聚焦
 
 // Spacing

package/datePicker/datePicker.scss

@@ -900,7 +900,10 @@ $module-list: #{$prefix}-scrolllist;
 
             &:active {
                 border-color: $color-datepicker_range_trigger-border-active;
+            }
 
+            &:focus-within{
+                border-color: $color-datepicker_range_trigger-border-focus;
             }
 
             .#{$module}-monthRange-input {

package/datePicker/variables.scss

@@ -148,6 +148,7 @@ $color-datepicker_insetInput_separator: var(--semi-color-text-3);
 $color-datepicker_range_trigger-border: transparent; // 范围日期选择模式触发器边框颜色
 $color-datepicker_range_trigger-border-hover: transparent; // 范围日期选择模式触发器边框颜色 - 悬浮
 $color-datepicker_range_trigger-border-active: transparent; // 范围日期选择模式触发器边框颜色 - 激活
+$color-datepicker_range_trigger-border-focus: transparent; // 范围日期选择模式触发器边框颜色 - 聚焦
 
 
 

package/lib/cjs/anchor/anchor.css

@@ -65,12 +65,17 @@
   border-radius: 3px;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
+  background: transparent;
 }
 .semi-anchor-link-title:hover {
   color: var(--semi-color-tertiary-hover);
 }
 .semi-anchor-link-title-active {
   color: var(--semi-color-text-0);
+  background: transparent;
+}
+.semi-anchor-link-title-active:hover {
+  color: var(--semi-color-tertiary-hover);
 }
 .semi-anchor-link-title:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);

package/lib/cjs/anchor/anchor.scss

@@ -75,12 +75,18 @@ $module: #{$prefix}-anchor;
             border-radius: $width-anchor-outline_border_radius;
             transition: color $transition_duration-anchor_title-text $transition_function-anchor_title-text $transition_delay-anchor_title-text;//锚点选项文字的动效
             transform: scale($transform_scale-anchor_title-text);
+            background: $color-anchor_title-bg-default;
             &:hover {
                 color: $color-anchor_title-text-hover;
             }
 
             &-active {
                 color: $color-anchor_title-text-active;
+                background: $color-anchor_title-bg-active;
+                &:hover{
+                    color: $color-anchor_title_active-text-hover;
+                }
+
             }
 
             &:focus-visible {

package/lib/cjs/anchor/variables.scss

@@ -6,9 +6,13 @@ $color-anchor_slide_muted-bg-active: var(--semi-color-white); // 选中颜色 -
 
 $color-anchor_title-text-default: var(--semi-color-text-2); // 文字颜色 - 未选中
 $color-anchor_title-text-hover: var(--semi-color-tertiary-hover); // 文字颜色 - 未选中悬浮态
+$color-anchor_title_active-text-hover: $color-anchor_title-text-hover;  // 文字颜色 - 选中悬浮态
 $color-anchor_title-text-active: var(--semi-color-text-0); // 文字颜色 - 选中
 $color-anchor_title-text-disabled: var(--semi-color-disabled-text); // 文字颜色 - 禁用
 
+$color-anchor_title-bg-default: transparent; // 背景色
+$color-anchor_title-bg-active: transparent; // 背景色 - 选中
+
 $color-anchor_title-outline-focus: var(--semi-color-primary-light-active); // 轮廓 - 聚焦
 
 // Spacing

package/lib/cjs/datePicker/datePicker.css

@@ -593,6 +593,9 @@
 .semi-datepicker-range-input:active {
   border-color: transparent;
 }
+.semi-datepicker-range-input:focus-within {
+  border-color: transparent;
+}
 .semi-datepicker-range-input .semi-datepicker-monthRange-input {
   background-color: transparent;
 }

package/lib/cjs/datePicker/datePicker.scss

@@ -900,7 +900,10 @@ $module-list: #{$prefix}-scrolllist;
 
             &:active {
                 border-color: $color-datepicker_range_trigger-border-active;
+            }
 
+            &:focus-within{
+                border-color: $color-datepicker_range_trigger-border-focus;
             }
 
             .#{$module}-monthRange-input {

package/lib/cjs/datePicker/variables.scss

@@ -148,6 +148,7 @@ $color-datepicker_insetInput_separator: var(--semi-color-text-3);
 $color-datepicker_range_trigger-border: transparent; // 范围日期选择模式触发器边框颜色
 $color-datepicker_range_trigger-border-hover: transparent; // 范围日期选择模式触发器边框颜色 - 悬浮
 $color-datepicker_range_trigger-border-active: transparent; // 范围日期选择模式触发器边框颜色 - 激活
+$color-datepicker_range_trigger-border-focus: transparent; // 范围日期选择模式触发器边框颜色 - 聚焦
 
 
 

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

@@ -80,58 +80,7 @@ export declare function mergeQueries(query: Record<string, any>, queries?: Recor
  * @param {Object[]} columns columns retain the column width after resize
  * @param {Object[]} newColumns
  */
-export declare function withResizeWidth(columns: Record<string, any>[], newColumns: Record<string, any>[]): {
-    [x: number]: Record<string, any>;
-    length: number;
-    toString(): string;
-    toLocaleString(): string;
-    pop(): Record<string, any>;
-    push(...items: Record<string, any>[]): number;
-    concat(...items: ConcatArray<Record<string, any>>[]): Record<string, any>[];
-    concat(...items: (Record<string, any> | ConcatArray<Record<string, any>>)[]): Record<string, any>[];
-    join(separator?: string): string;
-    reverse(): Record<string, any>[];
-    shift(): Record<string, any>;
-    slice(start?: number, end?: number): Record<string, any>[];
-    sort(compareFn?: (a: Record<string, any>, b: Record<string, any>) => number): Record<string, any>[];
-    splice(start: number, deleteCount?: number): Record<string, any>[];
-    splice(start: number, deleteCount: number, ...items: Record<string, any>[]): Record<string, any>[];
-    unshift(...items: Record<string, any>[]): number;
-    indexOf(searchElement: Record<string, any>, fromIndex?: number): number;
-    lastIndexOf(searchElement: Record<string, any>, fromIndex?: number): number;
-    every<S extends Record<string, any>>(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => value is S, thisArg?: any): this is S[];
-    every(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => unknown, thisArg?: any): boolean;
-    some(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => unknown, thisArg?: any): boolean;
-    forEach(callbackfn: (value: Record<string, any>, index: number, array: Record<string, any>[]) => void, thisArg?: any): void;
-    map<U>(callbackfn: (value: Record<string, any>, index: number, array: Record<string, any>[]) => U, thisArg?: any): U[];
-    filter<S_1 extends Record<string, any>>(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => value is S_1, thisArg?: any): S_1[];
-    filter(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => unknown, thisArg?: any): Record<string, any>[];
-    reduce(callbackfn: (previousValue: Record<string, any>, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => Record<string, any>): Record<string, any>;
-    reduce(callbackfn: (previousValue: Record<string, any>, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => Record<string, any>, initialValue: Record<string, any>): Record<string, any>;
-    reduce<U_1>(callbackfn: (previousValue: U_1, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => U_1, initialValue: U_1): U_1;
-    reduceRight(callbackfn: (previousValue: Record<string, any>, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => Record<string, any>): Record<string, any>;
-    reduceRight(callbackfn: (previousValue: Record<string, any>, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => Record<string, any>, initialValue: Record<string, any>): Record<string, any>;
-    reduceRight<U_2>(callbackfn: (previousValue: U_2, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => U_2, initialValue: U_2): U_2;
-    find<S_2 extends Record<string, any>>(predicate: (this: void, value: Record<string, any>, index: number, obj: Record<string, any>[]) => value is S_2, thisArg?: any): S_2;
-    find(predicate: (value: Record<string, any>, index: number, obj: Record<string, any>[]) => unknown, thisArg?: any): Record<string, any>;
-    findIndex(predicate: (value: Record<string, any>, index: number, obj: Record<string, any>[]) => unknown, thisArg?: any): number;
-    fill(value: Record<string, any>, start?: number, end?: number): Record<string, any>[];
-    copyWithin(target: number, start: number, end?: number): Record<string, any>[];
-    entries(): IterableIterator<[number, Record<string, any>]>;
-    keys(): IterableIterator<number>;
-    values(): IterableIterator<Record<string, any>>;
-    includes(searchElement: Record<string, any>, fromIndex?: number): boolean;
-    [Symbol.iterator](): IterableIterator<Record<string, any>>;
-    [Symbol.unscopables](): {
-        copyWithin: boolean;
-        entries: boolean;
-        fill: boolean;
-        find: boolean;
-        findIndex: boolean;
-        keys: boolean;
-        values: boolean;
-    };
-};
+export declare function withResizeWidth(columns: Record<string, any>[], newColumns: Record<string, any>[]): Record<string, any>[];
 /**
  * Pure function version of the same function in table foundation
  * This is not accessible in getDerivedStateFromProps, so fork one out

package/lib/cjs/table/utils.js

@@ -388,7 +388,7 @@ function mergeQueries(query) {
  * @param {Object[]} newColumns
  */
 function withResizeWidth(columns, newColumns) {
-  const _newColumns = Object.assign({}, newColumns);
+  const _newColumns = [...newColumns];
   for (const column of columns) {
     if (!(0, _isNullOrUndefined.default)(column.width)) {
       const currentColumn = column.key;

package/lib/es/anchor/anchor.css

@@ -65,12 +65,17 @@
   border-radius: 3px;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
+  background: transparent;
 }
 .semi-anchor-link-title:hover {
   color: var(--semi-color-tertiary-hover);
 }
 .semi-anchor-link-title-active {
   color: var(--semi-color-text-0);
+  background: transparent;
+}
+.semi-anchor-link-title-active:hover {
+  color: var(--semi-color-tertiary-hover);
 }
 .semi-anchor-link-title:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);

package/lib/es/anchor/anchor.scss

@@ -75,12 +75,18 @@ $module: #{$prefix}-anchor;
             border-radius: $width-anchor-outline_border_radius;
             transition: color $transition_duration-anchor_title-text $transition_function-anchor_title-text $transition_delay-anchor_title-text;//锚点选项文字的动效
             transform: scale($transform_scale-anchor_title-text);
+            background: $color-anchor_title-bg-default;
             &:hover {
                 color: $color-anchor_title-text-hover;
             }
 
             &-active {
                 color: $color-anchor_title-text-active;
+                background: $color-anchor_title-bg-active;
+                &:hover{
+                    color: $color-anchor_title_active-text-hover;
+                }
+
             }
 
             &:focus-visible {

package/lib/es/anchor/variables.scss

@@ -6,9 +6,13 @@ $color-anchor_slide_muted-bg-active: var(--semi-color-white); // 选中颜色 -
 
 $color-anchor_title-text-default: var(--semi-color-text-2); // 文字颜色 - 未选中
 $color-anchor_title-text-hover: var(--semi-color-tertiary-hover); // 文字颜色 - 未选中悬浮态
+$color-anchor_title_active-text-hover: $color-anchor_title-text-hover;  // 文字颜色 - 选中悬浮态
 $color-anchor_title-text-active: var(--semi-color-text-0); // 文字颜色 - 选中
 $color-anchor_title-text-disabled: var(--semi-color-disabled-text); // 文字颜色 - 禁用
 
+$color-anchor_title-bg-default: transparent; // 背景色
+$color-anchor_title-bg-active: transparent; // 背景色 - 选中
+
 $color-anchor_title-outline-focus: var(--semi-color-primary-light-active); // 轮廓 - 聚焦
 
 // Spacing

package/lib/es/datePicker/datePicker.css

@@ -593,6 +593,9 @@
 .semi-datepicker-range-input:active {
   border-color: transparent;
 }
+.semi-datepicker-range-input:focus-within {
+  border-color: transparent;
+}
 .semi-datepicker-range-input .semi-datepicker-monthRange-input {
   background-color: transparent;
 }

package/lib/es/datePicker/datePicker.scss

@@ -900,7 +900,10 @@ $module-list: #{$prefix}-scrolllist;
 
             &:active {
                 border-color: $color-datepicker_range_trigger-border-active;
+            }
 
+            &:focus-within{
+                border-color: $color-datepicker_range_trigger-border-focus;
             }
 
             .#{$module}-monthRange-input {

package/lib/es/datePicker/variables.scss

@@ -148,6 +148,7 @@ $color-datepicker_insetInput_separator: var(--semi-color-text-3);
 $color-datepicker_range_trigger-border: transparent; // 范围日期选择模式触发器边框颜色
 $color-datepicker_range_trigger-border-hover: transparent; // 范围日期选择模式触发器边框颜色 - 悬浮
 $color-datepicker_range_trigger-border-active: transparent; // 范围日期选择模式触发器边框颜色 - 激活
+$color-datepicker_range_trigger-border-focus: transparent; // 范围日期选择模式触发器边框颜色 - 聚焦
 
 
 

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

@@ -80,58 +80,7 @@ export declare function mergeQueries(query: Record<string, any>, queries?: Recor
  * @param {Object[]} columns columns retain the column width after resize
  * @param {Object[]} newColumns
  */
-export declare function withResizeWidth(columns: Record<string, any>[], newColumns: Record<string, any>[]): {
-    [x: number]: Record<string, any>;
-    length: number;
-    toString(): string;
-    toLocaleString(): string;
-    pop(): Record<string, any>;
-    push(...items: Record<string, any>[]): number;
-    concat(...items: ConcatArray<Record<string, any>>[]): Record<string, any>[];
-    concat(...items: (Record<string, any> | ConcatArray<Record<string, any>>)[]): Record<string, any>[];
-    join(separator?: string): string;
-    reverse(): Record<string, any>[];
-    shift(): Record<string, any>;
-    slice(start?: number, end?: number): Record<string, any>[];
-    sort(compareFn?: (a: Record<string, any>, b: Record<string, any>) => number): Record<string, any>[];
-    splice(start: number, deleteCount?: number): Record<string, any>[];
-    splice(start: number, deleteCount: number, ...items: Record<string, any>[]): Record<string, any>[];
-    unshift(...items: Record<string, any>[]): number;
-    indexOf(searchElement: Record<string, any>, fromIndex?: number): number;
-    lastIndexOf(searchElement: Record<string, any>, fromIndex?: number): number;
-    every<S extends Record<string, any>>(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => value is S, thisArg?: any): this is S[];
-    every(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => unknown, thisArg?: any): boolean;
-    some(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => unknown, thisArg?: any): boolean;
-    forEach(callbackfn: (value: Record<string, any>, index: number, array: Record<string, any>[]) => void, thisArg?: any): void;
-    map<U>(callbackfn: (value: Record<string, any>, index: number, array: Record<string, any>[]) => U, thisArg?: any): U[];
-    filter<S_1 extends Record<string, any>>(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => value is S_1, thisArg?: any): S_1[];
-    filter(predicate: (value: Record<string, any>, index: number, array: Record<string, any>[]) => unknown, thisArg?: any): Record<string, any>[];
-    reduce(callbackfn: (previousValue: Record<string, any>, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => Record<string, any>): Record<string, any>;
-    reduce(callbackfn: (previousValue: Record<string, any>, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => Record<string, any>, initialValue: Record<string, any>): Record<string, any>;
-    reduce<U_1>(callbackfn: (previousValue: U_1, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => U_1, initialValue: U_1): U_1;
-    reduceRight(callbackfn: (previousValue: Record<string, any>, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => Record<string, any>): Record<string, any>;
-    reduceRight(callbackfn: (previousValue: Record<string, any>, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => Record<string, any>, initialValue: Record<string, any>): Record<string, any>;
-    reduceRight<U_2>(callbackfn: (previousValue: U_2, currentValue: Record<string, any>, currentIndex: number, array: Record<string, any>[]) => U_2, initialValue: U_2): U_2;
-    find<S_2 extends Record<string, any>>(predicate: (this: void, value: Record<string, any>, index: number, obj: Record<string, any>[]) => value is S_2, thisArg?: any): S_2;
-    find(predicate: (value: Record<string, any>, index: number, obj: Record<string, any>[]) => unknown, thisArg?: any): Record<string, any>;
-    findIndex(predicate: (value: Record<string, any>, index: number, obj: Record<string, any>[]) => unknown, thisArg?: any): number;
-    fill(value: Record<string, any>, start?: number, end?: number): Record<string, any>[];
-    copyWithin(target: number, start: number, end?: number): Record<string, any>[];
-    entries(): IterableIterator<[number, Record<string, any>]>;
-    keys(): IterableIterator<number>;
-    values(): IterableIterator<Record<string, any>>;
-    includes(searchElement: Record<string, any>, fromIndex?: number): boolean;
-    [Symbol.iterator](): IterableIterator<Record<string, any>>;
-    [Symbol.unscopables](): {
-        copyWithin: boolean;
-        entries: boolean;
-        fill: boolean;
-        find: boolean;
-        findIndex: boolean;
-        keys: boolean;
-        values: boolean;
-    };
-};
+export declare function withResizeWidth(columns: Record<string, any>[], newColumns: Record<string, any>[]): Record<string, any>[];
 /**
  * Pure function version of the same function in table foundation
  * This is not accessible in getDerivedStateFromProps, so fork one out

package/lib/es/table/utils.js

@@ -343,7 +343,7 @@ export function mergeQueries(query) {
  * @param {Object[]} newColumns
  */
 export function withResizeWidth(columns, newColumns) {
-  const _newColumns = Object.assign({}, newColumns);
+  const _newColumns = [...newColumns];
   for (const column of columns) {
     if (!isNullOrUndefined(column.width)) {
       const currentColumn = column.key;

package/package.json

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

package/table/utils.ts

@@ -393,7 +393,7 @@ export function mergeQueries(query: Record<string, any>, queries: Record<string,
  * @param {Object[]} newColumns
  */
 export function withResizeWidth(columns: Record<string, any>[], newColumns: Record<string, any>[]) {
-    const _newColumns = { ...newColumns };
+    const _newColumns = [ ...newColumns ];
     for (const column of columns) {
         if (!isNullOrUndefined(column.width)) {
             const currentColumn = column.key;