@douyinfe/semi-foundation 2.32.0-beta.0 → 2.32.0

package/lib/cjs/utils/date-fns-extra.d.ts

@@ -18,30 +18,37 @@ export declare const toIANA: (tz: string | number) => any;
  * @returns {Date}
  */
 declare const parse: (date: string | number | Date, formatToken: string, options?: any) => Date;
+declare const format: (date: number | Date, formatToken: string, options?: any) => string;
 /**
+ * Returns a Date which will format as the local time of any time zone from a specific UTC time
  *
- * @param {string | number | Date} date
- * @param {string} formatToken
- * @param {object} [options]
- * @param {string} [options.timeZone]
- */
-declare const format: (date: string | number | Date, formatToken: string, options?: any) => string;
-/**
+ * @example
+ * ```javascript
+ * import { utcToZonedTime } from 'date-fns-tz'
+ * const { isoDate, timeZone } = fetchInitialValues() // 2014-06-25T10:00:00.000Z, America/New_York
+ * const date = utcToZonedTime(isoDate, timeZone) // In June 10am UTC is 6am in New York (-04:00)
+ * renderDatePicker(date) // 2014-06-25 06:00:00 (in the system time zone)
+ * renderTimeZoneSelect(timeZone) // America/New_York
+ * ```
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @see https://github.com/marnusw/date-fns-tz#utctozonedtime
  */
-declare const utcToZonedTime: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+declare const utcToZonedTime: (date: string | number | Date, timeZone: string | number, options?: OptionsWithTZ) => Date;
 /**
+ * Given a date and any time zone, returns a Date with the equivalent UTC time
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @example
+ * ```
+ * import { zonedTimeToUtc } from 'date-fns-tz'
+ * const date = getDatePickerValue() // e.g. 2014-06-25 10:00:00 (picked in any time zone)
+ * const timeZone = getTimeZoneValue() // e.g. America/Los_Angeles
+ * const utcDate = zonedTimeToUtc(date, timeZone) // In June 10am in Los Angeles is 5pm UTC
+ * postToServer(utcDate.toISOString(), timeZone) // post 2014-06-25T17:00:00.000Z, America/Los_Angeles
+ * ```
+ *
+ * @see https://github.com/marnusw/date-fns-tz#zonedtimetoutc
  */
-declare const zonedTimeToUtc: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+declare const zonedTimeToUtc: (date: string | number | Date, timeZone: string | number, options?: OptionsWithTZ) => Date;
 /**
  * return current system hour offset based on utc:
  *

package/lib/cjs/utils/date-fns-extra.js

@@ -75,14 +75,6 @@ const parse = (date, formatToken, options) => {
 
   return (0, _dateFnsTz.toDate)(date, options);
 };
-/**
- *
- * @param {string | number | Date} date
- * @param {string} formatToken
- * @param {object} [options]
- * @param {string} [options.timeZone]
- */
-
 /* istanbul ignore next */
 
 
@@ -100,11 +92,18 @@ const format = (date, formatToken, options) => {
   return (0, _dateFnsTz.format)(date, formatToken, options);
 };
 /**
+ * Returns a Date which will format as the local time of any time zone from a specific UTC time
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @example
+ * ```javascript
+ * import { utcToZonedTime } from 'date-fns-tz'
+ * const { isoDate, timeZone } = fetchInitialValues() // 2014-06-25T10:00:00.000Z, America/New_York
+ * const date = utcToZonedTime(isoDate, timeZone) // In June 10am UTC is 6am in New York (-04:00)
+ * renderDatePicker(date) // 2014-06-25 06:00:00 (in the system time zone)
+ * renderTimeZoneSelect(timeZone) // America/New_York
+ * ```
+ *
+ * @see https://github.com/marnusw/date-fns-tz#utctozonedtime
  */
 
 
