tdesign-react 0.27.0 → 0.28.0

package/es/table/type.d.ts

@@ -1,12 +1,17 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-27 17:08:43
  * */
+import { AffixProps } from '../affix';
+import { LoadingProps } from '../loading';
 import { PaginationProps, PageInfo } from '../pagination';
+import { PopupProps } from '../popup';
+import { CheckboxGroupProps } from '../checkbox';
+import { DialogProps } from '../dialog';
+import { CheckboxGroupValue } from '../checkbox';
 import { CheckboxProps } from '../checkbox';
 import { RadioProps } from '../radio';
 import { InputProps } from '../input';
-import { TNode, TElement, OptionData, SizeEnum, ClassName } from '../common';
+import { TNode, TElement, OptionData, SizeEnum, ClassName, HTMLElementAttributes } from '../common';
 import { MouseEvent, WheelEvent } from 'react';
 export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
     /**
@@ -25,29 +30,39 @@ export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
      */
     data?: Array<T>;
     /**
-     * 是否禁用本地数据排序。当 `data` 数据长度超过分页大小时，会自动进行本地数据排序。如果 `disabledDataSort` 设置为 true，则无论何时，都不会进行本地排序
+     * 是否禁用本地数据分页。当 `data` 数据长度超过分页大小时，会自动进行本地数据分页。如果 `disableDataPage` 设置为 true，则无论何时，都不会进行本地数据分页
      * @default false
      */
-    disableDataSort?: boolean;
+    disableDataPage?: boolean;
     /**
-     * 空表格呈现样式
+     * 空表格呈现样式，支持全局配置 `GlobalConfigProvider`
      * @default ''
      */
     empty?: TNode;
-    /**
-     * 展开行内容，可自定义，泛型 T 指表格数据类型
-     */
-    expandedRow?: string | TNode<{
-        row: T;
-        index: number;
-    }>;
     /**
      * 首行内容
      */
     firstFullRow?: TNode;
     /**
-     * 表格高度，超出后会出现滚动条。示例：100,  '30%',  '300px'。值为数字类型，会自动加上单位 px
-     * @default 'auto'
+     * 固定行（冻结行），示例：[M, N]，表示冻结表头 M 行和表尾 N 行。M 和 N 值为 0 时，表示不冻结行
+     */
+    fixedRows?: Array<number>;
+    /**
+     * 表尾数据源，泛型 T 指表格数据类型
+     * @default []
+     */
+    footData?: Array<T>;
+    /**
+     * 【开发中】表头吸顶
+     * @default false
+     */
+    headerAffixedTop?: boolean;
+    /**
+     * 【开发中】表头吸顶基于 Affix 组件开发，透传全部 Affix 组件属性
+     */
+    headerAffixProps?: AffixProps;
+    /**
+     * 表格高度，超出后会出现滚动条。示例：100,  '30%',  '300px'。值为数字类型，会自动加上单位 px。如果不是绝对固定表格高度，建议使用 `maxHeight`
      */
     height?: string | number;
     /**
@@ -64,30 +79,39 @@ export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
      * @default false
      */
     loading?: TNode;
+    /**
+     * 透传加载组件全部属性
+     */
+    loadingProps?: LoadingProps;
     /**
      * 表格最大高度，超出后会出现滚动条。示例：100, '30%', '300px'。值为数字类型，会自动加上单位 px
      */
     maxHeight?: string | number;
     /**
-     * 分页配置，值为空则不显示。具体 API 参考分页组件
+     * 分页配置，值为空则不显示。具体 API 参考分页组件。当 `data` 数据长度超过分页大小时，会自动对本地数据 `data` 进行排序，如果不希望对于 `data` 进行排序，可以设置 `disableDataPage = true`。
      */
     pagination?: PaginationProps;
     /**
-     * 行类名，泛型 T 指表格数据类型
+     * HTML 标签 `tr` 的属性。`params.row` 表示行数据；`params.rowIndex` 表示行下标；`params.type=body` 表示属性作用于 `tbody` 中的元素；`params.type=body` 表示属性作用于 `tfoot` 中的元素。<br />示例一：{ draggable: true }，示例二：[{ draggable: true }, { title: '超出省略显示' }]
      */
