tdesign-react 0.23.1 → 0.24.0

package/es/table/primary/useSorter.js

@@ -1,57 +1,65 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-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-53dd2095.js';
-import '../../config-provider/index.js';
+import { _ as _defineProperty } from '../../_chunks/dep-da0195e8.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-59171410.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-5b8e5d73.js';
+import React, { useState, useMemo, useEffect } from 'react';
+import { g as get_1 } from '../../_chunks/dep-0bdd550e.js';
 import SorterButton, { SortTypeEnum } from './SorterButton.js';
 import { useColumns } from '../hooks/useColumns.js';
-import ConfigContext from '../../config-provider/ConfigContext.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-bc6012b1.js';
-import '../../locale/zh_CN.js';
+import useConfig from '../../_util/useConfig.js';
+import '../../_chunks/dep-bb7a29d3.js';
+import '../../_chunks/dep-e84af34d.js';
+import '../../_chunks/dep-8e3adbe6.js';
+import '../../_chunks/dep-7af37a50.js';
+import '../../_chunks/dep-91f5db94.js';
+import '../../_chunks/dep-c412d468.js';
+import '../../_chunks/dep-ec363cfe.js';
+import '../../_chunks/dep-2e6751f8.js';
+import '../../_chunks/dep-0556fa4d.js';
+import '../../_chunks/dep-19031d17.js';
+import '../../_chunks/dep-62626ccf.js';
+import '../../_chunks/dep-4adbd07b.js';
+import '../../_chunks/dep-f5bbc454.js';
+import '../../_chunks/dep-83cac284.js';
+import '../../_chunks/dep-883e1561.js';
 import 'classnames';
 import 'tdesign-icons-react';
 import '../../tooltip/index.js';
 import '../../tooltip/Tooltip.js';
+import '../../_chunks/dep-b50698cb.js';
 import '../../popup/index.js';
 import '../../popup/Popup.js';
 import 'react-transition-group';
 import 'react-popper';
 import '../../_util/useDefault.js';
 import '../../_util/noop.js';
-import '../../_util/useConfig.js';
 import '../../_util/composeRefs.js';
 import '../../common/Portal.js';
 import 'react-dom';
 import '../../popup/hooks/useTriggerProps.js';
 import '../../_util/useClickOutside.js';
 import '../../popup/hooks/usePopupCssTransition.js';
+import '../../_chunks/dep-b30368ce.js';
+import '../../_chunks/dep-5af122d0.js';
+import '../../_chunks/dep-54a086ab.js';
+import '../../_chunks/dep-9df330b6.js';
+import '../../_chunks/dep-200d9e9e.js';
+import '../../_chunks/dep-58378e0a.js';
+import '../../_chunks/dep-3fffcdb8.js';
+import '../../locale/zh_CN.js';
+import '../../_common/js/locale/zh_CN.js';
+import '../../config-provider/defaultConfig.js';
 import './style/css.js';
 import '../../popup/type.js';
 import '../../tooltip/type.js';
