tdesign-react 0.23.0 → 0.23.1

package/esm/table/primary/useSorter.js

@@ -1,35 +1,36 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-a2bc34d5.js';
-import { _ as _defineProperty } from '../../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-442ff40f.js';
+import { _ as _defineProperty } from '../../_chunks/dep-b71058fe.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-f0919110.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-543c3536.js';
 import React, { useContext, useState, useMemo, useEffect } from 'react';
-import { g as get_1 } from '../../_chunks/dep-a3ebf465.js';
+import { g as get_1 } from '../../_chunks/dep-53dd2095.js';
 import '../../config-provider/index.js';
 import SorterButton, { SortTypeEnum } from './SorterButton.js';
+import { useColumns } from '../hooks/useColumns.js';
 import ConfigContext from '../../config-provider/ConfigContext.js';
-import '../../_chunks/dep-42dfd306.js';
-import '../../_chunks/dep-3882ffcd.js';
-import '../../_chunks/dep-3a07fdc5.js';
-import '../../_chunks/dep-ae12755c.js';
-import '../../_chunks/dep-9f46a2fc.js';
-import '../../_chunks/dep-55ec31d6.js';
-import '../../_chunks/dep-f326b5da.js';
-import '../../_chunks/dep-9f80f9d6.js';
-import '../../_chunks/dep-abd9fbed.js';
-import '../../_chunks/dep-5469de86.js';
-import '../../_chunks/dep-3ef615a3.js';
-import '../../_chunks/dep-e273b26f.js';
-import '../../_chunks/dep-9825193d.js';
-import '../../_chunks/dep-a57dc5be.js';
-import '../../_chunks/dep-27db1e3c.js';
-import '../../_chunks/dep-184b21c3.js';
+import '../../_chunks/dep-c7bc4d7c.js';
+import '../../_chunks/dep-60f5bd8f.js';
+import '../../_chunks/dep-178c8e4e.js';
+import '../../_chunks/dep-3222ad5b.js';
+import '../../_chunks/dep-73c3d91b.js';
+import '../../_chunks/dep-195c3d75.js';
+import '../../_chunks/dep-8f1f4b9f.js';
+import '../../_chunks/dep-adec0da9.js';
+import '../../_chunks/dep-3078962f.js';
+import '../../_chunks/dep-f91a0619.js';
+import '../../_chunks/dep-ea6cd97e.js';
+import '../../_chunks/dep-966f4d8b.js';
+import '../../_chunks/dep-42d06a7e.js';
+import '../../_chunks/dep-2fc7ff7b.js';
+import '../../_chunks/dep-37aa0312.js';
+import '../../_chunks/dep-27b799a5.js';
 import '../../config-provider/ConfigProvider.js';
-import '../../_chunks/dep-c611ea38.js';
+import '../../_chunks/dep-bc6012b1.js';
 import '../../locale/zh_CN.js';
 import 'classnames';
 import 'tdesign-icons-react';
@@ -43,7 +44,7 @@ import '../../_util/useDefault.js';
 import '../../_util/noop.js';
 import '../../_util/useConfig.js';
 import '../../_util/composeRefs.js';
-import '../../popup/Portal.js';
+import '../../common/Portal.js';
 import 'react-dom';
 import '../../popup/hooks/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