-    rowClassName?: ClassName | ((params: {
-        row: T;
-        rowIndex: number;
-    }) => ClassName);
+    rowAttributes?: TableRowAttributes<T>;
+    /**
+     * 行类名，泛型 T 指表格数据类型。`params.row` 表示行数据；`params.rowIndex` 表示行下标；`params.type=body`  表示类名作用于 `tbody` 中的元素；`params.type=body` 表示类名作用于 `tfoot` 中的元素
+     */
+    rowClassName?: ClassName | ((params: RowClassNameParams<T>) => ClassName);
     /**
      * 使用 rowKey 唯一标识一行数据
      * @default ''
      */
     rowKey: string;
     /**
-     * 用于自定义合并单元格，泛型 T 指表格数据类型
+     * 用于自定义合并单元格，泛型 T 指表格数据类型。示例：`({ row, col, rowIndex, colIndex }) => { rowspan: 2, colspan: 3 }`
      */
-    rowspanAndColspan?: (params: RowspanAndColspanParams<T>) => RowspanColspan;
+    rowspanAndColspan?: TableRowspanAndColspanFunc<T>;
+    /**
+     * 懒加载和虚拟滚动
+     */
+    scroll?: TableScroll;
     /**
      * 表格尺寸
      * @default medium
@@ -98,6 +122,11 @@ export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
      * @default false
      */
     stripe?: boolean;
+    /**
+     * 表格内容的总宽度，注意不是表格可见宽度。主要应用于 `table-layout: auto` 模式下的固定列显示。`tableContentWidth` 内容宽度的值必须大于表格可见宽度
+     * @default ''
+     */
+    tableContentWidth?: string;
     /**
      * 表格布局方式
      * @default fixed
@@ -112,6 +141,10 @@ export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
      * @default middle
      */
     verticalAlign?: 'top' | 'middle' | 'bottom';
+    /**
+     * 单元格点击时触发
+     */
+    onCellClick?: (context: BaseTableCellEventContext<T>) => void;
     /**
      * 分页发生变化时触发。参数 newDataSource 表示分页后的数据。本地数据进行分页时，newDataSource 和源数据 data 会不一样。泛型 T 指表格数据类型
      */