+import '../../locale/LocalReceiver.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
@@ -68,8 +76,8 @@ function useSorter(props) {
       _useColumns2 = _slicedToArray(_useColumns, 2),
       flattenColumns = _useColumns2[1];
 
-  var _useContext = useContext(ConfigContext),
-      classPrefix = _useContext.classPrefix;
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
 
   var columns = props.columns,
       sort = props.sort,

package/es/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, 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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"}
+{"version":3,"file":"useSorter.js","sources":["../../../src/table/primary/useSorter.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport get from 'lodash/get';\nimport { SortInfo, PrimaryTableCol, SortType, DataType, SortOptions, TableSort, TdPrimaryTableProps } from '../type';\nimport SorterButton, { SortTypeEnum } from './SorterButton';\nimport { PrimaryTableProps } from './Table';\nimport { useColumns } from '../hooks/useColumns';\nimport useConfig from '../../_util/useConfig';\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 } = useConfig();\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","useConfig","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/es/table/style/index.js

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

package/es/table/type.js

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

package/es/table/util/getRowKeyFromRowKey.js

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

package/es/table/util/index.js

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

package/es/tabs/TabBar.js

@@ -1,17 +1,36 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
-import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
+import { _ as _defineProperty } from '../_chunks/dep-da0195e8.js';
+import { _ as _slicedToArray } from '../_chunks/dep-5b8e5d73.js';
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-c7bc4d7c.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-bb7a29d3.js';
+import '../_chunks/dep-b30368ce.js';
+import '../_chunks/dep-e84af34d.js';
+import '../_chunks/dep-5af122d0.js';
+import '../_chunks/dep-19031d17.js';
+import '../_chunks/dep-62626ccf.js';
+import '../_chunks/dep-4adbd07b.js';
+import '../_chunks/dep-2e6751f8.js';
+import '../_chunks/dep-c412d468.js';
+import '../_chunks/dep-f5bbc454.js';
+import '../_chunks/dep-0556fa4d.js';
+import '../_chunks/dep-83cac284.js';
+import '../_chunks/dep-54a086ab.js';
+import '../_chunks/dep-9df330b6.js';
+import '../_chunks/dep-200d9e9e.js';
+import '../_chunks/dep-58378e0a.js';
+import '../_chunks/dep-7af37a50.js';
+import '../_chunks/dep-91f5db94.js';
+import '../_chunks/dep-3fffcdb8.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 
 var TabBar = function TabBar(props) {
   var _classNames;

package/es/tabs/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","sources":["../../src/tabs/TabBar.tsx"],"sourcesContent":["import React, { useEffect, useState, CSSProperties } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\n\ninterface TabBarProps {\n  tabPosition: string;\n  activeId: string | number;\n  containerRef: React.MutableRefObject<HTMLDivElement>;\n}\n\nconst TabBar: React.FC<TabBarProps> = (props) => {\n  const { tabPosition, activeId, containerRef } = props;\n  const { classPrefix } = useConfig();\n  const [barStyle, setBarStyle] = useState<CSSProperties>({});\n  const tabsClassPrefix = `${classPrefix}-tabs`;\n\n  const computeStyle = ({ tabPosition, activeId }) => {\n    const isHorizontal = ['bottom', 'top'].includes(tabPosition);\n    const transformPosition = isHorizontal ? 'translateX' : 'translateY';\n    const itemProp = isHorizontal ? 'width' : 'height';\n    const barBorderProp = isHorizontal ? 'width' : 'height';\n\n    let offset = 0;\n    if (containerRef.current) {\n      const itemsRef = containerRef.current.querySelectorAll('.t-tabs__nav-item');\n\n      if (itemsRef.length - 1 >= activeId) {\n        itemsRef.forEach((item, itemIndex) => {\n          if (itemIndex < activeId) {\n            offset += Number(getComputedStyle(item)[itemProp].replace('px', ''));\n          }\n        });\n        const computedItem = itemsRef[activeId];\n        if (!computedItem) {\n          setBarStyle({\n            transform: `${transformPosition}(${0}px)`,\n            [barBorderProp]: 0,\n          });\n          return;\n        }\n        const itemPropValue = getComputedStyle(computedItem)[itemProp];\n        setBarStyle({\n          transform: `${transformPosition}(${offset}px)`,\n          [barBorderProp]: itemPropValue,\n        });\n      }\n    }\n  };\n\n  useEffect(() => {\n    computeStyle({\n      tabPosition,\n      activeId,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tabPosition, activeId]);\n\n  return (\n    <div\n      className={classNames({\n        [`${tabsClassPrefix}__bar`]: true,\n        [`t-is-${tabPosition}`]: true,\n      })}\n      style={barStyle}\n    ></div>\n  );\n};\n\nTabBar.displayName = 'TabBar';\n\nexport default TabBar;\n"],"names":["TabBar","props","tabPosition","activeId","containerRef","useConfig","classPrefix","useState","barStyle","setBarStyle","tabsClassPrefix","computeStyle","tabPosition2","activeId2","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","current","itemsRef","querySelectorAll","length","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","transform","itemPropValue","useEffect","React","createElement","className","classNames","style","displayName"],"mappings":";;;;;;;;;;;;;;;IAGMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AAAA;;AACxB,MAAQC,WAAR,GAAgDD,KAAhD,CAAQC,WAAR;AAAA,MAAqBC,QAArB,GAAgDF,KAAhD,CAAqBE,QAArB;AAAA,MAA+BC,YAA/B,GAAgDH,KAAhD,CAA+BG,YAA/B;;AACA,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,kBAAgCC,QAAQ,CAAC,EAAD,CAAxC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAMC,eAAe,aAAMJ,WAAN,UAArB;;AACA,MAAMK,YAAY,GAAG,SAAfA,YAAe,OAAwD;AAAA,QAAxCC,YAAwC,QAArDV,WAAqD;AAAA,QAAhBW,SAAgB,QAA1BV,QAA0B;AAC3E,QAAMW,YAAY,GAAG,CAAC,QAAD,EAAW,KAAX,EAAkBC,QAAlB,CAA2BH,YAA3B,CAArB;AACA,QAAMI,iBAAiB,GAAGF,YAAY,GAAG,YAAH,GAAkB,YAAxD;AACA,QAAMG,QAAQ,GAAGH,YAAY,GAAG,OAAH,GAAa,QAA1C;AACA,QAAMI,aAAa,GAAGJ,YAAY,GAAG,OAAH,GAAa,QAA/C;AACA,QAAIK,MAAM,GAAG,CAAb;;AACA,QAAIf,YAAY,CAACgB,OAAjB,EAA0B;AACxB,UAAMC,QAAQ,GAAGjB,YAAY,CAACgB,OAAb,CAAqBE,gBAArB,CAAsC,mBAAtC,CAAjB;;AACA,UAAID,QAAQ,CAACE,MAAT,GAAkB,CAAlB,IAAuBV,SAA3B,EAAsC;AACpCQ,QAAAA,QAAQ,CAACG,OAAT,CAAiB,UAACC,IAAD,EAAOC,SAAP,EAAqB;AACpC,cAAIA,SAAS,GAAGb,SAAhB,EAA2B;AACzBM,YAAAA,MAAM,IAAIQ,MAAM,CAACC,gBAAgB,CAACH,IAAD,CAAhB,CAAuBR,QAAvB,EAAiCY,OAAjC,CAAyC,IAAzC,EAA+C,EAA/C,CAAD,CAAhB;AACD;AACF,SAJD;AAKA,YAAMC,YAAY,GAAGT,QAAQ,CAACR,SAAD,CAA7B;;AACA,YAAI,CAACiB,YAAL,EAAmB;AACjBrB,UAAAA,WAAW;AACTsB,YAAAA,SAAS,YAAKf,iBAAL,OAA0B,CAA1B;AADA,aAERE,aAFQ,EAEQ,CAFR,EAAX;AAIA;AACD;;AACD,YAAMc,aAAa,GAAGJ,gBAAgB,CAACE,YAAD,CAAhB,CAA+Bb,QAA/B,CAAtB;AACAR,QAAAA,WAAW;AACTsB,UAAAA,SAAS,YAAKf,iBAAL,cAA0BG,MAA1B;AADA,WAERD,aAFQ,EAEQc,aAFR,EAAX;AAID;AACF;AACF,GA7BD;;AA8BAC,EAAAA,SAAS,CAAC,YAAM;AACdtB,IAAAA,YAAY,CAAC;AACXT,MAAAA,WAAW,EAAXA,WADW;AAEXC,MAAAA,QAAQ,EAARA;AAFW,KAAD,CAAZ;AAID,GALQ,EAKN,CAACD,WAAD,EAAcC,QAAd,CALM,CAAT;AAMA,wBAAuB+B,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,EAAEC,UAAU,2DACf3B,eADe,YACU,IADV,+CAEVR,WAFU,GAEM,IAFN,gBAD2B;AAKhDoC,IAAAA,KAAK,EAAE9B;AALyC,GAA3B,CAAvB;AAOD;;AACDR,MAAM,CAACuC,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"TabBar.js","sources":["../../src/tabs/TabBar.tsx"],"sourcesContent":["import React, { useEffect, useState, CSSProperties } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\n\ninterface TabBarProps {\n  tabPosition: string;\n  activeId: string | number;\n  containerRef: React.MutableRefObject<HTMLDivElement>;\n}\n\nconst TabBar: React.FC<TabBarProps> = (props) => {\n  const { tabPosition, activeId, containerRef } = props;\n  const { classPrefix } = useConfig();\n  const [barStyle, setBarStyle] = useState<CSSProperties>({});\n  const tabsClassPrefix = `${classPrefix}-tabs`;\n\n  const computeStyle = ({ tabPosition, activeId }) => {\n    const isHorizontal = ['bottom', 'top'].includes(tabPosition);\n    const transformPosition = isHorizontal ? 'translateX' : 'translateY';\n    const itemProp = isHorizontal ? 'width' : 'height';\n    const barBorderProp = isHorizontal ? 'width' : 'height';\n\n    let offset = 0;\n    if (containerRef.current) {\n      const itemsRef = containerRef.current.querySelectorAll('.t-tabs__nav-item');\n\n      if (itemsRef.length - 1 >= activeId) {\n        itemsRef.forEach((item, itemIndex) => {\n          if (itemIndex < activeId) {\n            offset += Number(getComputedStyle(item)[itemProp].replace('px', ''));\n          }\n        });\n        const computedItem = itemsRef[activeId];\n        if (!computedItem) {\n          setBarStyle({\n            transform: `${transformPosition}(${0}px)`,\n            [barBorderProp]: 0,\n          });\n          return;\n        }\n        const itemPropValue = getComputedStyle(computedItem)[itemProp];\n        setBarStyle({\n          transform: `${transformPosition}(${offset}px)`,\n          [barBorderProp]: itemPropValue,\n        });\n      }\n    }\n  };\n\n  useEffect(() => {\n    computeStyle({\n      tabPosition,\n      activeId,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tabPosition, activeId]);\n\n  return (\n    <div\n      className={classNames({\n        [`${tabsClassPrefix}__bar`]: true,\n        [`t-is-${tabPosition}`]: true,\n      })}\n      style={barStyle}\n    ></div>\n  );\n};\n\nTabBar.displayName = 'TabBar';\n\nexport default TabBar;\n"],"names":["TabBar","props","tabPosition","activeId","containerRef","useConfig","classPrefix","useState","barStyle","setBarStyle","tabsClassPrefix","computeStyle","tabPosition2","activeId2","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","current","itemsRef","querySelectorAll","length","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","transform","itemPropValue","useEffect","React","createElement","className","classNames","style","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AAAA;;AACxB,MAAQC,WAAR,GAAgDD,KAAhD,CAAQC,WAAR;AAAA,MAAqBC,QAArB,GAAgDF,KAAhD,CAAqBE,QAArB;AAAA,MAA+BC,YAA/B,GAAgDH,KAAhD,CAA+BG,YAA/B;;AACA,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,kBAAgCC,QAAQ,CAAC,EAAD,CAAxC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAMC,eAAe,aAAMJ,WAAN,UAArB;;AACA,MAAMK,YAAY,GAAG,SAAfA,YAAe,OAAwD;AAAA,QAAxCC,YAAwC,QAArDV,WAAqD;AAAA,QAAhBW,SAAgB,QAA1BV,QAA0B;AAC3E,QAAMW,YAAY,GAAG,CAAC,QAAD,EAAW,KAAX,EAAkBC,QAAlB,CAA2BH,YAA3B,CAArB;AACA,QAAMI,iBAAiB,GAAGF,YAAY,GAAG,YAAH,GAAkB,YAAxD;AACA,QAAMG,QAAQ,GAAGH,YAAY,GAAG,OAAH,GAAa,QAA1C;AACA,QAAMI,aAAa,GAAGJ,YAAY,GAAG,OAAH,GAAa,QAA/C;AACA,QAAIK,MAAM,GAAG,CAAb;;AACA,QAAIf,YAAY,CAACgB,OAAjB,EAA0B;AACxB,UAAMC,QAAQ,GAAGjB,YAAY,CAACgB,OAAb,CAAqBE,gBAArB,CAAsC,mBAAtC,CAAjB;;AACA,UAAID,QAAQ,CAACE,MAAT,GAAkB,CAAlB,IAAuBV,SAA3B,EAAsC;AACpCQ,QAAAA,QAAQ,CAACG,OAAT,CAAiB,UAACC,IAAD,EAAOC,SAAP,EAAqB;AACpC,cAAIA,SAAS,GAAGb,SAAhB,EAA2B;AACzBM,YAAAA,MAAM,IAAIQ,MAAM,CAACC,gBAAgB,CAACH,IAAD,CAAhB,CAAuBR,QAAvB,EAAiCY,OAAjC,CAAyC,IAAzC,EAA+C,EAA/C,CAAD,CAAhB;AACD;AACF,SAJD;AAKA,YAAMC,YAAY,GAAGT,QAAQ,CAACR,SAAD,CAA7B;;AACA,YAAI,CAACiB,YAAL,EAAmB;AACjBrB,UAAAA,WAAW;AACTsB,YAAAA,SAAS,YAAKf,iBAAL,OAA0B,CAA1B;AADA,aAERE,aAFQ,EAEQ,CAFR,EAAX;AAIA;AACD;;AACD,YAAMc,aAAa,GAAGJ,gBAAgB,CAACE,YAAD,CAAhB,CAA+Bb,QAA/B,CAAtB;AACAR,QAAAA,WAAW;AACTsB,UAAAA,SAAS,YAAKf,iBAAL,cAA0BG,MAA1B;AADA,WAERD,aAFQ,EAEQc,aAFR,EAAX;AAID;AACF;AACF,GA7BD;;AA8BAC,EAAAA,SAAS,CAAC,YAAM;AACdtB,IAAAA,YAAY,CAAC;AACXT,MAAAA,WAAW,EAAXA,WADW;AAEXC,MAAAA,QAAQ,EAARA;AAFW,KAAD,CAAZ;AAID,GALQ,EAKN,CAACD,WAAD,EAAcC,QAAd,CALM,CAAT;AAMA,wBAAuB+B,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,EAAEC,UAAU,2DACf3B,eADe,YACU,IADV,+CAEVR,WAFU,GAEM,IAFN,gBAD2B;AAKhDoC,IAAAA,KAAK,EAAE9B;AALyC,GAA3B,CAAvB;AAOD;;AACDR,MAAM,CAACuC,WAAP,GAAqB,QAArB;;;;"}

package/es/tabs/TabNav.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
-import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
+import { _ as _defineProperty } from '../_chunks/dep-da0195e8.js';
+import { _ as _slicedToArray } from '../_chunks/dep-5b8e5d73.js';
 import React, { useRef, useCallback, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { ChevronLeftIcon, ChevronRightIcon, AddIcon } from 'tdesign-icons-react';
@@ -13,10 +13,29 @@ import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
 import TabNavItem from './TabNavItem.js';
 import TabBar from './TabBar.js';
-import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-bb7a29d3.js';
 import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-b30368ce.js';
+import '../_chunks/dep-e84af34d.js';
+import '../_chunks/dep-5af122d0.js';
+import '../_chunks/dep-19031d17.js';
+import '../_chunks/dep-62626ccf.js';
+import '../_chunks/dep-4adbd07b.js';
+import '../_chunks/dep-2e6751f8.js';
+import '../_chunks/dep-c412d468.js';
+import '../_chunks/dep-f5bbc454.js';
+import '../_chunks/dep-0556fa4d.js';
+import '../_chunks/dep-83cac284.js';
+import '../_chunks/dep-54a086ab.js';
+import '../_chunks/dep-9df330b6.js';
+import '../_chunks/dep-200d9e9e.js';
+import '../_chunks/dep-58378e0a.js';
+import '../_chunks/dep-7af37a50.js';
+import '../_chunks/dep-91f5db94.js';
+import '../_chunks/dep-3fffcdb8.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 

package/es/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 = 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":";;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AACxB,yBAYIA,KAZJ,CACEC,SADF;AAAA,MACEA,SADF,iCACc,KADd;AAAA,MAEEC,QAFF,GAYIF,KAZJ,CAEEE,QAFF;AAAA,wBAYIF,KAZJ,CAGEG,QAHF;AAAA,MAGEA,QAHF,gCAGaC,IAHb;AAAA,MAIEC,KAJF,GAYIL,KAZJ,CAIEK,KAJF;AAAA,MAKEC,OALF,GAYIN,KAZJ,CAKEM,OALF;AAAA,MAMEC,KANF,GAYIP,KAZJ,CAMEO,KANF;AAAA,oBAYIP,KAZJ,CAOEQ,IAPF;AAAA,MAOEA,IAPF,4BAOS,QAPT;AAAA,wBAYIR,KAZJ,CAQES,QARF;AAAA,MAQEA,QARF,gCAQa,KARb;AAAA,wBAYIT,KAZJ,CASEU,QATF;AAAA,MASEA,QATF,gCASaN,IATb;AAAA,wBAYIJ,KAZJ,CAUEW,QAVF;AAAA,MAUEA,QAVF,gCAUaP,IAVb;AAAA,MAWEQ,WAXF,GAYIZ,KAZJ,CAWEY,WAXF;AAaA,MAAMC,MAAM,GAAGR,KAAK,KAAK,MAAzB;;AACA,qBAAyES,WAAW,EAApF;AAAA,MAAQC,oBAAR,gBAAQA,oBAAR;AAAA,MAA8BC,gBAA9B,gBAA8BA,gBAA9B;AAAA,MAAgDC,oBAAhD,gBAAgDA,oBAAhD;;AACA,MAAMC,eAAe,GAAGC,MAAM,CAAC,IAAD,CAA9B;AACA,MAAMC,QAAQ,GAAGC,WAAW,CAAC,UAACC,KAAD,EAAW;AACtC,QAAIC,KAAK,GAAG,CAAZ;AACArB,IAAAA,QAAQ,CAACsB,OAAT,CAAiB,UAACC,CAAD,EAAIC,CAAJ,EAAU;AACzB,UAAID,CAAC,CAACH,KAAF,KAAYA,KAAhB,EAAuB;AACrBC,QAAAA,KAAK,GAAGG,CAAR;AACD;AACF,KAJD;AAKA,WAAOH,KAAP;AACD,GAR2B,EAQzB,CAACrB,QAAD,CARyB,CAA5B;AASA,MAAMyB,WAAW,GAAGP,QAAQ,CAACR,WAAD,CAA5B;;AACA,kBAA8CgB,QAAQ,CAAC,KAAD,CAAtD;AAAA;AAAA,MAAOC,eAAP;AAAA,MAAwBC,kBAAxB;;AACA,mBAAwDF,QAAQ,CAAC,KAAD,CAAhE;AAAA;AAAA,MAAOG,oBAAP;AAAA,MAA6BC,uBAA7B;;AACA,mBAA0DJ,QAAQ,CAAC,KAAD,CAAlE;AAAA;AAAA,MAAOK,qBAAP;AAAA,MAA8BC,wBAA9B;;AACA,MAAMC,YAAY,GAAGhB,MAAM,CAAC,IAAD,CAA3B;AACA,MAAMiB,gBAAgB,GAAGjB,MAAM,CAAC,IAAD,CAA/B;AACA,MAAMkB,iBAAiB,GAAGlB,MAAM,CAAC,IAAD,CAAhC;;AACA,MAAMmB,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAyB;AAAA,QAAxBC,UAAwB,uEAAX,KAAK,CAAM;;AACnD,QAAI,CAACJ,YAAY,CAACK,OAAd,IAAyB,CAACtB,eAAe,CAACsB,OAA9C,EAAuD;AACrDC,MAAAA,OAAO,CAACC,KAAR,CAAc,uFAAd;AACA,aAAO,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,CAAP;AACD;;AACD,QAAIC,eAAe,GAAGR,YAAY,CAACK,OAAb,CAAqBD,UAA3C;;AACA,QAAIA,UAAU,KAAK,KAAK,CAAxB,EAA2B;AACzBI,MAAAA,eAAe,GAAGJ,UAAlB;AACD;;AACD,QAAMK,gBAAgB,GAAGT,YAAY,CAACK,OAAb,CAAqBK,WAArB,GAAmC3B,eAAe,CAACsB,OAAhB,CAAwBK,WAApF;AACA,QAAMC,WAAW,GAAGH,eAAe,GAAG,CAAtC;AACA,QAAMI,YAAY,GAAGH,gBAAgB,IAAID,eAAe,GAAGzB,eAAe,CAACsB,OAAhB,CAAwBK,WAAxB,GAAsCV,YAAY,CAACK,OAAb,CAAqBK,WAAtH;AACA,WAAO,CAACD,gBAAD,EAAmBE,WAAnB,EAAgCC,YAAhC,CAAP;AACD,GAbD;;AAcA,MAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,GAAyB;AAAA,QAAxBT,UAAwB,uEAAX,KAAK,CAAM;;AAC1D,+BAAsDD,mBAAmB,CAACC,UAAD,CAAzE;AAAA;AAAA,QAAOK,gBAAP;AAAA,QAAyBE,WAAzB;AAAA,QAAsCC,YAAtC;;AACAjB,IAAAA,kBAAkB,CAACc,gBAAD,CAAlB;AACAZ,IAAAA,uBAAuB,CAACc,WAAD,CAAvB;AACAZ,IAAAA,wBAAwB,CAACa,YAAD,CAAxB;AACD,GALD;;AAMA,MAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,QAAD,EAAc;AAAA;;AACvC,QAAMC,oBAAoB,GAAG,CAAC,0BAAAf,gBAAgB,CAACI,OAAjB,gFAA0BK,WAA1B,+BAAyCR,iBAAiB,CAACG,OAA3D,0DAAyC,sBAA2BK,WAApE,KAAmF,CAApF,IAAyF,CAAtH;AACA,QAAMO,YAAY,GAAGjB,YAAY,CAACK,OAAb,CAAqBK,WAArB,GAAmCM,oBAAxD;AACA,QAAME,GAAG,GAAGlB,YAAY,CAACK,OAAzB;;AACA,QAAIa,GAAJ,EAAS;AACP,UAAMd,UAAU,GAAGW,QAAQ,KAAK,MAAb,GAAsBG,GAAG,CAACd,UAAJ,GAAiBa,YAAvC,GAAsDC,GAAG,CAACd,UAAJ,GAAiBa,YAA1F;AACAC,MAAAA,GAAG,CAACC,QAAJ,CAAa;AACXC,QAAAA,IAAI,EAAEhB,UADK;AAEXiB,QAAAA,QAAQ,EAAE;AAFC,OAAb;AAIAR,MAAAA,0BAA0B,CAACT,UAAD,CAA1B;AACD;AACF,GAZD;;AAaA,MAAMkB,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B,QAAIvC,eAAe,CAACsB,OAAhB,IAA2BL,YAAY,CAACK,OAA5C,EAAqD;AACnD,UAAMD,UAAU,GAAGrB,eAAe,CAACsB,OAAhB,CAAwBK,WAAxB,GAAsCV,YAAY,CAACK,OAAb,CAAqBK,WAA9E;AACAV,MAAAA,YAAY,CAACK,OAAb,CAAqBc,QAArB,CAA8B;AAC5BC,QAAAA,IAAI,EAAEhB,UADsB;AAE5BiB,QAAAA,QAAQ,EAAE;AAFkB,OAA9B;AAIAR,MAAAA,0BAA0B,CAACT,UAAD,CAA1B;AACD;AACF,GATD;;AAUA,MAAMmB,SAAS,GAAG7C,MAAM,GAAG,IAAH,kBAA0B8C,KAAK,CAACC,aAAN,CAAoBC,MAApB,EAA4B;AAC5EC,IAAAA,WAAW,EAAE7D,SAD+D;AAE5E8D,IAAAA,QAAQ,EAAEpC,WAFkE;AAG5EqC,IAAAA,YAAY,EAAE9C;AAH8D,GAA5B,CAAlD;AAKA+C,EAAAA,SAAS,CAAC,YAAM;AACdjB,IAAAA,0BAA0B;AAC3B,GAFQ,EAEN,CAAC9C,QAAQ,CAACgE,MAAV,CAFM,CAAT;;AAGA,MAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,UAAD,EAAgB;AAC1C,QAAeC,WAAf,GAAmDD,UAAnD,CAAQ9C,KAAR;AAAA,QAAmCgD,WAAnC,GAAmDF,UAAnD,CAA4B7C,KAA5B;;AACA,QAAI8C,WAAW,KAAKzD,WAApB,EAAiC;AAAA;;AAC/BD,MAAAA,QAAQ,CAAC2D,WAAW,KAAK,CAAhB,gBAAoBpE,QAAQ,CAACoE,WAAW,GAAG,CAAf,CAA5B,8CAAoB,UAA2BhD,KAA/C,GAAuDpB,QAAQ,CAACoE,WAAW,GAAG,CAAf,CAAR,CAA0BhD,KAAlF,CAAR;AACD;;AACDZ,IAAAA,QAAQ,CAAC0D,UAAD,CAAR;AACD,GAND;;AAOA,MAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAe;AACxCrE,IAAAA,QAAQ,CAACqE,SAAS,CAAClD,KAAX,CAAR;AACAX,IAAAA,QAAQ,CAAC6D,SAAS,CAAClD,KAAX,CAAR;AACD,GAHD;;AAIA,MAAMmD,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAAO;AAC1BnE,IAAAA,KAAK,CAAC;AAAEmE,MAAAA,CAAC,EAADA;AAAF,KAAD,CAAL;AACAC,IAAAA,UAAU,CAAC,YAAM;AACflB,MAAAA,gBAAgB;AACjB,KAFS,EAEP,CAFO,CAAV;AAGD,GALD;;AAMA,wBAAuBE,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDgB,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,QAAD,CAArB,EAAiCC,gBAAgB,cAAOf,SAAP,EAAjD;AAD2B,GAA3B,iBAEJ0D,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CgB,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,KAAD,CAArB,CADuB;AAE5C+D,IAAAA,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAE;AAAb;AAFqC,GAA3B,iBAGApB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CgB,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,YAAD,CAArB,EAAqCA,oBAAoB,CAAC,kBAAD,CAAzD;AADuB,GAA3B,EAEhBgB,oBAAoB,kBAAmB4B,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACnEoB,IAAAA,OAAO,EAAE,mBAAM;AACb/B,MAAAA,kBAAkB,CAAC,MAAD,CAAlB;AACD,KAHkE;AAInE2B,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,KAAD,CAArB,EAA8BA,oBAAoB,CAAC,WAAD,CAAlD,EAAiEE,oBAAoB,CAACT,IAAD,CAArF,CAJ8C;AAKnE6C,IAAAA,GAAG,EAAEjB;AAL8D,GAA3B,iBAMvBuB,KAAK,CAACC,aAAN,CAAoBqB,eAApB,EAAqC,IAArC,CANuB,CAAnB,GAM0C,IAR9C,CAHA,iBAWqEtB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACjHgB,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,YAAD,CAArB,EAAqCA,oBAAoB,CAAC,mBAAD,CAAzD;AAD4F,GAA3B,EAErFkB,qBAAqB,kBAAmB0B,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACpEoB,IAAAA,OAAO,EAAE,mBAAM;AACb/B,MAAAA,kBAAkB,CAAC,OAAD,CAAlB;AACD,KAHmE;AAIpE2B,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,KAAD,CAArB,EAA8BA,oBAAoB,CAAC,YAAD,CAAlD,EAAkEE,oBAAoB,CAACT,IAAD,CAAtF,CAJ+C;AAKpE6C,IAAAA,GAAG,EAAEhB;AAL+D,GAA3B,iBAMxBsB,KAAK,CAACC,aAAN,CAAoBsB,gBAApB,EAAsC,IAAtC,CANwB,CAAnB,GAM0C,IARsB,EAQhB5E,OAAO,kBAAmBqD,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC3HgB,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,SAAD,CAArB,EAAkCA,oBAAoB,CAAC,KAAD,CAAtD,EAA+DE,oBAAoB,CAACT,IAAD,CAAnF,CADsG;AAE3HwE,IAAAA,OAAO,EAAEP;AAFkH,GAA3B,iBAG/Ed,KAAK,CAACC,aAAN,CAAoBuB,OAApB,EAA6B,IAA7B,CAH+E,CAAnB,GAGtB,IAX+B,CAXrE,iBAsB6DxB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACzGgB,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,eAAD,CAArB,EAAwCF,MAAM,GAAGE,oBAAoB,CAAC,WAAD,CAAvB,GAAuC,EAArF,EAAyFC,gBAAgB,cAAOf,SAAP,EAAzG,EAA8HK,OAAO,GAAGU,gBAAgB,CAAC,YAAD,CAAnB,GAAoC,EAAzK;AADoF,GAA3B,iBAE7D2C,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CgB,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,YAAD,CAArB,EAAqCc,eAAe,GAAGb,gBAAgB,CAAC,eAAD,CAAnB,GAAuC,EAA3F,CADuB;AAE5CqC,IAAAA,GAAG,EAAElB;AAFuC,GAA3B,iBAGAwB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CgB,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,UAAD,CAArB,EAAmC,CAAC,MAAD,EAAS,OAAT,EAAkBqE,QAAlB,CAA2BnF,SAA3B,IAAwCe,gBAAgB,CAAC,aAAD,CAAxD,GAA0E,EAA7G,CADuB;AAE5CqC,IAAAA,GAAG,EAAEnC;AAFuC,GAA3B,EAGhBjB,SAAS,KAAK,QAAd,GAAyByD,SAAzB,GAAqC,IAHrB,EAG2B,CAAC7C,MAAD,mBAA2B8C,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAClGgB,IAAAA,SAAS,EAAEC,UAAU,CAAC9D,oBAAoB,CAAC,KAAD,CAArB,EAA8BC,gBAAgB,cAAOf,SAAP,EAA9C;AAD6E,GAA3B,CAHtD,EAKfC,QAAQ,CAACmF,GAAT,CAAa,UAAC5D,CAAD,EAAIF,KAAJ;AAAA,0BAA8BoC,KAAK,CAACC,aAAN,CAAoB0B,UAApB,gDAC1CtF,KAD0C,GAE1CyB,CAF0C;AAG7Cf,MAAAA,QAAQ,EAAEe,CAAC,CAACf,QAHiC;AAI7C6E,MAAAA,GAAG,EAAE9D,CAAC,CAACH,KAJsC;AAK7CkE,MAAAA,KAAK,EAAE/D,CAAC,CAAC+D,KALoC;AAM7CC,MAAAA,QAAQ,EAAE7E,WAAW,KAAKa,CAAC,CAACH,KANiB;AAO7CjB,MAAAA,KAAK,EAALA,KAP6C;AAQ7CJ,MAAAA,SAAS,EAATA,SAR6C;AAS7CsB,MAAAA,KAAK,EAALA,KAT6C;AAU7Cd,MAAAA,QAAQ,EAAEA,QAAQ,IAAIgB,CAAC,CAAChB,QAVqB;AAW7CuE,MAAAA,OAAO,EAAE;AAAA,eAAMT,kBAAkB,CAAC9C,CAAD,CAAxB;AAAA,OAXoC;AAY7CiE,MAAAA,WAAW,EAAEvB;AAZgC,OAA9B;AAAA,GAAb,CALe,EAkBdlE,SAAS,KAAK,QAAd,GAAyByD,SAAzB,GAAqC,IAlBvB,CAHA,CAF6D,CAtB7D,CAFI,CAAvB;AAgDD;;AACD3D,MAAM,CAAC4F,WAAP,GAAqB,QAArB;;;;"}
+{"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/es/tabs/TabNavItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11,8 +11,28 @@ import useRipple from '../_util/useRipple.js';
 import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
 import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-b30368ce.js';
+import '../_chunks/dep-da0195e8.js';
+import '../_chunks/dep-e84af34d.js';
+import '../_chunks/dep-5af122d0.js';
+import '../_chunks/dep-19031d17.js';
+import '../_chunks/dep-62626ccf.js';
+import '../_chunks/dep-4adbd07b.js';
+import '../_chunks/dep-2e6751f8.js';
+import '../_chunks/dep-c412d468.js';
+import '../_chunks/dep-f5bbc454.js';
+import '../_chunks/dep-0556fa4d.js';
+import '../_chunks/dep-83cac284.js';
+import '../_chunks/dep-54a086ab.js';
+import '../_chunks/dep-9df330b6.js';
+import '../_chunks/dep-200d9e9e.js';
+import '../_chunks/dep-58378e0a.js';
+import '../_chunks/dep-7af37a50.js';
+import '../_chunks/dep-91f5db94.js';
+import '../_chunks/dep-3fffcdb8.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 import '../_util/setStyle.js';
 
 var TabNavItem = function TabNavItem(props) {

package/es/tabs/TabNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNavItem.js","sources":["../../src/tabs/TabNavItem.tsx"],"sourcesContent":["import React, { MouseEvent, useRef } from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport useRipple from '../_util/useRipple';\nimport { TdTabPanelProps, TdTabsProps } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabNavItemProps extends TdTabPanelProps {\n  // 当前 item 是否处于激活态\n  isActive: boolean;\n  // 点击事件\n  onClick: (e: MouseEvent) => void;\n  theme: 'normal' | 'card';\n  placement: string;\n  size?: 'medium' | 'large';\n  index: number;\n  onTabRemove: TdTabsProps['onRemove'];\n}\n\nconst TabNavItem: React.FC<TabNavItemProps> = (props) => {\n  const {\n    label,\n    removable,\n    isActive,\n    onClick = noop,\n    theme,\n    placement,\n    onRemove = noop,\n    value,\n    size = 'medium',\n    disabled = false,\n    index,\n    onTabRemove = noop,\n  } = props;\n\n  const isCard = theme === 'card';\n\n  // 样式变量和常量定义\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n  const rippleRef = useRef();\n  useRipple(rippleRef);\n\n  return (\n    <div\n      onClick={disabled ? noop : onClick}\n      className={classNames(\n        tdTabsClassGenerator('nav-item'),\n        isCard ? tdTabsClassGenerator('nav--card') : '',\n        tdSizeClassGenerator(size),\n        isActive ? tdClassGenerator('is-active') : '',\n        tdClassGenerator(`is-${placement}`),\n        disabled ? tdClassGenerator('is-disabled') : '',\n      )}\n    >\n      {/* 根据新的 dom 结构和样式进行改动，卡片类型情况下不需要 nav-item-wrapper 这个 div */}\n      {isCard ? (\n        <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n      ) : (\n        <div ref={rippleRef} className={classNames(tdTabsClassGenerator('nav-item-wrapper'))}>\n          <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n        </div>\n      )}\n      {removable ? (\n        <CloseIcon\n          className={classNames('remove-btn')}\n          onClick={(e) => {\n            if (disabled) {\n              return;\n            }\n            e.stopPropagation();\n            onRemove({ value, e });\n            onTabRemove({ value, e, index });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nexport default TabNavItem;\n"],"names":["TabNavItem","props","label","removable","isActive","onClick","noop","theme","placement","onRemove","value","size","disabled","index","onTabRemove","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","rippleRef","useRef","useRipple","React","createElement","className","classNames","ref","CloseIcon","e","stopPropagation"],"mappings":"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"}
+{"version":3,"file":"TabNavItem.js","sources":["../../src/tabs/TabNavItem.tsx"],"sourcesContent":["import React, { MouseEvent, useRef } from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport useRipple from '../_util/useRipple';\nimport { TdTabPanelProps, TdTabsProps } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabNavItemProps extends TdTabPanelProps {\n  // 当前 item 是否处于激活态\n  isActive: boolean;\n  // 点击事件\n  onClick: (e: MouseEvent) => void;\n  theme: 'normal' | 'card';\n  placement: string;\n  size?: 'medium' | 'large';\n  index: number;\n  onTabRemove: TdTabsProps['onRemove'];\n}\n\nconst TabNavItem: React.FC<TabNavItemProps> = (props) => {\n  const {\n    label,\n    removable,\n    isActive,\n    onClick = noop,\n    theme,\n    placement,\n    onRemove = noop,\n    value,\n    size = 'medium',\n    disabled = false,\n    index,\n    onTabRemove = noop,\n  } = props;\n\n  const isCard = theme === 'card';\n\n  // 样式变量和常量定义\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n  const rippleRef = useRef();\n  useRipple(rippleRef);\n\n  return (\n    <div\n      onClick={disabled ? noop : onClick}\n      className={classNames(\n        tdTabsClassGenerator('nav-item'),\n        isCard ? tdTabsClassGenerator('nav--card') : '',\n        tdSizeClassGenerator(size),\n        isActive ? tdClassGenerator('is-active') : '',\n        tdClassGenerator(`is-${placement}`),\n        disabled ? tdClassGenerator('is-disabled') : '',\n      )}\n    >\n      {/* 根据新的 dom 结构和样式进行改动，卡片类型情况下不需要 nav-item-wrapper 这个 div */}\n      {isCard ? (\n        <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n      ) : (\n        <div ref={rippleRef} className={classNames(tdTabsClassGenerator('nav-item-wrapper'))}>\n          <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n        </div>\n      )}\n      {removable ? (\n        <CloseIcon\n          className={classNames('remove-btn')}\n          onClick={(e) => {\n            if (disabled) {\n              return;\n            }\n            e.stopPropagation();\n            onRemove({ value, e });\n            onTabRemove({ value, e, index });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nexport default TabNavItem;\n"],"names":["TabNavItem","props","label","removable","isActive","onClick","noop","theme","placement","onRemove","value","size","disabled","index","onTabRemove","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","rippleRef","useRef","useRipple","React","createElement","className","classNames","ref","CloseIcon","e","stopPropagation"],"mappings":"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"}

package/es/tabs/TabPanel.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,8 +8,28 @@ import React from 'react';
 import classNames from 'classnames';
 import { useTabClass } from './useTabClass.js';
 import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-b30368ce.js';
+import '../_chunks/dep-da0195e8.js';
+import '../_chunks/dep-e84af34d.js';
+import '../_chunks/dep-5af122d0.js';
+import '../_chunks/dep-19031d17.js';
+import '../_chunks/dep-62626ccf.js';
+import '../_chunks/dep-4adbd07b.js';
+import '../_chunks/dep-2e6751f8.js';
+import '../_chunks/dep-c412d468.js';
+import '../_chunks/dep-f5bbc454.js';
+import '../_chunks/dep-0556fa4d.js';
+import '../_chunks/dep-83cac284.js';
+import '../_chunks/dep-54a086ab.js';
+import '../_chunks/dep-9df330b6.js';
+import '../_chunks/dep-200d9e9e.js';
+import '../_chunks/dep-58378e0a.js';
+import '../_chunks/dep-7af37a50.js';
+import '../_chunks/dep-91f5db94.js';
+import '../_chunks/dep-3fffcdb8.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 
 var TabPanel = function TabPanel(props) {
   var _useTabClass = useTabClass(),

package/es/tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sources":["../../src/tabs/TabPanel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { TdTabPanelProps } from './type';\nimport { Styles } from '../common';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabPanelProps extends TdTabPanelProps {\n  style?: Styles;\n}\n\nconst TabPanel: React.FC<TabPanelProps> = (props) => {\n  const { tdTabPanelClassPrefix } = useTabClass();\n\n  const { style } = props;\n\n  return (\n    <div className={classNames(tdTabPanelClassPrefix)} style={style}>\n      {props.children}\n    </div>\n  );\n};\n\nTabPanel.displayName = 'TabPanel';\n\nexport default TabPanel;\n"],"names":["TabPanel","props","useTabClass","tdTabPanelClassPrefix","style","React","createElement","className","classNames","children","displayName"],"mappings":";;;;;;;;;;;;;IAGMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,qBAAkCC,WAAW,EAA7C;AAAA,MAAQC,qBAAR,gBAAQA,qBAAR;;AACA,MAAQC,KAAR,GAAkBH,KAAlB,CAAQG,KAAR;AACA,wBAAuBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,EAAEC,UAAU,CAACL,qBAAD,CAD2B;AAEhDC,IAAAA,KAAK,EAALA;AAFgD,GAA3B,EAGpBH,KAAK,CAACQ,QAHc,CAAvB;AAID;;AACDT,QAAQ,CAACU,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"TabPanel.js","sources":["../../src/tabs/TabPanel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { TdTabPanelProps } from './type';\nimport { Styles } from '../common';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabPanelProps extends TdTabPanelProps {\n  style?: Styles;\n}\n\nconst TabPanel: React.FC<TabPanelProps> = (props) => {\n  const { tdTabPanelClassPrefix } = useTabClass();\n\n  const { style } = props;\n\n  return (\n    <div className={classNames(tdTabPanelClassPrefix)} style={style}>\n      {props.children}\n    </div>\n  );\n};\n\nTabPanel.displayName = 'TabPanel';\n\nexport default TabPanel;\n"],"names":["TabPanel","props","useTabClass","tdTabPanelClassPrefix","style","React","createElement","className","classNames","children","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,qBAAkCC,WAAW,EAA7C;AAAA,MAAQC,qBAAR,gBAAQA,qBAAR;;AACA,MAAQC,KAAR,GAAkBH,KAAlB,CAAQG,KAAR;AACA,wBAAuBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,EAAEC,UAAU,CAACL,qBAAD,CAD2B;AAEhDC,IAAAA,KAAK,EAALA;AAFgD,GAA3B,EAGpBH,KAAK,CAACQ,QAHc,CAAvB;AAID;;AACDT,QAAQ,CAACU,WAAT,GAAuB,UAAvB;;;;"}

package/es/tabs/Tabs.js

@@ -1,26 +1,45 @@
 /**
- * tdesign v0.23.1
+ * tdesign v0.24.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
-import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
+import { _ as _defineProperty } from '../_chunks/dep-da0195e8.js';
+import { _ as _slicedToArray } from '../_chunks/dep-5b8e5d73.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-c7bc4d7c.js';
+import '../_chunks/dep-bb7a29d3.js';
 import 'hoist-non-react-statics';
 import 'tdesign-icons-react';
 import '../_util/noop.js';
 import './TabNavItem.js';
 import '../_util/useRipple.js';
 import '../_util/useConfig.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-b30368ce.js';
+import '../_chunks/dep-e84af34d.js';
+import '../_chunks/dep-5af122d0.js';
+import '../_chunks/dep-19031d17.js';
+import '../_chunks/dep-62626ccf.js';
+import '../_chunks/dep-4adbd07b.js';
+import '../_chunks/dep-2e6751f8.js';
+import '../_chunks/dep-c412d468.js';
+import '../_chunks/dep-f5bbc454.js';
+import '../_chunks/dep-0556fa4d.js';
+import '../_chunks/dep-83cac284.js';
+import '../_chunks/dep-54a086ab.js';
+import '../_chunks/dep-9df330b6.js';
+import '../_chunks/dep-200d9e9e.js';
+import '../_chunks/dep-58378e0a.js';
+import '../_chunks/dep-7af37a50.js';
+import '../_chunks/dep-91f5db94.js';
+import '../_chunks/dep-3fffcdb8.js';
 import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
 import '../_util/setStyle.js';
 import './TabBar.js';