@@ -112,11 +111,18 @@ exports.format = format;
 
 const utcToZonedTime = (date, timeZone, options) => (0, _dateFnsTz.utcToZonedTime)(date, toIANA(timeZone), options);
 /**
+ * Given a date and any time zone, returns a Date with the equivalent UTC time
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @example
+ * ```
+ * import { zonedTimeToUtc } from 'date-fns-tz'
+ * const date = getDatePickerValue() // e.g. 2014-06-25 10:00:00 (picked in any time zone)
+ * const timeZone = getTimeZoneValue() // e.g. America/Los_Angeles
+ * const utcDate = zonedTimeToUtc(date, timeZone) // In June 10am in Los Angeles is 5pm UTC
+ * postToServer(utcDate.toISOString(), timeZone) // post 2014-06-25T17:00:00.000Z, America/Los_Angeles
+ * ```
+ *
+ * @see https://github.com/marnusw/date-fns-tz#zonedtimetoutc
  */
 
 

package/lib/es/autoComplete/autoComplete.css

@@ -94,6 +94,7 @@
   padding-top: 8px;
   padding-bottom: 8px;
   cursor: not-allowed;
+  height: 20px;
 }
 .semi-autocomplete-loading-wrapper .semi-spin {
   width: 100%;

package/lib/es/autoComplete/autoComplete.scss

@@ -27,6 +27,8 @@ $module: #{$prefix}-autocomplete;
         padding-top: $spacing-autoComplete_loading_wrapper-paddingTop;
         padding-bottom: $spacing-autoComplete_loading_wrapper-paddingBottom;
         cursor: not-allowed;
+        // make sure that spin align vertical, no need to make 20px as a spacing token here
+        height: 20px;
         // height: $spacing-extra-loose;
         // @include all-center;
         .#{$prefix}-spin {

package/lib/es/datePicker/_utils/isValidTimeZone.d.ts

@@ -0,0 +1 @@
+export default function isValidTimeZone(timeZone?: string | number): boolean;

package/lib/es/datePicker/_utils/isValidTimeZone.js

@@ -0,0 +1,3 @@
+export default function isValidTimeZone(timeZone) {
+  return ['string', 'number'].includes(typeof timeZone) && timeZone !== '';
+}

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

@@ -192,7 +192,6 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     clickConfirmButton: boolean;
     constructor(adapter: DatePickerAdapter);
     init(): void;
-    isValidTimeZone(timeZone?: string | number): boolean;
     initFromProps({ value, timeZone, prevTimeZone }: Pick<DatePickerFoundationProps, 'value' | 'timeZone'> & {
         prevTimeZone?: string | number;
     }): void;
@@ -202,6 +201,18 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
      * If the user passes an empty value, you need to set the range input focus to rangeStart, so that the user can continue to select from the beginning after clearing
      */
     initRangeInputFocus(result: Date[]): void;
+    /**
+     * value 可能是 UTC value 也可能是 zoned value
+     *
+     * UTC value -> 受控传入的 value
+     *
+     * zoned value -> statue.value，保存的是当前计算机时区下选择的日期
+     *
+     * 如果是时区变化，则需要将旧 zoned value 转为新时区下的 zoned value
+     *
+     * 如果是 value 变化，则不需要传入之前的时区，将 UTC value 转为 zoned value 即可
+     *
+     */
     parseWithTimezone(value: ValueType, timeZone: string | number, prevTimeZone: string | number): Date[];
     _isMultiple(): boolean;
     /**

package/lib/es/datePicker/foundation.js

@@ -18,6 +18,7 @@ import { strings } from './constants';
 import { strings as inputStrings } from '../input/constants';
 import getInsetInputFormatToken from './_utils/getInsetInputFormatToken';
 import getInsetInputValueFromInsetInputStr from './_utils/getInsetInputValueFromInsetInputStr';
+import isValidTimeZone from './_utils/isValidTimeZone';
 /**
  * The datePicker foundation.js is responsible for maintaining the date value and the input box value, as well as the callback of both
  *  task 1. Accept the selected date change, update the date value, and update the input box value according to the date = > Notify the change
@@ -81,14 +82,6 @@ export default class DatePickerFoundation extends BaseFoundation {
     this.initPanelOpenStatus(this.getProp('defaultOpen'));
   }
 
-  isValidTimeZone(timeZone) {
-    const propTimeZone = this.getProp('timeZone');
-
-    const _timeZone = isNullOrUndefined(timeZone) ? propTimeZone : timeZone;
-
-    return ['string', 'number'].includes(typeof _timeZone) && _timeZone !== '';
-  }
-
   initFromProps(_ref) {
     let {
       value,
@@ -130,6 +123,19 @@ export default class DatePickerFoundation extends BaseFoundation {
       this._adapter.setRangeInputFocus('rangeStart');
     }
   }
+  /**
+   * value 可能是 UTC value 也可能是 zoned value
+   *
+   * UTC value -> 受控传入的 value
+   *
+   * zoned value -> statue.value，保存的是当前计算机时区下选择的日期
+   *
+   * 如果是时区变化，则需要将旧 zoned value 转为新时区下的 zoned value
+   *
+   * 如果是 value 变化，则不需要传入之前的时区，将 UTC value 转为 zoned value 即可
+   *
+   */
+
 
   parseWithTimezone(value, timeZone, prevTimeZone) {
     const result = [];
@@ -139,11 +145,11 @@ export default class DatePickerFoundation extends BaseFoundation {
         let parsedV = (v || v === 0) && this._parseValue(v);
 
         if (parsedV) {
-          if (this.isValidTimeZone(prevTimeZone)) {
+          if (isValidTimeZone(prevTimeZone)) {
             parsedV = zonedTimeToUtc(parsedV, prevTimeZone);
           }
 
-          result.push(this.isValidTimeZone(timeZone) ? utcToZonedTime(parsedV, timeZone) : parsedV);
+          result.push(isValidTimeZone(timeZone) ? utcToZonedTime(parsedV, timeZone) : parsedV);
         }
       }
     }
@@ -1209,8 +1215,9 @@ export default class DatePickerFoundation extends BaseFoundation {
   disposeCallbackArgs(value) {
     let _value = Array.isArray(value) ? value : value && [value] || [];
 
-    if (this.isValidTimeZone()) {
-      const timeZone = this.getProp('timeZone');
+    const timeZone = this.getProp('timeZone');
+
+    if (isValidTimeZone(timeZone)) {
       _value = _value.map(date => zonedTimeToUtc(date, timeZone));
     }
 

package/lib/es/datePicker/monthsGridFoundation.d.ts

@@ -158,7 +158,6 @@ export default class MonthsGridFoundation extends BaseFoundation<MonthsGridAdapt
      * @returns
      */
     localeFormat(date: Date, token: string): string;
-    isValidTimeZone(timeZone?: string | number): boolean;
     /**
      * 根据 type 处理 onChange 返回的参数
      *

package/lib/es/datePicker/monthsGridFoundation.js

@@ -11,7 +11,7 @@ import { formatFullDate } from './_utils/getMonthTable';
 import { compatibleParse } from './_utils/parser';
 import { zonedTimeToUtc } from '../utils/date-fns-extra';
 import { getDefaultFormatTokenByType } from './_utils/getDefaultFormatToken';
-import isNullOrUndefined from '../utils/isNullOrUndefined';
+import isValidTimeZone from './_utils/isValidTimeZone';
 const dateDiffFns = {
   month: differenceInCalendarMonths,
   year: differenceInCalendarYears
@@ -417,14 +417,6 @@ export default class MonthsGridFoundation extends BaseFoundation {
       locale: dateFnsLocale
     });
   }
-
-  isValidTimeZone(timeZone) {
-    const propTimeZone = this.getProp('timeZone');
-
-    const _timeZone = isNullOrUndefined(timeZone) ? propTimeZone : timeZone;
-
-    return ['string', 'number'].includes(typeof _timeZone) && _timeZone !== '';
-  }
   /**
    * 根据 type 处理 onChange 返回的参数
    *
@@ -457,8 +449,9 @@ export default class MonthsGridFoundation extends BaseFoundation {
   disposeCallbackArgs(value) {
     let _value = Array.isArray(value) ? value : value && [value] || [];
 
-    if (this.isValidTimeZone()) {
-      const timeZone = this.getProp('timeZone');
+    const timeZone = this.getProp('timeZone');
+
+    if (isValidTimeZone(timeZone)) {
       _value = _value.map(date => zonedTimeToUtc(date, timeZone));
     }
 

package/lib/es/spin/spin.css

@@ -26,6 +26,7 @@
 .semi-spin-wrapper > svg {
   animation: 600ms linear infinite semi-animation-rotate;
   animation-fill-mode: forwards;
+  vertical-align: top;
   width: 20px;
   height: 20px;
 }

package/lib/es/spin/spin.scss

@@ -29,6 +29,7 @@ $module: #{$prefix}-spin;
         & > svg {
             animation: $animation_duration-spin_wrapper-spin linear infinite #{$prefix}-animation-rotate;
             animation-fill-mode: forwards;
+            vertical-align: top;
             @include size($width-spin_middle);
         }
     }

package/lib/es/table/table.css

@@ -201,12 +201,14 @@
 }
 .semi-table-tbody > .semi-table-row {
   display: table-row;
+  background-color: var(--semi-color-bg-1);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
-  background-color: var(--semi-color-fill-0);
+  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
+  background-color: var(--semi-color-bg-0);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
-  background-color: var(--semi-color-bg-1);
+  background-image: linear-gradient(0deg, var(--semi-color-bg-1), var(--semi-color-bg-1));
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left::before, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right::before {
   background-color: var(--semi-color-fill-0);
@@ -230,7 +232,6 @@
   box-sizing: border-box;
   position: relative;
   vertical-align: middle;
-  background-color: var(--semi-color-bg-1);
 }
 .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
   border-right: 2px solid var(--semi-color-primary);

package/lib/es/table/table.scss

@@ -209,15 +209,19 @@ $module: #{$prefix}-table;
         display: table-row-group;
         & > .#{$module}-row {
             display: table-row;
+            background-color: $color-table_body-bg-default;
 
             &:hover {
                 & > .#{$module}-row-cell {
-                    background-color: $color-table_body-bg-hover;
+                    // $color-table_body-bg-hover has transparency，will reveal the background color $color-table_body-bg-default\
+                    // combine background-image and background-color to make the non-fixed column color does not show through the bottom color
+                    background-image: linear-gradient(0deg, $color-table_body-bg-hover, $color-table_body-bg-hover);
+                    background-color: $color-table_cell-bg-hover;
 
                     &.#{$module}-cell-fixed {
                         &-left,
                         &-right {
-                            background-color: $color-table_body-bg-default;
+                            background-image: linear-gradient(0deg, $color-table_body-bg-default, $color-table_body-bg-default);
 
                             &::before {
                                 background-color: $color-table_body-bg-hover;
@@ -246,7 +250,6 @@ $module: #{$prefix}-table;
                 box-sizing: border-box;
                 position: relative;
                 vertical-align: middle;
-                background-color: $color-table_body-bg-default;
 
                 &.resizing {
                     border-right: $width-table_resizer_border solid $color-table_resizer-bg-default;

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

@@ -1,8 +1,6 @@
 import { strings } from './constants';
-export declare function cloneDeep(value: any, customizer?: (v: any) => any): any;
 export declare function equalWith(value: any, other: any, customizer?: (...args: any[]) => boolean): boolean;
 export declare function getColumnKey(column: any, keyPropNames: any[]): any;
-export declare function mergeColumns(oldColumns?: any[], newColumns?: any[], keyPropNames?: any[], deep?: boolean): any[];
 /**
  *
  * @param {Array<number>} arr
@@ -81,7 +79,58 @@ 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>[]): any;
+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;
+    };
+};
 /**
  * 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

@@ -4,27 +4,13 @@ import _includes from "lodash/includes";
 import _some from "lodash/some";
 import _findIndex from "lodash/findIndex";
 import _each from "lodash/each";
-import _clone from "lodash/clone";
-import _map from "lodash/map";
 import _find from "lodash/find";
 import _filter from "lodash/filter";
 import _get from "lodash/get";
 import _isEqualWith from "lodash/isEqualWith";
-import _cloneDeepWith from "lodash/cloneDeepWith";
 import { strings, numbers } from './constants';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
 import Logger from '../utils/Logger';
-export function cloneDeep(value, customizer) {
-  return _cloneDeepWith(value, v => {
-    if (typeof v === 'function') {
-      return v;
-    } else if (typeof customizer === 'function') {
-      return customizer(v);
-    }
-
-    return undefined;
-  });
-}
 export function equalWith(value, other, customizer) {
   return _isEqualWith(value, other, function (objVal, othVal) {
     if (typeof objVal === 'function' && typeof othVal === 'function') {
@@ -59,34 +45,6 @@ export function getColumnKey(column, keyPropNames) {
 
   return key;
 }
-export function mergeColumns() {
-  let oldColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let newColumns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let keyPropNames = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  let deep = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  const finalColumns = [];
-  const clone = deep ? cloneDeep : _clone;
-
-  if (deep) {
-    const logger = new Logger('[@douyinfe/semi-ui Table]');
-    logger.warn('Should not deep merge columns from foundation since columns may have react elements. Merge columns deep from semi-ui');
-  }
-
-  _map(newColumns, newColumn => {
-    newColumn = Object.assign({}, newColumn);
-    const key = getColumnKey(newColumn, keyPropNames);
-
-    const oldColumn = key != null && _find(oldColumns, item => getColumnKey(item, keyPropNames) === key);
-
-    if (oldColumn) {
-      finalColumns.push(clone(Object.assign(Object.assign({}, oldColumn), newColumn)));
-    } else {
-      finalColumns.push(clone(newColumn));
-    }
-  });
-
-  return finalColumns;
-}
 /**
  *
  * @param {Array<number>} arr
@@ -445,7 +403,7 @@ export function mergeQueries(query) {
  */
 
 export function withResizeWidth(columns, newColumns) {
-  const _newColumns = cloneDeep(newColumns);
+  const _newColumns = Object.assign({}, newColumns);
 
   for (const column of columns) {
     if (!isNullOrUndefined(column.width)) {

package/lib/es/table/variables.scss

@@ -75,6 +75,8 @@ $color-table_resizer-bg-default: var(--semi-color-primary); // 表格拉伸标
 $color-table_selection-bg-default: rgba(var(--semi-grey-0), 1); // 表格分组背景色
 $color-table_placeholder-text-default: var(--semi-color-text-2); // 表格空数据文本颜色
 
+$color-table_cell-bg-hover: var(--semi-color-bg-0); // 让表格在 hover 时正确显示 $color-table_body-bg-hover 颜色，如无必要不要修改
+
 // Other
 $font-table_base-fontSize: 14px; // 表格默认文本字号
 $border-table_base-borderStyle: solid; // 表格描边样式

package/lib/es/tree/tree.css

@@ -278,6 +278,7 @@
 }
 .semi-tree-option-list-block .semi-tree-option-spin-icon {
   display: flex;
+  line-height: 0;
   color: var(--semi-color-primary);
 }
 .semi-tree-option-list-block .semi-tree-option-spin-icon svg {

package/lib/es/tree/tree.scss

@@ -302,6 +302,7 @@ $module: #{$prefix}-tree;
 
         &-spin-icon {
             display: flex;
+            line-height: 0; // make the spin icon in the center
             & svg {
                 width: $width-tree_spinIcon;
                 height: $width-tree_spinIcon;

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

@@ -21,7 +21,7 @@ export interface BasicTriggerRenderProps {
     value: BasicTreeNodeData[];
     onClear: (e: any) => void;
     onSearch: (inputValue: string) => void;
-    onRemove: (value: string) => void;
+    onRemove: (key: string) => void;
 }
 export declare type BasicOnChangeWithObject = (node: BasicTreeNodeData[] | BasicTreeNodeData, e: any) => void;
 export declare type BasicOnChangeWithBasic = (value: BasicTreeNodeData['value'], node: BasicTreeNodeData[] | BasicTreeNodeData, e: any) => void;

package/lib/es/upload/upload.css

@@ -214,6 +214,9 @@
   position: relative;
   top: -1px;
 }
+.semi-upload-file-card-icon-loading {
+  line-height: 0;
+}
 .semi-upload-file-card-icon-loading .semi-spin-wrapper svg {
   height: 11px;
   width: 11px;

package/lib/es/upload/upload.scss

@@ -258,6 +258,7 @@ $module: #{$prefix}-upload;
             }
 
             &-loading {
+                line-height: 0; // make the spin icon in the center
                 .#{$prefix}-spin-wrapper svg {
                     height: $width-upload_file_card-icon;
                     width: $width-upload_file_card-icon;

package/lib/es/utils/date-fns-extra.d.ts

@@ -18,30 +18,37 @@ export declare const toIANA: (tz: string | number) => any;
  * @returns {Date}
  */
 declare const parse: (date: string | number | Date, formatToken: string, options?: any) => Date;
+declare const format: (date: number | Date, formatToken: string, options?: any) => string;
 /**
+ * Returns a Date which will format as the local time of any time zone from a specific UTC time
  *
- * @param {string | number | Date} date
- * @param {string} formatToken
- * @param {object} [options]
- * @param {string} [options.timeZone]
- */
-declare const format: (date: string | number | Date, formatToken: string, options?: any) => string;
-/**
+ * @example
+ * ```javascript
+ * import { utcToZonedTime } from 'date-fns-tz'
+ * const { isoDate, timeZone } = fetchInitialValues() // 2014-06-25T10:00:00.000Z, America/New_York
+ * const date = utcToZonedTime(isoDate, timeZone) // In June 10am UTC is 6am in New York (-04:00)
+ * renderDatePicker(date) // 2014-06-25 06:00:00 (in the system time zone)
+ * renderTimeZoneSelect(timeZone) // America/New_York
+ * ```
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @see https://github.com/marnusw/date-fns-tz#utctozonedtime
  */
-declare const utcToZonedTime: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+declare const utcToZonedTime: (date: string | number | Date, timeZone: string | number, options?: OptionsWithTZ) => Date;
 /**
+ * Given a date and any time zone, returns a Date with the equivalent UTC time
  *
- * @param {string | number | Date} date
- * @param {string} timeZone
- * @param {object} options
- * @returns {Date}
+ * @example
+ * ```
+ * import { zonedTimeToUtc } from 'date-fns-tz'
+ * const date = getDatePickerValue() // e.g. 2014-06-25 10:00:00 (picked in any time zone)
+ * const timeZone = getTimeZoneValue() // e.g. America/Los_Angeles
+ * const utcDate = zonedTimeToUtc(date, timeZone) // In June 10am in Los Angeles is 5pm UTC
+ * postToServer(utcDate.toISOString(), timeZone) // post 2014-06-25T17:00:00.000Z, America/Los_Angeles
+ * ```
+ *
+ * @see https://github.com/marnusw/date-fns-tz#zonedtimetoutc
  */
-declare const zonedTimeToUtc: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+declare const zonedTimeToUtc: (date: string | number | Date, timeZone: string | number, options?: OptionsWithTZ) => Date;
 /**
  * return current system hour offset based on utc:
  *