@douyinfe/semi-ui 2.57.1-alpha.0 → 2.58.0

package/lib/cjs/_base/base.css

@@ -203,7 +203,7 @@ body, body .semi-always-light, :host, :host .semi-always-light {
   --semi-yellow-9: 83,72,0;
 }
 
-body[theme-mode=dark], body .semi-always-dark, :host-context(body[theme-mode=dark]), :host .semi-always-dark {
+body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
   --semi-red-0: 108,9,11;
   --semi-red-1: 144,17,16;
   --semi-red-2: 180,32,25;
@@ -478,7 +478,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-data-19: rgba(188, 198, 255, 1);
 }
 
-body[theme-mode=dark], body .semi-always-dark, :host-context(body[theme-mode=dark]), :host .semi-always-dark {
+body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   --semi-color-white: rgba(228, 231, 245, 1);

package/lib/cjs/button/Button.d.ts

@@ -4,7 +4,7 @@ import '@douyinfe/semi-foundation/lib/cjs/button/button.css';
 import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
 export type HtmlType = 'button' | 'reset' | 'submit';
 export type Size = 'default' | 'small' | 'large';
-export type Theme = 'solid' | 'borderless' | 'light';
+export type Theme = 'solid' | 'borderless' | 'light' | 'outline';
 export type Type = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
 export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     id?: string;

package/lib/cjs/button/Button.js

@@ -60,6 +60,7 @@ class Button extends _react.PureComponent {
         [`${prefixCls}-block`]: block,
         [`${prefixCls}-circle`]: circle,
         [`${prefixCls}-borderless`]: theme === 'borderless',
+        [`${prefixCls}-outline`]: theme === "outline",
         [`${prefixCls}-${type}-disabled`]: disabled && type
       }, className),
       type: htmlType,

package/lib/cjs/datePicker/monthsGrid.d.ts

@@ -86,7 +86,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
     renderMonth(month: Date, panelType: PanelType): JSX.Element;
     handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
     reselect: () => void;
-    getYAMOpenType: () => "none" | "left" | "right" | "both";
+    getYAMOpenType: () => "both" | "none" | "left" | "right";
     renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderSwitch(panelType: PanelType): JSX.Element;

package/lib/cjs/form/baseForm.d.ts