@@ -64,6 +65,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function useSorter(props) {
+  var _useColumns = useColumns(props),
+      _useColumns2 = _slicedToArray(_useColumns, 2),
+      flattenColumns = _useColumns2[1];
+
   var _useContext = useContext(ConfigContext),
       classPrefix = _useContext.classPrefix;
 
@@ -80,39 +85,8 @@ function useSorter(props) {
       innerSort = _useState2[0],
       setInnerSort = _useState2[1];
 
-  var sorts = getSorts(innerSort, columns);
-  var transformedSorterColumns = columns.map(function (column) {
-    var _sorts$find;
-
-    var title = column.title,
-        sorter = column.sorter,
-        sortType = column.sortType,
-        colKey = column.colKey;
-
-    if (!sorter || !SortTypeEnum[sortType]) {
-      return column;
-    }
-
-    var singleSort = (_sorts$find = sorts.find) === null || _sorts$find === void 0 ? void 0 : _sorts$find.call(sorts, function (sortItem) {
-      return (sortItem === null || sortItem === void 0 ? void 0 : sortItem.sortBy) === colKey;
-    });
-
-    var titleNew = function titleNew() {
-      return /* @__PURE__ */React.createElement("div", {
-        className: "".concat(classPrefix, "-table__cell--sortable")
-      }, /* @__PURE__ */React.createElement("div", {
-        className: "".concat(classPrefix, "-table__cell--title")
-      }, /* @__PURE__ */React.createElement("div", null, title), /* @__PURE__ */React.createElement(SorterButton, {
-        column: column,
-        singleSort: singleSort,
-        onChange: onChangeSortButton
-      })));
-    };
-
-    return _objectSpread(_objectSpread({}, column), {}, {
-      title: titleNew
-    });
-  });
+  var sorts = getSorts(innerSort, flattenColumns);
+  var transformedSorterColumns = getSorterColumns(columns);
   var transformedSorterData = useMemo(function () {
     if (isControlled) {
       return data;
@@ -121,6 +95,47 @@ function useSorter(props) {
     return _toConsumableArray(data).sort(comparer(sorts));
   }, [data, sorts, isControlled]);
 
+  function getSorterColumns(columns2) {
+    return columns2.map(function (column) {
+      var _sorts$find;
+
+      var title = column.title,
+          sorter = column.sorter,
+          colKey = column.colKey,
+          children = column.children;
+
+      if (children && children.length) {
+        return _objectSpread(_objectSpread({}, column), {}, {
+          children: getSorterColumns(children)
+        });
+      }
+
+      if (!sorter) {
+        return column;
+      }
+
+      var singleSort = (_sorts$find = sorts.find) === null || _sorts$find === void 0 ? void 0 : _sorts$find.call(sorts, function (sortItem) {
+        return (sortItem === null || sortItem === void 0 ? void 0 : sortItem.sortBy) === colKey;
+      });
+
+      var titleNew = function titleNew() {
+        return /* @__PURE__ */React.createElement("div", {
+          className: "".concat(classPrefix, "-table__cell--sortable")
+        }, /* @__PURE__ */React.createElement("div", {
+          className: "".concat(classPrefix, "-table__cell--title")
+        }, /* @__PURE__ */React.createElement("div", null, title), /* @__PURE__ */React.createElement(SorterButton, {
+          column: column,
+          singleSort: singleSort,
+          onChange: onChangeSortButton
+        })));
+      };
+
+      return _objectSpread(_objectSpread({}, column), {}, {
+        title: titleNew
+      });
+    });
+  }
+
   function getSorts(innerSort2, columns2) {
     var _validSorts;
 
@@ -207,7 +222,7 @@ function useSorter(props) {
       }
 
       setInnerSort(sortsNew);
-      onSortChange(sortsNew, sortOptions);
+      onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(sortsNew, sortOptions);
     } else {
       var sortNew;
 
@@ -226,7 +241,7 @@ function useSorter(props) {
       }
 
       setInnerSort(sortNew);
-      onSortChange(sortNew, sortOptions);
+      onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(sortNew, sortOptions);
     }
   }
 

package/esm/table/primary/useSorter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSorter.js","sources":["../../../src/table/primary/useSorter.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport get from 'lodash/get';\nimport { ConfigContext } from '../../config-provider';\nimport { SortInfo, PrimaryTableCol, SortType, DataType, SortOptions, TableSort } from '../type';\nimport SorterButton, { SortTypeEnum } from './SorterButton';\nimport { PrimaryTableProps } from './Table';\n\ninterface ColKeySorterMap {\n  [colKey: string]: PrimaryTableCol['sorter'];\n}\ninterface SortInfoWithSorter extends SortInfo {\n  sorter: PrimaryTableCol['sorter'];\n}\n\n/**\n * 排序hook\n * 1.修改column中的title\n * 2.排序data\n */\nfunction useSorter(props: PrimaryTableProps): [PrimaryTableCol[], DataType[]] {\n  const { classPrefix } = useContext(ConfigContext);\n  const { columns, sort, defaultSort, multipleSort, onSortChange, data } = props;\n  const isControlled = typeof sort !== 'undefined';\n  const [innerSort, setInnerSort] = useState<TableSort>(defaultSort || []);\n  const sorts = getSorts(innerSort, columns);\n\n  // 导出：添加排序图标后columns\n  const transformedSorterColumns = columns.map((column: PrimaryTableCol) => {\n    const { title, sorter, sortType, colKey } = column;\n    if (!sorter || !SortTypeEnum[sortType]) {\n      return column;\n    }\n\n    const singleSort = sorts.find?.((sortItem: SortInfo) => sortItem?.sortBy === colKey);\n    const titleNew = () => (\n      <div className={`${classPrefix}-table__cell--sortable`}>\n        <div className={`${classPrefix}-table__cell--title`}>\n          <div>{title}</div>\n          <SorterButton column={column} singleSort={singleSort} onChange={onChangeSortButton} />\n        </div>\n      </div>\n    );\n\n    return {\n      ...column,\n      title: titleNew,\n    };\n  });\n\n  // 导出：排序后data。受控直接导出、非受控多级排序\n  const transformedSorterData = useMemo<DataType[]>(() => {\n    if (isControlled) {\n      return data;\n    }\n    return [...data].sort(comparer(sorts));\n  }, [data, sorts, isControlled]);\n\n  /**\n   * 格式化sort\n   * 1.PrimaryTableCol的sort改为数组sorts；\n   * 2.依据TdPrimaryTableProps的sort过滤出validSorts\n   * 3.TdPrimaryTableProps的sort添加至validSortItem，用于data排序\n   */\n  function getSorts(innerSort: TableSort, columns: PrimaryTableCol[]): SortInfoWithSorter[] {\n    let validSorts = [];\n    const sortColumns = columns.filter(({ sorter }) => !!sorter);\n    const colKeySorterMap: ColKeySorterMap = {};\n    sortColumns.forEach(({ colKey, sorter }) => {\n      colKeySorterMap[colKey] = sorter;\n    });\n    const sortColKeys = sortColumns.map(({ colKey }) => colKey);\n    if (Array.isArray(innerSort)) {\n      validSorts = innerSort.filter((sortItem: SortInfo) => sortColKeys.includes(sortItem?.sortBy));\n    } else if (sortColKeys.includes(innerSort?.sortBy)) {\n      validSorts = [innerSort];\n    }\n\n    const validSortsWithSorter = validSorts?.map((sortItem: SortInfo) => ({\n      ...sortItem,\n      sorter: colKeySorterMap[sortItem.sortBy],\n    }));\n\n    return validSortsWithSorter;\n  }\n\n  /**\n   * 排序点击回调\n   * 1.设置onSortChange的参数sort（区分单个/多个排序）、sortOptions\n   * 2.触发onSortChange\n   */\n  function onChangeSortButton(activeSort: SortInfo, activeSortType: SortType, activeColumn: PrimaryTableCol) {\n    const sortOptions: SortOptions<DataType> = {\n      currentDataSource: transformedSorterData,\n      col: activeColumn,\n    };\n    const { colKey: activeColKey } = activeColumn;\n    if (multipleSort) {\n      let sortsNew: SortInfo[] = [];\n      if (activeSort) {\n        if (activeSortType === SortTypeEnum.all) {\n          sortsNew = sorts\n            .filter((sortItem) => sortItem !== activeSort)\n            .map(({ sortBy, descending }) => ({ sortBy, descending }));\n        } else {\n          sortsNew = sorts.map((sortItem) => ({\n            sortBy: sortItem.sortBy,\n            descending: sortItem === activeSort ? activeSortType === SortTypeEnum.desc : sortItem.descending,\n          }));\n        }\n      } else {\n        const sortInfo = {\n          sortBy: activeColKey,\n          descending: activeSortType === SortTypeEnum.desc,\n        };\n        if (sorts.length) {\n          sortsNew = [...sorts.map(({ sortBy, descending }) => ({ sortBy, descending })), sortInfo];\n        } else {\n          sortsNew = [sortInfo];\n        }\n      }\n      setInnerSort(sortsNew);\n      onSortChange(sortsNew, sortOptions);\n    } else {\n      let sortNew: SortInfo | undefined;\n      if (activeSort) {\n        if (activeSortType !== SortTypeEnum.all) {\n          sortNew = {\n            sortBy: activeSort.sortBy,\n            descending: activeSortType === SortTypeEnum.desc,\n          };\n        }\n      } else {\n        sortNew = {\n          sortBy: activeColKey,\n          descending: activeSortType === SortTypeEnum.desc,\n        };\n      }\n      setInnerSort(sortNew);\n      onSortChange(sortNew, sortOptions);\n    }\n  }\n\n  useEffect(() => {\n    if (isControlled) {\n      setInnerSort(sort);\n    }\n  }, [sort, isControlled]);\n\n  return [transformedSorterColumns, transformedSorterData];\n}\n\nexport default useSorter;\n\nfunction comparer(sorts: SortInfoWithSorter[]) {\n  return (a: any, b: any) => {\n    for (const { sortBy, descending, sorter } of sorts) {\n      const firstValue = get(a, sortBy);\n      const secondValue = get(b, sortBy);\n      const isAsc = typeof sorter === 'function' ? sorter(a, b) < 0 : firstValue < secondValue;\n      const isDesc = typeof sorter === 'function' ? sorter(a, b) > 0 : firstValue > secondValue;\n      if (isAsc || isDesc) {\n        if (!descending) return isAsc ? -1 : 1;\n        if (descending) return isDesc ? -1 : 1;\n      }\n    }\n    return 0;\n  };\n}\n"],"names":["useSorter","props","useContext","ConfigContext","classPrefix","columns","sort","defaultSort","multipleSort","onSortChange","data","isControlled","useState","innerSort","setInnerSort","sorts","getSorts","transformedSorterColumns","map","column","title","sorter","sortType","colKey","SortTypeEnum","singleSort","find","sortItem","sortBy","titleNew","React","createElement","className","SorterButton","onChange","onChangeSortButton","transformedSorterData","useMemo","comparer","innerSort2","columns2","validSorts","sortColumns","filter","colKeySorterMap","forEach","sortColKeys","Array","isArray","includes","validSortsWithSorter","activeSort","activeSortType","activeColumn","sortOptions","currentDataSource","col","activeColKey","sortsNew","all","descending","desc","sortInfo","length","sortNew","useEffect","a","b","firstValue","get","secondValue","isAsc","isDesc"],"mappings":"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"}
+{"version":3,"file":"useSorter.js","sources":["../../../src/table/primary/useSorter.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from 'react';\nimport get from 'lodash/get';\nimport { ConfigContext } from '../../config-provider';\nimport { SortInfo, PrimaryTableCol, SortType, DataType, SortOptions, TableSort, TdPrimaryTableProps } from '../type';\nimport SorterButton, { SortTypeEnum } from './SorterButton';\nimport { PrimaryTableProps } from './Table';\nimport { useColumns } from '../hooks/useColumns';\n\ninterface ColKeySorterMap {\n  [colKey: string]: PrimaryTableCol['sorter'];\n}\ninterface SortInfoWithSorter extends SortInfo {\n  sorter: PrimaryTableCol['sorter'];\n}\ntype Columns = TdPrimaryTableProps['columns'];\n\n/**\n * 排序hook\n * 1.修改column中的title\n * 2.排序data\n */\nfunction useSorter(props: PrimaryTableProps): [Columns, DataType[]] {\n  const [, flattenColumns] = useColumns(props);\n  const { classPrefix } = useContext(ConfigContext);\n  const { columns, sort, defaultSort, multipleSort, onSortChange, data } = props;\n  const isControlled = typeof sort !== 'undefined';\n  const [innerSort, setInnerSort] = useState<TableSort>(defaultSort || []);\n  const sorts = getSorts(innerSort, flattenColumns as Columns);\n\n  // 导出：添加排序图标后columns\n  const transformedSorterColumns = getSorterColumns(columns);\n\n  // 导出：排序后data。受控直接导出、非受控多级排序\n  const transformedSorterData = useMemo<DataType[]>(() => {\n    if (isControlled) {\n      return data;\n    }\n    return [...data].sort(comparer(sorts));\n  }, [data, sorts, isControlled]);\n\n  function getSorterColumns(columns: Columns): Columns {\n    return columns.map((column) => {\n      const { title, sorter, colKey, children } = column;\n      if (children && children.length) {\n        return {\n          ...column,\n          children: getSorterColumns(children as Columns),\n        };\n      }\n\n      if (!sorter) {\n        return column;\n      }\n\n      const singleSort = sorts.find?.((sortItem: SortInfo) => sortItem?.sortBy === colKey);\n      const titleNew = () => (\n        <div className={`${classPrefix}-table__cell--sortable`}>\n          <div className={`${classPrefix}-table__cell--title`}>\n            <div>{title}</div>\n            <SorterButton column={column} singleSort={singleSort} onChange={onChangeSortButton} />\n          </div>\n        </div>\n      );\n\n      return {\n        ...column,\n        title: titleNew,\n      };\n    });\n  }\n\n  /**\n   * 格式化sort\n   * 1.PrimaryTableCol的sort改为数组sorts；\n   * 2.依据TdPrimaryTableProps的sort过滤出validSorts\n   * 3.TdPrimaryTableProps的sort添加至validSortItem，用于data排序\n   */\n  function getSorts(innerSort: TableSort, columns: Columns): SortInfoWithSorter[] {\n    let validSorts = [];\n    const sortColumns = columns.filter(({ sorter }) => !!sorter);\n    const colKeySorterMap: ColKeySorterMap = {};\n    sortColumns.forEach(({ colKey, sorter }) => {\n      colKeySorterMap[colKey] = sorter;\n    });\n\n    const sortColKeys = sortColumns.map(({ colKey }) => colKey);\n    if (Array.isArray(innerSort)) {\n      validSorts = innerSort.filter((sortItem: SortInfo) => sortColKeys.includes(sortItem?.sortBy));\n    } else if (sortColKeys.includes(innerSort?.sortBy)) {\n      validSorts = [innerSort];\n    }\n    const validSortsWithSorter = validSorts?.map((sortItem: SortInfo) => ({\n      ...sortItem,\n      sorter: colKeySorterMap[sortItem.sortBy],\n    }));\n    return validSortsWithSorter;\n  }\n\n  /**\n   * 排序点击回调\n   * 1.设置onSortChange的参数sort（区分单个/多个排序）、sortOptions\n   * 2.触发onSortChange\n   */\n  function onChangeSortButton(activeSort: SortInfo, activeSortType: SortType, activeColumn: PrimaryTableCol) {\n    const sortOptions: SortOptions<DataType> = {\n      currentDataSource: transformedSorterData,\n      col: activeColumn,\n    };\n    const { colKey: activeColKey } = activeColumn;\n    if (multipleSort) {\n      let sortsNew: SortInfo[] = [];\n      if (activeSort) {\n        if (activeSortType === SortTypeEnum.all) {\n          sortsNew = sorts\n            .filter((sortItem) => sortItem !== activeSort)\n            .map(({ sortBy, descending }) => ({ sortBy, descending }));\n        } else {\n          sortsNew = sorts.map((sortItem) => ({\n            sortBy: sortItem.sortBy,\n            descending: sortItem === activeSort ? activeSortType === SortTypeEnum.desc : sortItem.descending,\n          }));\n        }\n      } else {\n        const sortInfo = {\n          sortBy: activeColKey,\n          descending: activeSortType === SortTypeEnum.desc,\n        };\n        if (sorts.length) {\n          sortsNew = [...sorts.map(({ sortBy, descending }) => ({ sortBy, descending })), sortInfo];\n        } else {\n          sortsNew = [sortInfo];\n        }\n      }\n      setInnerSort(sortsNew);\n      onSortChange?.(sortsNew, sortOptions);\n    } else {\n      let sortNew: SortInfo | undefined;\n      if (activeSort) {\n        if (activeSortType !== SortTypeEnum.all) {\n          sortNew = {\n            sortBy: activeSort.sortBy,\n            descending: activeSortType === SortTypeEnum.desc,\n          };\n        }\n      } else {\n        sortNew = {\n          sortBy: activeColKey,\n          descending: activeSortType === SortTypeEnum.desc,\n        };\n      }\n      setInnerSort(sortNew);\n      onSortChange?.(sortNew, sortOptions);\n    }\n  }\n\n  useEffect(() => {\n    if (isControlled) {\n      setInnerSort(sort);\n    }\n  }, [sort, isControlled]);\n\n  return [transformedSorterColumns, transformedSorterData];\n}\n\nexport default useSorter;\n\nfunction comparer(sorts: SortInfoWithSorter[]) {\n  return (a: any, b: any) => {\n    for (const { sortBy, descending, sorter } of sorts) {\n      const firstValue = get(a, sortBy);\n      const secondValue = get(b, sortBy);\n      const isAsc = typeof sorter === 'function' ? sorter(a, b) < 0 : firstValue < secondValue;\n      const isDesc = typeof sorter === 'function' ? sorter(a, b) > 0 : firstValue > secondValue;\n      if (isAsc || isDesc) {\n        if (!descending) return isAsc ? -1 : 1;\n        if (descending) return isDesc ? -1 : 1;\n      }\n    }\n    return 0;\n  };\n}\n"],"names":["useSorter","props","useColumns","flattenColumns","useContext","ConfigContext","classPrefix","columns","sort","defaultSort","multipleSort","onSortChange","data","isControlled","useState","innerSort","setInnerSort","sorts","getSorts","transformedSorterColumns","getSorterColumns","transformedSorterData","useMemo","comparer","columns2","map","column","title","sorter","colKey","children","length","singleSort","find","sortItem","sortBy","titleNew","React","createElement","className","SorterButton","onChange","onChangeSortButton","innerSort2","validSorts","sortColumns","filter","colKeySorterMap","forEach","sortColKeys","Array","isArray","includes","validSortsWithSorter","activeSort","activeSortType","activeColumn","sortOptions","currentDataSource","col","activeColKey","sortsNew","SortTypeEnum","all","descending","desc","sortInfo","sortNew","useEffect","a","b","firstValue","get","secondValue","isAsc","isDesc"],"mappings":"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"}

package/esm/table/type.js

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

package/esm/table/util/getRowKeyFromRowKey.js

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

package/esm/table/util/index.js

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

package/esm/tabs/TabBar.js

@@ -1,15 +1,15 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 

package/esm/tabs/TabNav.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
 import React, { useRef, useCallback, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { ChevronLeftIcon, ChevronRightIcon, AddIcon } from 'tdesign-icons-react';
@@ -13,7 +13,7 @@ import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
 import TabNavItem from './TabNavItem.js';
 import TabBar from './TabBar.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
@@ -59,32 +59,26 @@ var TabNav = function TabNav(props) {
     });
     return index;
   }, [itemList]);
+  var activeIndex = getIndex(activeValue);
 
-  var _useState = useState(getIndex(activeValue)),
+  var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      activeIndex = _useState2[0],
-      setActiveIndex = _useState2[1];
-
-  useEffect(function () {
-    setActiveIndex(getIndex(activeValue));
-  }, [activeValue, getIndex]);
+      isScrollVisible = _useState2[0],
+      setIsScrollVisible = _useState2[1];
 
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      isScrollVisible = _useState4[0],
-      setIsScrollVisible = _useState4[1];
+      leftScrollBtnVisible = _useState4[0],
+      setLeftScrollBtnVisible = _useState4[1];
 
   var _useState5 = useState(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      leftScrollBtnVisible = _useState6[0],
-      setLeftScrollBtnVisible = _useState6[1];
-
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      rightScrollBtnVisible = _useState8[0],
-      setRightScrollBtnVisible = _useState8[1];
+      rightScrollBtnVisible = _useState6[0],
+      setRightScrollBtnVisible = _useState6[1];
 
   var scrollBarRef = useRef(null);
+  var leftScrollBtnRef = useRef(null);
+  var rightScrollBtnRef = useRef(null);
 
   var getScrollBtnVisible = function getScrollBtnVisible() {
     var scrollLeft = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : void 0;
@@ -121,10 +115,14 @@ var TabNav = function TabNav(props) {
   };
 
   var scrollClickHandler = function scrollClickHandler(position) {
+    var _leftScrollBtnRef$cur, _rightScrollBtnRef$cu;
+
+    var doubleScrollBtnWidth = (((_leftScrollBtnRef$cur = leftScrollBtnRef.current) === null || _leftScrollBtnRef$cur === void 0 ? void 0 : _leftScrollBtnRef$cur.clientWidth) || ((_rightScrollBtnRef$cu = rightScrollBtnRef.current) === null || _rightScrollBtnRef$cu === void 0 ? void 0 : _rightScrollBtnRef$cu.clientWidth) || 0) * 2;
+    var scrollLength = scrollBarRef.current.clientWidth - doubleScrollBtnWidth;
     var ref = scrollBarRef.current;
 
     if (ref) {
-      var scrollLeft = position === "left" ? ref.scrollLeft - 200 : ref.scrollLeft + 200;
+      var scrollLeft = position === "left" ? ref.scrollLeft - scrollLength : ref.scrollLeft + scrollLength;
       ref.scrollTo({
         left: scrollLeft,
         behavior: "smooth"
@@ -151,35 +149,61 @@ var TabNav = function TabNav(props) {
   });
   useEffect(function () {
     setScrollBtnVisibleHandler();
-  }, []);
+  }, [itemList.length]);
+
+  var handleTabItemRemove = function handleTabItemRemove(removeItem) {
+    var removeValue = removeItem.value,
+        removeIndex = removeItem.index;
+
+    if (removeValue === activeValue) {
+      var _itemList;
+
+      onChange(removeIndex === 0 ? (_itemList = itemList[removeIndex + 1]) === null || _itemList === void 0 ? void 0 : _itemList.value : itemList[removeIndex - 1].value);
+    }
+
+    onRemove(removeItem);
+  };
+
+  var handleTabItemClick = function handleTabItemClick(clickItem) {
+    tabClick(clickItem.value);
+    onChange(clickItem.value);
+  };
+
+  var handleTabAdd = function handleTabAdd(e) {
+    onAdd({
+      e: e
+    });
+    setTimeout(function () {
+      scrollToRightEnd();
+    }, 0);
+  };
+
   return /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
   }, /* @__PURE__ */React.createElement("div", {
-    className: classNames(tdTabsClassGenerator("nav"))
+    className: classNames(tdTabsClassGenerator("nav")),
+    style: {
+      minHeight: 48
+    }
   }, /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--left"))
   }, leftScrollBtnVisible ? /* @__PURE__ */React.createElement("div", {
     onClick: function onClick() {
       scrollClickHandler("left");
     },
-    className: classNames(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--left"), tdSizeClassGenerator(size))
+    className: classNames(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--left"), tdSizeClassGenerator(size)),
+    ref: leftScrollBtnRef
   }, /* @__PURE__ */React.createElement(ChevronLeftIcon, null)) : null), /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--right"))
   }, rightScrollBtnVisible ? /* @__PURE__ */React.createElement("div", {
     onClick: function onClick() {
       scrollClickHandler("right");
     },
-    className: classNames(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--right"), tdSizeClassGenerator(size))
+    className: classNames(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--right"), tdSizeClassGenerator(size)),
+    ref: rightScrollBtnRef
   }, /* @__PURE__ */React.createElement(ChevronRightIcon, null)) : null, addable ? /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("add-btn"), tdTabsClassGenerator("btn"), tdSizeClassGenerator(size)),
-    onClick: function onClick(e) {
-      onAdd({
-        e: e
-      });
-      setTimeout(function () {
-        scrollToRightEnd();
-      }, 0);
-    }
+    onClick: handleTabAdd
   }, /* @__PURE__ */React.createElement(AddIcon, null)) : null), /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("nav-container"), isCard ? tdTabsClassGenerator("nav--card") : "", tdClassGenerator("is-".concat(placement)), addable ? tdClassGenerator("is-addable") : "")
   }, /* @__PURE__ */React.createElement("div", {
@@ -188,7 +212,7 @@ var TabNav = function TabNav(props) {
   }, /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("nav-wrap"), ["left", "right"].includes(placement) ? tdClassGenerator("is-vertical") : ""),
     ref: navContainerRef
-  }, placement !== "bottom" ? TabBarCom : null, /* @__PURE__ */React.createElement("div", {
+  }, placement !== "bottom" ? TabBarCom : null, !isCard && /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("bar"), tdClassGenerator("is-".concat(placement)))
   }), itemList.map(function (v, index) {
     return /* @__PURE__ */React.createElement(TabNavItem, _objectSpread(_objectSpread(_objectSpread({}, props), v), {}, {
@@ -201,11 +225,9 @@ var TabNav = function TabNav(props) {
       index: index,
       disabled: disabled || v.disabled,
       onClick: function onClick() {
-        tabClick(v.value);
-        onChange(v.value);
-        setActiveIndex(getIndex(v.value));
+        return handleTabItemClick(v);
       },
-      onTabRemove: onRemove
+      onTabRemove: handleTabItemRemove
     }));
   }), placement === "bottom" ? TabBarCom : null)))));
 };