@@ -145,13 +178,21 @@ export interface TdBaseTableProps<T extends TableRowData = TableRowData> {
      */
     onRowMouseup?: (context: RowEventContext<T>) => void;
     /**
-     * 表格内容横向滚动时触发
+     * 表格内容滚动时触发
+     */
+    onScroll?: (params: {
+        e: WheelEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 表格内容横向滚动时触发。请更为使用 `onScroll` 事件
+     * @deprecated
      */
     onScrollX?: (params: {
         e: WheelEvent<HTMLDivElement>;
     }) => void;
     /**
-     * 表格内容纵向滚动时触发。当内容超出高度(height)或最大高度(max-height)时，会出现纵向滚动条
+     * 表格内容纵向滚动时触发。当内容超出高度(height)或最大高度(max-height)时，会出现纵向滚动条。请更为使用 `onScroll` 事件
+     * @deprecated
      */
     onScrollY?: (params: {
         e: WheelEvent<HTMLDivElement>;
@@ -185,15 +226,22 @@ export interface BaseTableCol<T extends TableRowData = TableRowData> {
      */
     colKey?: string;
     /**
-     * 内容超出时，是否显示省略号。值为 true ，则浮层默认显示单元格内容；值类型为 Function 则显示自定义内容
+     * 内容超出时，是否显示省略号。值为 `true`，则浮层默认显示单元格内容；值类型为 `Function` 则自定义浮层显示内容；值类型为 `Object`，则自动透传属性到 Popup 组件
      * @default false
      */
-    ellipsis?: boolean | TNode<BaseTableCellParams<T>>;
+    ellipsis?: boolean | TNode<BaseTableCellParams<T>> | PopupProps;
     /**
      * 固定列显示位置
      * @default left
      */
     fixed?: 'left' | 'right';
+    /**
+     * 自定义表尾内容
+     */
+    foot?: string | TNode | TNode<{
+        col: BaseTableCol;
+        colIndex: number;
+    }>;
     /**
      * 列最小宽度
      */
@@ -219,23 +267,28 @@ export interface TdPrimaryTableProps<T extends TableRowData = TableRowData> exte
      * 异步加载状态。值为 `loading` 显示默认文字 “正在加载中，请稍后”，值为 `loading-more` 显示“点击加载更多”，值为其他，表示完全自定义异步加载区域内容
      */
     asyncLoading?: 'loading' | 'load-more' | TNode;
+    /**
+     * 【开发中】自定义显示列控制器，值为空不会显示。<br />`columnController.fields` 表示只允许用户对数组里面的列进行显示或隐藏的控制，默认为全部字段。<br />`columnController.displayType` 是指字段呈现方式：`fixed-width` 表示固定宽度，每行固定数量，横向和纵向均对齐，`auto-width` 表示宽度随列标题数量自由显示，横向铺满，纵向不要求对齐，默认为 `auto-width`。<br />支持透传 CheckboxGroup 和 Dialog 组件等全部属性
+     */
+    columnController?: TableColumnController;
+    /**
+     * 【开发中】自定义显示列控制器的内容呈现，可以填充任意内容
+     */
+    columnControllerContent?: TNode;
     /**
      * 列配置，泛型 T 指表格数据类型
      * @default []
      */
     columns?: Array<PrimaryTableCol<T>>;
     /**
-     * 是否开始拖拽排序，会显示拖拽图标
+     * 是否开启拖拽排序
      * @default false
      */
     dragSort?: boolean;
     /**
      * 展开行内容，泛型 T 指表格数据类型
      */
-    expandedRow?: TNode<{
-        row: T;
-        index: number;
-    }>;
+    expandedRow?: TNode<TableExpandedRowParams<T>>;
     /**
      * 展开行
      * @default []
@@ -247,16 +300,16 @@ export interface TdPrimaryTableProps<T extends TableRowData = TableRowData> exte
      */
     defaultExpandedRowKeys?: Array<string | number>;
     /**
-     * 用于控制是否显示「展开图标列」，值为 false 则不会显示。可以精确到某一行是否显示，还可以自定义展开图标内容，示例：`(h, { index }) => index === 0 ? false : <icon class='custom-icon' />`。expandedRow 存在时，该参数有效
+     * 用于控制是否显示「展开图标列」，值为 false 则不会显示。可以精确到某一行是否显示，还可以自定义展开图标内容，示例：`(h, { index }) => index === 0 ? false : <icon class='custom-icon' />`。expandedRow 存在时，该参数有效。支持全局配置 `GlobalConfigProvider`
      * @default true
      */
-    expandIcon?: TNode<ExpandArrowRenderParams<T>>;
+    expandIcon?: boolean | TNode<ExpandArrowRenderParams<T>>;
     /**
      * 是否允许点击行展开
      */
     expandOnRowClick?: boolean;
     /**
-     * 自定义过滤图标
+     * 自定义过滤图标，支持全局配置 `GlobalConfigProvider`
      */
     filterIcon?: TElement;
     /**
@@ -285,26 +338,26 @@ export interface TdPrimaryTableProps<T extends TableRowData = TableRowData> exte
      */
     defaultSelectedRowKeys?: Array<string | number>;
     /**
-     * 【开发中】是否显示 自定义显示列控制器
-     * @default false
-     */
-    showColumnController?: boolean;
-    /**
-     * 【开发中】是否显示为通过拖拽图标进行排序
+     * 【讨论中-待定】是否显示为通过拖拽图标进行排序
      * @default false
      */
     showDragCol?: boolean;
     /**
-     * 排序控制。sortBy 排序字段；descending 是否进行降序排列。值为数组时，表示正进行多字段排序。当 `data` 数据长度超过分页大小时，会自动对本地数据 `data` 进行排序，如果不希望对于 `data` 进行排序，可以设置 `disableDatasort = true`
+     * 排序控制。sortBy 排序字段；descending 是否进行降序排列。值为数组时，表示正进行多字段排序
      */
     sort?: TableSort;
     /**
-     * 排序控制。sortBy 排序字段；descending 是否进行降序排列。值为数组时，表示正进行多字段排序。当 `data` 数据长度超过分页大小时，会自动对本地数据 `data` 进行排序，如果不希望对于 `data` 进行排序，可以设置 `disableDatasort = true`，非受控属性
+     * 排序控制。sortBy 排序字段；descending 是否进行降序排列。值为数组时，表示正进行多字段排序，非受控属性
      */
     defaultSort?: TableSort;
+    /**
+     * 自定义排序图标，支持全局配置 `GlobalConfigProvider`
+     */
+    sortIcon?: TElement;
     /**
      * 允许表格行拖拽时排序
      * @default false
+     * @deprecated
      */
     sortOnRowDraggable?: boolean;
     /**
@@ -313,10 +366,18 @@ export interface TdPrimaryTableProps<T extends TableRowData = TableRowData> exte
     onAsyncLoadingClick?: (context: {
         status: 'loading' | 'load-more';
     }) => void;
+    /**
+     * 单元格点击时触发
+     */
+    onCellClick?: (context: PrimaryTableCellEventContext<T>) => void;
     /**
      * 分页、排序、过滤等内容变化时触发，泛型 T 指表格数据类型
      */
     onChange?: (data: TableChangeData, context: TableChangeContext<Array<T>>) => void;
+    /**
+     * 【开发中】列配置发生变化时触发。`context.columns` 表示已选中的列；`context.currentColumn` 表示本次变化操作的列，值不存在表示全选操作；`context.type` 表示当前操作属于选中列或是取消列
+     */
+    onColumnChange?: (context: PrimaryTableColumnChange<T>) => void;
     /**
      * 表格数据发生变化时触发，比如：本地排序方法 sorter
      */
@@ -374,7 +435,7 @@ export interface PrimaryTableCol<T extends TableRowData = TableRowData> extends
      */
     render?: TNode<PrimaryTableRenderParams<T>>;
     /**
-     * 该列是否支持排序。值为 true 表示该列支持排序；值类型为函数，表示对本地数据 `data` 进行排序。泛型 T 指表格数据类型
+     * 该列是否支持排序。值为 true 表示该列支持排序；值类型为函数，表示对本地数据 `data` 进行排序，返回值参考 [MDN Array.sort](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)。泛型 T 指表格数据类型
      * @default false
      */
     sorter?: boolean | SorterFun<T>;
@@ -391,12 +452,12 @@ export interface PrimaryTableCol<T extends TableRowData = TableRowData> extends
         colIndex: number;
     }>;
     /**
-     * 行选中有两种模式：单选和多选
+     * 行选中有两种模式：单选和多选。`colKey` 值为 `row-select` 时，表示当前列选中项， `type=single/multiple` 有效
      * @default single
      */
     type?: 'single' | 'multiple';
 }
-export interface TdEnhancedTableProps<T extends TableRowData = TableRowData> {
+export interface TdEnhancedTableProps<T extends TableRowData = TableRowData> extends TdPrimaryTableProps<T> {
     /**
      * 树形结构相关配置。`tree.indent` 表示树结点缩进距离，单位：px，默认为 24px。`tree.treeNodeColumnIndex` 表示树结点在第几列渲染，默认为 0 ，第一列。`tree.childrenKey` 表示树形结构子节点字段，默认为 children。`tree.checkStrictly` 表示树形结构的行选中（多选），父子行选中是否独立，默认独立，值为 true
      */
@@ -481,15 +542,47 @@ export interface TableColumnFilter {
      */
     type?: FilterType;
 }
+export interface TableScroll {
+    /**
+     * 表示表格除可视区域外，额外渲染的行数，避免表格快速滚动过程中，新出现的内容来不及渲染从而出现空白
+     * @default 20
+     */
+    bufferSize?: number;
+    /**
+     * 表示表格每行内容是否同一个固定高度，仅在 `scroll.type` 为 `virtual` 时有效，该属性设置为 `true` 时，可用于简化虚拟滚动内部计算逻辑，提升性能，此时则需要明确指定 `scroll.rowHeight` 属性的值
+     * @default false
+     */
+    isFixedRowHeight?: boolean;
+    /**
+     * 表格的行高，不会给`<tr>`元素添加样式高度，仅作为滚动时的行高参考。<br />`scroll.type` 为 `lazy` 时，`rowHeight` 用于给未渲染的行节点指定一个初始高度，该属性默认会设置为表格第一行的行高（滚动加载行数量 = 滚动距离 / rowHeight）。<br />`scroll.type` 为 `virtual` 时，`rowHeight` 用于估算每行的大致高度，从而决定应该渲染哪些行，请尽量将该属性设置为表格每行平均高度，从而使得表格滚动过程更加平滑
+     */
+    rowHeight?: number;
+    /**
+     * 表格滚动加载类型，有两种：懒加载和虚拟滚动。<br />值为 `lazy` ，表示表格滚动时会进行懒加载，非可视区域内的表格内容将不会默认渲染，直到该内容可见时，才会进行渲染，并且已渲染的内容滚动到不可见时，不会被销毁；<br />值为`virtual`时，表示表格会进行虚拟滚动，无论滚动条滚动到哪个位置，同一时刻，表格仅渲染该可视区域内的表格内容，当表格需要展示的数据量较大时，建议开启该特性
+     */
+    type: 'lazy' | 'virtual';
+}
+export declare type TableRowAttributes<T> = HTMLElementAttributes | ((params: {
+    row: T;
+    rowIndex: number;
+    type: 'body' | 'foot';
+}) => HTMLElementAttributes) | Array<TableRowAttributes<T>>;
+export interface RowClassNameParams<T> {
+    row: T;
+    rowIndex: number;
+    type?: 'body' | 'foot';
+}
+export declare type TableRowspanAndColspanFunc<T> = (params: BaseTableCellParams<T>) => RowspanColspan;
 export interface RowspanColspan {
-    colspan: number;
-    rowspan: number;
+    colspan?: number;
+    rowspan?: number;
 }
-export interface RowspanAndColspanParams<T> {
+export interface BaseTableCellEventContext<T> {
     row: T;
     col: BaseTableCol;
     rowIndex: number;
     colIndex: number;
+    e: MouseEvent<HTMLDivElement>;
 }
 export interface RowEventContext<T> {
     row: T;
@@ -514,6 +607,17 @@ export interface BaseTableRenderParams<T> extends BaseTableCellParams<T> {
 }
 export declare type RenderType = 'cell' | 'title';
 export declare type DataType = TableRowData;
+export interface TableColumnController {
+    fields?: string[];
+    displayType: 'fixed-width' | 'auto-width';
+    checkboxProps?: CheckboxGroupProps;
+    dialogProps?: DialogProps;
+}
+export interface TableExpandedRowParams<T> {
+    row: T;
+    index: number;
+    columns: PrimaryTableCol<T>[] | BaseTableCol<T>[];
+}
 export interface ExpandArrowRenderParams<T> {
     row: T;
     index: number;
@@ -527,6 +631,13 @@ export interface SortInfo {
     sortBy: string;
     descending: boolean;
 }
+export interface PrimaryTableCellEventContext<T> {
+    row: T;
+    col: PrimaryTableCol;
+    rowIndex: number;
+    colIndex: number;
+    e: MouseEvent<HTMLDivElement>;
+}
 export interface TableChangeData {
     sorter?: TableSort;
     filter?: FilterValue;
@@ -537,6 +648,11 @@ export interface TableChangeContext<T> {
     currentData?: T;
 }
 export declare type TableChangeTrigger = 'filter' | 'sorter' | 'pagination';
+export interface PrimaryTableColumnChange<T> {
+    columns?: CheckboxGroupValue;
+    currentColumn?: PrimaryTableCol<T>;
+    type?: 'check' | 'uncheck';
+}
 export interface DragSortContext<T> {
     currentIndex: number;
     current: T;
@@ -569,8 +685,7 @@ export declare type CheckProps<T> = CheckboxProps | RadioProps | ((options: {
 export interface PrimaryTableRenderParams<T> extends PrimaryTableCellParams<T> {
     type: RenderType;
 }
-export declare type SorterFun<T> = (a: T, b: T) => SortNumber;
-export declare type SortNumber = 1 | -1 | 0;
+export declare type SorterFun<T> = (a: T, b: T) => number;
 export declare type SortType = 'desc' | 'asc' | 'all';
 export interface TableTreeConfig {
     indent?: number;

package/es/table/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/table/util/getRowKeyFromRowKey.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/table/util/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/tabs/TabBar.js

@@ -1,34 +1,34 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-0dee7a0e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-d5157cdb.js';
+import { _ as _defineProperty } from '../_chunks/dep-b3f274e6.js';
+import { _ as _slicedToArray } from '../_chunks/dep-80ab7817.js';
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-eef8ab0a.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-d9dba7f7.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-01ecbe32.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';

package/es/tabs/TabNav.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-0dee7a0e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-d5157cdb.js';
+import { _ as _defineProperty } from '../_chunks/dep-b3f274e6.js';
+import { _ as _slicedToArray } from '../_chunks/dep-80ab7817.js';
 import React, { useRef, useCallback, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { ChevronLeftIcon, ChevronRightIcon, AddIcon } from 'tdesign-icons-react';
@@ -13,27 +13,27 @@ import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
 import TabNavItem from './TabNavItem.js';
 import TabBar from './TabBar.js';
-import '../_chunks/dep-eef8ab0a.js';
+import '../_chunks/dep-d9dba7f7.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-01ecbe32.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -42,7 +42,7 @@ import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cbe5cee9.js';
+import '../_chunks/dep-6dacf1e7.js';
 import '../_util/easing.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/es/tabs/TabNavItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11,26 +11,26 @@ import useRipple from '../_util/useRipple.js';
 import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-0dee7a0e.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-b3f274e6.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-01ecbe32.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -38,7 +38,7 @@ import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cbe5cee9.js';
+import '../_chunks/dep-6dacf1e7.js';
 import '../_util/easing.js';
 
 var TabNavItem = function TabNavItem(props) {