@@ -86,7 +86,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
         position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-        onSearch?: (value: string, event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+        onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;
         dropdownMargin?: number | {
@@ -140,7 +140,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/cjs/form/field.d.ts

@@ -32,7 +32,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
     position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-    onSearch?: (value: string, event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void;
+    onSearch?: (value: string, event: import("react").KeyboardEvent<Element> | import("react").MouseEvent<Element, MouseEvent>) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;
     dropdownMargin?: number | {
@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/cjs/locale/interface.d.ts

@@ -12,6 +12,9 @@ export interface Locale {
         confirm: string;
         cancel: string;
     };
+    Tabs: {
+        more: string;
+    };
     TimePicker: {
         placeholder: {
             time: string;

package/lib/cjs/locale/source/ar.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'تؤكد',
     cancel: 'إلغاء'
   },
+  Tabs: {
+    more: "أكثر"
+  },
   TimePicker: {
     placeholder: {
       time: 'حدد الوقت',

package/lib/cjs/locale/source/de.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Bestätigen',
     cancel: 'Abbrechen'
   },
+  Tabs: {
+    more: "Mehr"
+  },
   TimePicker: {
     placeholder: {
       time: 'Zeit auswählen',

package/lib/cjs/locale/source/en_GB.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Confirm',
     cancel: 'Cancel'
   },
+  Tabs: {
+    more: "More"
+  },
   TimePicker: {
     placeholder: {
       time: 'Select time',

package/lib/cjs/locale/source/en_US.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Confirm',
     cancel: 'Cancel'
   },
+  Tabs: {
+    more: "More"
+  },
   TimePicker: {
     placeholder: {
       time: 'Select time',

package/lib/cjs/locale/source/es.js

@@ -22,6 +22,9 @@ const locale = {
     confirm: 'Aceptar',
     cancel: 'Cancelar'
   },
+  Tabs: {
+    more: "Más"
+  },
   TimePicker: {
     placeholder: {
       time: 'Seleccionar hora',

package/lib/cjs/locale/source/fr.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Confirmer',
     cancel: 'Annuler'
   },
+  Tabs: {
+    more: "Plus"
+  },
   TimePicker: {
     placeholder: {
       time: 'Sélectionner temps',

package/lib/cjs/locale/source/id_ID.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Konfirmasi',
     cancel: 'Batalkan'
   },
+  Tabs: {
+    more: "Lagi"
+  },
   TimePicker: {
     placeholder: {
       time: 'Pilih waktu',

package/lib/cjs/locale/source/it.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Conferma',
     cancel: 'Cancella'
   },
+  Tabs: {
+    more: "Di più"
+  },
   TimePicker: {
     placeholder: {
       time: 'Seleziona ora',

package/lib/cjs/locale/source/ja_JP.js

@@ -18,6 +18,9 @@ const local = {
     confirm: '確認する',
     cancel: 'キャンセル'
   },
+  Tabs: {
+    more: "もっと"
+  },
   TimePicker: {
     placeholder: {
       time: '時間を選択してください',

package/lib/cjs/locale/source/ko_KR.js

@@ -18,6 +18,9 @@ const local = {
     confirm: '확인',
     cancel: '취소'
   },
+  Tabs: {
+    more: "더"
+  },
   TimePicker: {
     placeholder: {
       time: '시간 선택',

package/lib/cjs/locale/source/ms_MY.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Sahkan',
     cancel: 'Batal'
   },
+  Tabs: {
+    more: "Lagi"
+  },
   TimePicker: {
     placeholder: {
       time: 'Pilih masa',

package/lib/cjs/locale/source/nl_NL.js

@@ -23,6 +23,9 @@ const local = {
     confirm: 'Bevestigen',
     cancel: 'Annuleren'
   },
+  Tabs: {
+    more: "Meer"
+  },
   TimePicker: {
     placeholder: {
       time: 'Tijd selecteren',

package/lib/cjs/locale/source/pl_PL.js

@@ -23,6 +23,9 @@ const local = {
     confirm: 'Potwierdź',
     cancel: 'Anuluj'
   },
+  Tabs: {
+    more: "Więcej"
+  },
   TimePicker: {
     placeholder: {
       time: 'Wybierz czas',

package/lib/cjs/locale/source/pt_BR.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'OK',
     cancel: 'Cancelar'
   },
+  Tabs: {
+    more: "Mais"
+  },
   TimePicker: {
     placeholder: {
       time: 'Por favor escolha a hora',

package/lib/cjs/locale/source/ro.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Confirmă',
     cancel: 'Anulează'
   },
+  Tabs: {
+    more: "Mai mult"
+  },
   TimePicker: {
     placeholder: {
       time: 'Selectează timpul',

package/lib/cjs/locale/source/ru_RU.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'подтвердить',
     cancel: 'отмена'
   },
+  Tabs: {
+    more: "Более"
+  },
   TimePicker: {
     placeholder: {
       time: 'Выбрать время',

package/lib/cjs/locale/source/sv_SE.js

@@ -22,6 +22,9 @@ const local = {
     confirm: 'Bekräfta',
     cancel: 'Avbryt'
   },
+  Tabs: {
+    more: "Mer"
+  },
   TimePicker: {
     placeholder: {
       time: 'Välj tid',

package/lib/cjs/locale/source/th_TH.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'ตกลง',
     cancel: 'ยกเลิก'
   },
+  Tabs: {
+    more: "มากกว่า"
+  },
   TimePicker: {
     placeholder: {
       time: 'โปรดเลือกเวลา',

package/lib/cjs/locale/source/tr_TR.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Tamam',
     cancel: 'İptal'
   },
+  Tabs: {
+    more: "Daha"
+  },
   TimePicker: {
     placeholder: {
       time: 'Lütfen bir zaman seçin',

package/lib/cjs/locale/source/vi_VN.js

@@ -18,6 +18,9 @@ const local = {
     confirm: 'Xác nhận',
     cancel: 'Huỷ bỏ'
   },
+  Tabs: {
+    more: "Hơn"
+  },
   TimePicker: {
     placeholder: {
       time: 'Chọn thời gian',

package/lib/cjs/locale/source/zh_CN.js

@@ -18,6 +18,9 @@ const local = {
     confirm: '确定',
     cancel: '取消'
   },
+  Tabs: {
+    more: "更多"
+  },
   TimePicker: {
     placeholder: {
       time: '请选择时间',

package/lib/cjs/locale/source/zh_TW.js

@@ -18,6 +18,9 @@ const local = {
     confirm: '確定',
     cancel: '取消'
   },
+  Tabs: {
+    more: "更多"
+  },
   TimePicker: {
     placeholder: {
       time: '請選擇時間',

package/lib/cjs/modal/confirm.d.ts

@@ -146,19 +146,19 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
+    title?: React.ReactNode;
     children?: React.ReactNode;
+    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
+    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
-    title?: React.ReactNode;
     direction?: any;
     mask?: boolean;
     visible?: boolean;
     zIndex?: number;
-    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
-    motion?: boolean;
     width?: string | number;
     height?: string | number;
     content?: React.ReactNode;
@@ -209,10 +209,13 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
+        title?: string;
+        name?: string;
         value?: string | number | readonly string[];
+        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
         form?: string;
         slot?: string;
-        title?: string;
         prefix?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -367,9 +370,7 @@ export declare function withError(props: ModalReactProps): {
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement>;
         onWheel?: React.WheelEventHandler<HTMLButtonElement>;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement>;
-        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement>;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
@@ -383,7 +384,6 @@ export declare function withError(props: ModalReactProps): {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         autoFocus?: boolean;
-        name?: string;
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -391,7 +391,7 @@ export declare function withError(props: ModalReactProps): {
         translate?: "no" | "yes";
         role?: React.AriaRole;
         contentEditable?: "inherit" | (boolean | "true" | "false");
-        inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
+        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
         nonce?: string;
         tabIndex?: number;
         content?: string;
@@ -425,7 +425,7 @@ export declare function withError(props: ModalReactProps): {
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "both" | "inline";
+        'aria-autocomplete'?: "both" | "none" | "list" | "inline";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;

package/lib/cjs/navigation/Item.js

@@ -217,7 +217,7 @@ class NavItem extends _baseComponent.default {
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onKeyPress: this.handleKeyPress
-      }), itemChildren);
+      }, this.getDataAttr(this.props)), itemChildren);
     }
     // Display Tooltip when disabled and SubNav
     if (isCollapsed && !isInSubNav && !isSubNav || isCollapsed && isSubNav && disabled) {

package/lib/cjs/slider/index.js

@@ -273,11 +273,11 @@ class Slider extends _baseComponent.default {
       const minPercent = percentInfo.min;
       const maxPercent = percentInfo.max;
       let trackStyle = !vertical ? {
-        width: range ? `${(maxPercent - minPercent) * 100}%` : `${minPercent * 100}%`,
-        left: range ? `${minPercent * 100}%` : 0
+        width: range ? `${Math.abs(maxPercent - minPercent) * 100}%` : `${minPercent * 100}%`,
+        left: range ? `${Math.min(minPercent, maxPercent) * 100}%` : 0
       } : {
-        height: range ? `${(maxPercent - minPercent) * 100}%` : `${minPercent * 100}%`,
-        top: range ? `${minPercent * 100}%` : 0
+        height: range ? `${Math.abs(maxPercent - minPercent) * 100}%` : `${minPercent * 100}%`,
+        top: range ? `${Math.min(minPercent, maxPercent) * 100}%` : 0
       };
       trackStyle = included ? trackStyle : {};
       return (
@@ -455,7 +455,9 @@ class Slider extends _baseComponent.default {
         let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _noop2.default;
         this.setState(stateObj, callback);
       },
-      notifyChange: cbValue => this.props.onChange(cbValue),
+      notifyChange: cbValue => {
+        this.props.onChange(Array.isArray(cbValue) ? [...cbValue].sort() : cbValue);
+      },
       setDragging: value => {
         this.dragging = value;
       },
@@ -608,7 +610,8 @@ class Slider extends _baseComponent.default {
       [`${prefixCls}`]: !vertical,
       [_constants.cssClasses.VERTICAL]: vertical
     });
-    const ariaLabel = range ? `Range: ${this._getAriaValueText(currentValue[0], 0)} to ${this._getAriaValueText(currentValue[1], 1)}` : undefined;
+    const fixedCurrentValue = Array.isArray(currentValue) ? [...currentValue].sort() : currentValue;
+    const ariaLabel = range ? `Range: ${this._getAriaValueText(fixedCurrentValue[0], 0)} to ${this._getAriaValueText(fixedCurrentValue[1], 1)}` : undefined;
     const slider = /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: wrapperClass,
       style: style,

package/lib/cjs/table/Body/BaseRow.d.ts

@@ -158,11 +158,9 @@ export default class TableRow extends BaseComponent<BaseRowProps, Record<string,
         disabled: boolean;
     };
     get adapter(): TableRowAdapter<BaseRowProps>;
-    ref: React.MutableRefObject<any>;
     constructor(props: BaseRowProps);
     componentDidMount(): void;
     shouldComponentUpdate(nextProps: BaseRowProps): boolean;
-    _cacheNode: (node: any) => void;
     renderExpandIcon: (record: Record<string, any>) => React.ReactNode;
     renderCells(): React.ReactNode[];
     handleMouseEnter: (e: React.MouseEvent) => void;

package/lib/cjs/table/Body/BaseRow.js

@@ -11,7 +11,7 @@ var _stubTrue2 = _interopRequireDefault(require("lodash/stubTrue"));
 var _get2 = _interopRequireDefault(require("lodash/get"));
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
 var _each2 = _interopRequireDefault(require("lodash/each"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
@@ -20,8 +20,6 @@ var _tableRowFoundation = _interopRequireDefault(require("@douyinfe/semi-foundat
 var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
 var _baseComponent = _interopRequireDefault(require("../../_base/baseComponent"));
 var _TableCell = _interopRequireDefault(require("../TableCell"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -98,9 +96,6 @@ class TableRow extends _baseComponent.default {
   }
   constructor(props) {
     super(props);
-    this._cacheNode = node => {
-      this.ref.current = node;
-    };
     // Pass true to render the tree-shaped expand button
     this.renderExpandIcon = record => {
       const {
@@ -129,7 +124,6 @@ class TableRow extends _baseComponent.default {
         customRowProps.onClick(e);
       }
     };
-    this.ref = /*#__PURE__*/(0, _react.createRef)();
     this.foundation = new _tableRowFoundation.default(this.adapter);
   }
   componentDidMount() {
@@ -270,7 +264,8 @@ class TableRow extends _baseComponent.default {
       expandableRow,
       level,
       expandedRow,
-      isSection
+      isSection,
+      rowKey
     } = this.props;
     const BodyRow = components.body.row;
     const _a = onRow(record, index) || {},
@@ -309,7 +304,7 @@ class TableRow extends _baseComponent.default {
     }, ariaProps, rowProps, {
       style: baseRowStyle,
       className: rowCls,
-      ref: this._cacheNode,
+      "data-row-key": rowKey,
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave,
       onClick: this.handleClick

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ColumnProps } from './interface';
+import { ColumnProps, TableComponents } from './interface';
 export interface ColGroupProps {
     columns?: ColumnProps[];
     prefixCls?: string;
     className?: string;
     style?: React.CSSProperties;
-    components?: Record<string, any>;
+    components?: TableComponents['body'];
 }
 export default class ColGroup extends React.PureComponent<ColGroupProps> {
     static propTypes: {

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

@@ -188,29 +188,30 @@ export interface Data {
     [x: string]: any;
     key?: string | number;
 }
+export type TableComponent<P> = React.ComponentType<P> | React.ForwardRefExoticComponent<P> | keyof React.ReactHTML;
 export interface TableComponents {
-    table?: ReactNode;
+    table?: TableComponent<any>;
     header?: {
-        outer?: ReactNode;
-        wrapper?: ReactNode;
-        row?: ReactNode;
-        cell?: ReactNode;
+        outer?: TableComponent<any>;
+        wrapper?: TableComponent<any>;
+        row?: TableComponent<any>;
+        cell?: TableComponent<any>;
     };
     body?: {
-        outer?: ReactNode;
-        wrapper?: ReactNode;
-        row?: ReactNode;
-        cell?: ReactNode;
+        outer?: TableComponent<any>;
+        wrapper?: TableComponent<any>;
+        row?: TableComponent<any>;
+        cell?: TableComponent<any>;
         colgroup?: {
-            wrapper?: ReactNode;
-            col?: ReactNode;
+            wrapper?: TableComponent<any>;
+            col?: TableComponent<any>;
         };
     };
     footer?: {
-        wrapper?: ReactNode;
-        row?: ReactNode;
-        cell?: ReactNode;
-        outer?: ReactNode;
+        wrapper?: TableComponent<any>;
+        row?: TableComponent<any>;
+        cell?: TableComponent<any>;
+        outer?: TableComponent<any>;
     };
 }
 export interface RowSelectionProps<RecordType> {

package/lib/cjs/tabs/TabBar.d.ts

@@ -1,5 +1,6 @@
 import React, { MouseEvent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
+import { DropdownProps } from '../dropdown';
 import { TabBarProps, PlainTab } from './interface';
 export interface TabBarState {
     endInd: number;
@@ -25,6 +26,7 @@ declare class TabBar extends React.Component<TabBarProps, TabBarState> {
         type: PropTypes.Requireable<string>;
         closable: PropTypes.Requireable<boolean>;
         deleteTabItem: PropTypes.Requireable<(...args: any[]) => any>;
+        more: PropTypes.Requireable<NonNullable<number | object>>;
     };
     constructor(props: TabBarProps);
     componentDidMount(): void;
@@ -38,6 +40,8 @@ declare class TabBar extends React.Component<TabBarProps, TabBarState> {
     renderCollapse: (items: Array<OverflowItem>, icon: ReactNode, pos: 'start' | 'end') => ReactNode;
     renderOverflow: (items: any[]) => Array<ReactNode>;
     renderCollapsedTab: () => ReactNode;
+    renderWithMoreTrigger: () => ReactNode;
+    renderMoreDropdown: (panels: PlainTab[], dropDownProps: DropdownProps, trigger: ReactNode) => ReactNode;
     render(): ReactNode;
     private _isActive;
     private _getItemKey;