package/esm/tabs/TabNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNav.js","sources":["../../src/tabs/TabNav.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { AddIcon, ChevronLeftIcon, ChevronRightIcon } from 'tdesign-icons-react';\nimport { TdTabsProps, TdTabPanelProps, TabValue } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\nimport TabNavItem from './TabNavItem';\nimport TabBar from './TabBar';\n\nexport interface TabNavProps extends TdTabsProps {\n  itemList: TdTabPanelProps[];\n  tabClick: (s: TabValue) => void;\n  activeValue: TabValue;\n  size?: 'medium' | 'large';\n}\n\nconst TabNav: React.FC<TabNavProps> = (props) => {\n  const {\n    placement = 'top',\n    itemList,\n    tabClick = noop,\n    theme,\n    addable,\n    onAdd,\n    size = 'medium',\n    disabled = false,\n    onRemove = noop,\n    onChange = noop,\n    activeValue,\n  } = props;\n\n  // 逻辑层较多处需要判断是否为 card 类型，进行逻辑抽象\n  const isCard = theme === 'card';\n\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  // :todo 兼容老版本 TabBar 的实现\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const getIndex = useCallback(\n    (value) => {\n      let index = 0;\n      itemList.forEach((v, i) => {\n        if (v.value === value) {\n          index = i;\n        }\n      });\n      return index;\n    },\n    [itemList],\n  );\n\n  const [activeIndex, setActiveIndex] = useState(getIndex(activeValue));\n  useEffect(() => {\n    setActiveIndex(getIndex(activeValue));\n  }, [activeValue, getIndex]);\n\n  // 判断滚动条是否需要展示\n  const [isScrollVisible, setIsScrollVisible] = useState(false);\n  const [leftScrollBtnVisible, setLeftScrollBtnVisible] = useState(false);\n  const [rightScrollBtnVisible, setRightScrollBtnVisible] = useState(false);\n\n  // 滚动条 ref 定义\n  const scrollBarRef = useRef(null);\n\n  /**\n   * @date 2021-07-26 15:57:46\n   * @desc 检查当前内容区块是否超出滚动区块，判断左右滑动按钮是否展示\n   * @param scrollLeft undefined|number undefined 时根据当前的滑块位置决定，number 时，以传入的参数作为当前滑块位置判断\n   *        需要此参数的目的: 滚动之后需要重新判断是否需要展示左右的滑块，而滚动过程中根据滑块位置判断会有误差，scrollTo 也不支持完成回调。\n   * @returns result [是否需要展示滚动, 是否需要展示左边调整滚动的按钮，是否需要展示右边调整滚动的按钮]\n   */\n  const getScrollBtnVisible = (scrollLeft: undefined | number = undefined): [boolean, boolean, boolean] => {\n    if (!scrollBarRef.current || !navContainerRef.current) {\n      // :todo 滚动条和内容区的 ref 任意一个不合法时，不执行此函数，暂时 console.error 打印错误\n      console.error('[tdesign-tabs]滚动条和内容区 dom 结构异常');\n      return [false, false, false];\n    }\n\n    let innerScrollLeft = scrollBarRef.current.scrollLeft;\n    if (scrollLeft !== undefined) {\n      innerScrollLeft = scrollLeft;\n    }\n\n    const isScrollVisible = scrollBarRef.current.clientWidth < navContainerRef.current.clientWidth;\n    const leftVisible = innerScrollLeft > 0;\n    const rightVisible =\n      isScrollVisible && innerScrollLeft < navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;\n\n    return [isScrollVisible, leftVisible, rightVisible];\n  };\n\n  // 调用检查函数，并设置左右滑动按钮的展示状态\n  const setScrollBtnVisibleHandler = (scrollLeft: undefined | number = undefined) => {\n    const [isScrollVisible, leftVisible, rightVisible] = getScrollBtnVisible(scrollLeft);\n    setIsScrollVisible(isScrollVisible);\n    setLeftScrollBtnVisible(leftVisible);\n    setRightScrollBtnVisible(rightVisible);\n  };\n\n  // 滚动条处理逻辑\n  const scrollClickHandler = (position: 'left' | 'right') => {\n    const ref = scrollBarRef.current;\n    if (ref) {\n      const scrollLeft = position === 'left' ? ref.scrollLeft - 200 : ref.scrollLeft + 200;\n      ref.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n      setScrollBtnVisibleHandler(scrollLeft);\n    }\n  };\n\n  // 滚动到最右侧 (目前专用在新增之后)\n  const scrollToRightEnd = () => {\n    if (navContainerRef.current && scrollBarRef.current) {\n      const scrollLeft = navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;\n      scrollBarRef.current.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n      setScrollBtnVisibleHandler(scrollLeft);\n    }\n  };\n\n  // TabBar 组件逻辑层抽象，卡片类型时无需展示，故将逻辑整合到此处\n  const TabBarCom = isCard ? null : (\n    <TabBar tabPosition={placement} activeId={activeIndex} containerRef={navContainerRef} />\n  );\n\n  // 组件初始化后判断当前是否需要展示滑动按钮\n  useEffect(() => {\n    setScrollBtnVisibleHandler();\n    // eslint-disable-next-line\n  }, []);\n\n  return (\n    <div className={classNames(tdTabsClassGenerator('header'), tdClassGenerator(`is-${placement}`))}>\n      <div className={classNames(tdTabsClassGenerator('nav'))}>\n        <div className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--left'))}>\n          {leftScrollBtnVisible ? (\n            <div\n              onClick={() => {\n                scrollClickHandler('left');\n              }}\n              className={classNames(\n                tdTabsClassGenerator('btn'),\n                tdTabsClassGenerator('btn--left'),\n                tdSizeClassGenerator(size),\n              )}\n            >\n              <ChevronLeftIcon />\n            </div>\n          ) : null}\n        </div>\n        <div className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--right'))}>\n          {rightScrollBtnVisible ? (\n            <div\n              onClick={() => {\n                scrollClickHandler('right');\n              }}\n              className={classNames(\n                tdTabsClassGenerator('btn'),\n                tdTabsClassGenerator('btn--right'),\n                tdSizeClassGenerator(size),\n              )}\n            >\n              <ChevronRightIcon />\n            </div>\n          ) : null}\n          {addable ? (\n            <div\n              className={classNames(\n                tdTabsClassGenerator('add-btn'),\n                tdTabsClassGenerator('btn'),\n                tdSizeClassGenerator(size),\n              )}\n              onClick={(e) => {\n                onAdd({ e });\n                // 新增逻辑执行完成，数据渲染完成之后，判断是否需要展示右侧的数据\n                setTimeout(() => {\n                  scrollToRightEnd();\n                }, 0);\n              }}\n            >\n              <AddIcon />\n            </div>\n          ) : null}\n        </div>\n        <div\n          className={classNames(\n            tdTabsClassGenerator('nav-container'),\n            isCard ? tdTabsClassGenerator('nav--card') : '',\n            tdClassGenerator(`is-${placement}`),\n            addable ? tdClassGenerator('is-addable') : '',\n          )}\n        >\n          <div\n            className={classNames(\n              tdTabsClassGenerator('nav-scroll'),\n              isScrollVisible ? tdClassGenerator('is-scrollable') : '',\n            )}\n            ref={scrollBarRef}\n          >\n            <div\n              className={classNames(\n                tdTabsClassGenerator('nav-wrap'),\n                ['left', 'right'].includes(placement) ? tdClassGenerator('is-vertical') : '',\n              )}\n              ref={navContainerRef}\n            >\n              {placement !== 'bottom' ? TabBarCom : null}\n              <div className={classNames(tdTabsClassGenerator('bar'), tdClassGenerator(`is-${placement}`))} />\n              {itemList.map((v, index) => (\n                <TabNavItem\n                  {...props}\n                  {...v}\n                  // 显式给 onRemove 赋值，防止 props 的 onRemove 事件透传\n                  onRemove={v.onRemove}\n                  key={v.value}\n                  label={v.label}\n                  isActive={activeValue === v.value}\n                  theme={theme}\n                  placement={placement}\n                  index={index}\n                  disabled={disabled || v.disabled}\n                  onClick={() => {\n                    tabClick(v.value);\n                    onChange(v.value);\n                    setActiveIndex(getIndex(v.value));\n                  }}\n                  onTabRemove={onRemove}\n                />\n              ))}\n              {placement === 'bottom' ? TabBarCom : null}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTabNav.displayName = 'TabNav';\n\nexport default TabNav;\n"],"names":["TabNav","props","placement","itemList","tabClick","noop","theme","addable","onAdd","size","disabled","onRemove","onChange","activeValue","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","navContainerRef","useRef","getIndex","useCallback","value","index","forEach","v","i","useState","activeIndex","setActiveIndex","useEffect","isScrollVisible","setIsScrollVisible","leftScrollBtnVisible","setLeftScrollBtnVisible","rightScrollBtnVisible","setRightScrollBtnVisible","scrollBarRef","getScrollBtnVisible","scrollLeft","current","console","error","innerScrollLeft","isScrollVisible2","clientWidth","leftVisible","rightVisible","setScrollBtnVisibleHandler","scrollClickHandler","position","ref","scrollTo","left","behavior","scrollToRightEnd","TabBarCom","React","createElement","TabBar","tabPosition","activeId","containerRef","className","classNames","onClick","ChevronLeftIcon","ChevronRightIcon","e","setTimeout","AddIcon","includes","map","TabNavItem","key","label","isActive","onTabRemove","displayName"],"mappings":"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"}
+{"version":3,"file":"TabNav.js","sources":["../../src/tabs/TabNav.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { AddIcon, ChevronLeftIcon, ChevronRightIcon } from 'tdesign-icons-react';\nimport { TdTabsProps, TdTabPanelProps, TabValue } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\nimport TabNavItem from './TabNavItem';\nimport TabBar from './TabBar';\n\nexport interface TabNavProps extends TdTabsProps {\n  itemList: TdTabPanelProps[];\n  tabClick: (s: TabValue) => void;\n  activeValue: TabValue;\n  size?: 'medium' | 'large';\n}\n\nconst TabNav: React.FC<TabNavProps> = (props) => {\n  const {\n    placement = 'top',\n    itemList,\n    tabClick = noop,\n    theme,\n    addable,\n    onAdd,\n    size = 'medium',\n    disabled = false,\n    onRemove = noop,\n    onChange = noop,\n    activeValue,\n  } = props;\n\n  // 逻辑层较多处需要判断是否为 card 类型，进行逻辑抽象\n  const isCard = theme === 'card';\n\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  // :todo 兼容老版本 TabBar 的实现\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const getIndex = useCallback(\n    (value) => {\n      let index = 0;\n      itemList.forEach((v, i) => {\n        if (v.value === value) {\n          index = i;\n        }\n      });\n      return index;\n    },\n    [itemList],\n  );\n\n  const activeIndex = getIndex(activeValue);\n\n  // 判断滚动条是否需要展示\n  const [isScrollVisible, setIsScrollVisible] = useState(false);\n  const [leftScrollBtnVisible, setLeftScrollBtnVisible] = useState(false);\n  const [rightScrollBtnVisible, setRightScrollBtnVisible] = useState(false);\n\n  // 滚动条 ref 定义\n  const scrollBarRef = useRef(null);\n  const leftScrollBtnRef = useRef(null);\n  const rightScrollBtnRef = useRef(null);\n\n  /**\n   * @date 2021-07-26 15:57:46\n   * @desc 检查当前内容区块是否超出滚动区块，判断左右滑动按钮是否展示\n   * @param scrollLeft undefined|number undefined 时根据当前的滑块位置决定，number 时，以传入的参数作为当前滑块位置判断\n   *        需要此参数的目的: 滚动之后需要重新判断是否需要展示左右的滑块，而滚动过程中根据滑块位置判断会有误差，scrollTo 也不支持完成回调。\n   * @returns result [是否需要展示滚动, 是否需要展示左边调整滚动的按钮，是否需要展示右边调整滚动的按钮]\n   */\n  const getScrollBtnVisible = (scrollLeft: undefined | number = undefined): [boolean, boolean, boolean] => {\n    if (!scrollBarRef.current || !navContainerRef.current) {\n      // :todo 滚动条和内容区的 ref 任意一个不合法时，不执行此函数，暂时 console.error 打印错误\n      console.error('[tdesign-tabs]滚动条和内容区 dom 结构异常');\n      return [false, false, false];\n    }\n\n    let innerScrollLeft = scrollBarRef.current.scrollLeft;\n    if (scrollLeft !== undefined) {\n      innerScrollLeft = scrollLeft;\n    }\n\n    const isScrollVisible = scrollBarRef.current.clientWidth < navContainerRef.current.clientWidth;\n    const leftVisible = innerScrollLeft > 0;\n    const rightVisible =\n      isScrollVisible && innerScrollLeft < navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;\n\n    return [isScrollVisible, leftVisible, rightVisible];\n  };\n\n  // 调用检查函数，并设置左右滑动按钮的展示状态\n  const setScrollBtnVisibleHandler = (scrollLeft: undefined | number = undefined) => {\n    const [isScrollVisible, leftVisible, rightVisible] = getScrollBtnVisible(scrollLeft);\n    setIsScrollVisible(isScrollVisible);\n    setLeftScrollBtnVisible(leftVisible);\n    setRightScrollBtnVisible(rightVisible);\n  };\n\n  // 滚动条处理逻辑\n  const scrollClickHandler = (position: 'left' | 'right') => {\n    const doubleScrollBtnWidth =\n      (leftScrollBtnRef.current?.clientWidth || rightScrollBtnRef.current?.clientWidth || 0) * 2;\n    const scrollLength = scrollBarRef.current.clientWidth - doubleScrollBtnWidth;\n    const ref = scrollBarRef.current;\n    if (ref) {\n      const scrollLeft = position === 'left' ? ref.scrollLeft - scrollLength : ref.scrollLeft + scrollLength;\n      ref.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n      setScrollBtnVisibleHandler(scrollLeft);\n    }\n  };\n\n  // 滚动到最右侧 (目前专用在新增之后)\n  const scrollToRightEnd = () => {\n    if (navContainerRef.current && scrollBarRef.current) {\n      const scrollLeft = navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;\n      scrollBarRef.current.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n      setScrollBtnVisibleHandler(scrollLeft);\n    }\n  };\n\n  // TabBar 组件逻辑层抽象，卡片类型时无需展示，故将逻辑整合到此处\n  const TabBarCom = isCard ? null : (\n    <TabBar tabPosition={placement} activeId={activeIndex} containerRef={navContainerRef} />\n  );\n\n  // 组件初始化后判断当前是否需要展示滑动按钮\n  useEffect(() => {\n    setScrollBtnVisibleHandler();\n    // eslint-disable-next-line\n  }, [itemList.length]);\n\n  const handleTabItemRemove = (removeItem) => {\n    const { value: removeValue, index: removeIndex } = removeItem;\n    if (removeValue === activeValue) {\n      onChange(removeIndex === 0 ? itemList[removeIndex + 1]?.value : itemList[removeIndex - 1].value);\n    }\n    onRemove(removeItem);\n  };\n\n  const handleTabItemClick = (clickItem) => {\n    tabClick(clickItem.value);\n    onChange(clickItem.value);\n  };\n\n  const handleTabAdd = (e) => {\n    onAdd({ e });\n    // 新增逻辑执行完成，数据渲染完成之后，判断是否需要展示右侧的数据\n    setTimeout(() => {\n      scrollToRightEnd();\n    }, 0);\n  };\n\n  return (\n    <div className={classNames(tdTabsClassGenerator('header'), tdClassGenerator(`is-${placement}`))}>\n      <div className={classNames(tdTabsClassGenerator('nav'))} style={{ minHeight: 48 }}>\n        <div className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--left'))}>\n          {leftScrollBtnVisible ? (\n            <div\n              onClick={() => {\n                scrollClickHandler('left');\n              }}\n              className={classNames(\n                tdTabsClassGenerator('btn'),\n                tdTabsClassGenerator('btn--left'),\n                tdSizeClassGenerator(size),\n              )}\n              ref={leftScrollBtnRef}\n            >\n              <ChevronLeftIcon />\n            </div>\n          ) : null}\n        </div>\n        <div className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--right'))}>\n          {rightScrollBtnVisible ? (\n            <div\n              onClick={() => {\n                scrollClickHandler('right');\n              }}\n              className={classNames(\n                tdTabsClassGenerator('btn'),\n                tdTabsClassGenerator('btn--right'),\n                tdSizeClassGenerator(size),\n              )}\n              ref={rightScrollBtnRef}\n            >\n              <ChevronRightIcon />\n            </div>\n          ) : null}\n          {addable ? (\n            <div\n              className={classNames(\n                tdTabsClassGenerator('add-btn'),\n                tdTabsClassGenerator('btn'),\n                tdSizeClassGenerator(size),\n              )}\n              onClick={handleTabAdd}\n            >\n              <AddIcon />\n            </div>\n          ) : null}\n        </div>\n        <div\n          className={classNames(\n            tdTabsClassGenerator('nav-container'),\n            isCard ? tdTabsClassGenerator('nav--card') : '',\n            tdClassGenerator(`is-${placement}`),\n            addable ? tdClassGenerator('is-addable') : '',\n          )}\n        >\n          <div\n            className={classNames(\n              tdTabsClassGenerator('nav-scroll'),\n              isScrollVisible ? tdClassGenerator('is-scrollable') : '',\n            )}\n            ref={scrollBarRef}\n          >\n            <div\n              className={classNames(\n                tdTabsClassGenerator('nav-wrap'),\n                ['left', 'right'].includes(placement) ? tdClassGenerator('is-vertical') : '',\n              )}\n              ref={navContainerRef}\n            >\n              {placement !== 'bottom' ? TabBarCom : null}\n              {!isCard && (\n                <div className={classNames(tdTabsClassGenerator('bar'), tdClassGenerator(`is-${placement}`))} />\n              )}\n              {itemList.map((v, index) => (\n                <TabNavItem\n                  {...props}\n                  {...v}\n                  // 显式给 onRemove 赋值，防止 props 的 onRemove 事件透传\n                  onRemove={v.onRemove}\n                  key={v.value}\n                  label={v.label}\n                  isActive={activeValue === v.value}\n                  theme={theme}\n                  placement={placement}\n                  index={index}\n                  disabled={disabled || v.disabled}\n                  onClick={() => handleTabItemClick(v)}\n                  onTabRemove={handleTabItemRemove}\n                />\n              ))}\n              {placement === 'bottom' ? TabBarCom : null}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTabNav.displayName = 'TabNav';\n\nexport default TabNav;\n"],"names":["TabNav","props","placement","itemList","tabClick","noop","theme","addable","onAdd","size","disabled","onRemove","onChange","activeValue","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","navContainerRef","useRef","getIndex","useCallback","value","index","forEach","v","i","activeIndex","useState","isScrollVisible","setIsScrollVisible","leftScrollBtnVisible","setLeftScrollBtnVisible","rightScrollBtnVisible","setRightScrollBtnVisible","scrollBarRef","leftScrollBtnRef","rightScrollBtnRef","getScrollBtnVisible","scrollLeft","current","console","error","innerScrollLeft","isScrollVisible2","clientWidth","leftVisible","rightVisible","setScrollBtnVisibleHandler","scrollClickHandler","position","doubleScrollBtnWidth","scrollLength","ref","scrollTo","left","behavior","scrollToRightEnd","TabBarCom","React","createElement","TabBar","tabPosition","activeId","containerRef","useEffect","length","handleTabItemRemove","removeItem","removeValue","removeIndex","handleTabItemClick","clickItem","handleTabAdd","e","setTimeout","className","classNames","style","minHeight","onClick","ChevronLeftIcon","ChevronRightIcon","AddIcon","includes","map","TabNavItem","key","label","isActive","onTabRemove","displayName"],"mappings":"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"}

package/esm/tabs/TabNavItem.js

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

package/esm/tabs/TabPanel.js

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

package/esm/tabs/Tabs.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import TabNav from './TabNav.js';
 import { useTabClass } from './useTabClass.js';
 import TabPanel from './TabPanel.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import 'hoist-non-react-statics';
 import 'tdesign-icons-react';
 import '../_util/noop.js';
@@ -31,7 +31,8 @@ var Tabs = forwardRefWithStatics(function (props, ref) {
   var children = props.children,
       placement = props.placement,
       onRemove = props.onRemove,
-      tabValue = props.value;
+      tabValue = props.value,
+      onChange = props.onChange;
   var defaultValue = props.defaultValue;
 
   var _useTabClass = useTabClass(),
@@ -60,12 +61,27 @@ var Tabs = forwardRefWithStatics(function (props, ref) {
     tabValue !== void 0 && setValue(tabValue);
   }, [tabValue]);
 
+  var handleChange = function handleChange(v) {
+    if (tabValue === void 0) {
+      setValue(v);
+    }
+
+    onChange === null || onChange === void 0 ? void 0 : onChange(v);
+  };
+
+  var handleClickTab = function handleClickTab(v) {
+    if (tabValue === void 0) {
+      setValue(v);
+    }
+  };
+
   var renderTabNav = function renderTabNav() {
     return /* @__PURE__ */React.createElement(TabNav, _objectSpread(_objectSpread({}, props), {}, {
       activeValue: value,
       onRemove: onRemove,
       itemList: itemList,
-      tabClick: setValue
+      tabClick: handleClickTab,
+      onChange: handleChange
     }));
   };