tdesign-react 0.38.0 → 0.38.1-alpha.1

package/esm/tabs/TabBar.js

@@ -10,9 +10,9 @@ import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../hooks/useConfig.js';
 import '../_chunks/dep-ab722571.js';
-import '../_chunks/dep-17664157.js';
+import '../_chunks/dep-db59527d.js';
 import '../_chunks/dep-baa5a06f.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
@@ -22,7 +22,7 @@ import '../_chunks/dep-b4c1eed9.js';
 import '../_chunks/dep-a519f89e.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-a7905597.js';
 import '../_chunks/dep-e2c9c61c.js';
@@ -34,7 +34,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
@@ -65,7 +65,9 @@ var TabBar = function TabBar(props) {
     var offset = 0;
 
     if (containerRef.current) {
-      var itemsRef = containerRef.current.querySelectorAll(".t-tabs__nav-item");
+      var _containerRef$current, _containerRef$current2;
+
+      var itemsRef = (_containerRef$current = (_containerRef$current2 = containerRef.current).querySelectorAll) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.call(_containerRef$current2, ".t-tabs__nav-item");
 
       if (itemsRef.length - 1 >= activeId) {
         itemsRef.forEach(function (item, itemIndex) {

package/esm/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 '../hooks/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 = () => {\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\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    if (containerRef.current) {\n      setTimeout(() => computeStyle());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tabPosition, activeId, containerRef.current]);\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","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","current","itemsRef","querySelectorAll","length","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","transform","itemPropValue","useEffect","setTimeout","React","createElement","className","classNames","style","displayName"],"mappings":"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"}
+{"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 '../hooks/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 = () => {\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\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    if (containerRef.current) {\n      setTimeout(() => computeStyle());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tabPosition, activeId, containerRef.current]);\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","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","current","itemsRef","querySelectorAll","length","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","transform","itemPropValue","useEffect","setTimeout","React","createElement","className","classNames","style","displayName"],"mappings":"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"}

package/esm/tabs/TabNav.js

@@ -26,14 +26,14 @@ import '../_chunks/dep-e2136b4b.js';
 import '../_chunks/dep-9f57f8c3.js';
 import '../_chunks/dep-a7905597.js';
 import '../hooks/useConfig.js';
-import '../_chunks/dep-17664157.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-db59527d.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-e2c9c61c.js';
 import '../_chunks/dep-fc5b6ba2.js';
@@ -44,7 +44,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';

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 {\n  AddIcon as TdAddIcon,\n  ChevronLeftIcon as TdChevronLeftIcon,\n  ChevronRightIcon as TdChevronRightIcon,\n} from 'tdesign-icons-react';\nimport debounce from 'lodash/debounce';\nimport { TdTabsProps, TdTabPanelProps, TabValue } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\nimport TabNavItem from './TabNavItem';\nimport TabBar from './TabBar';\nimport tabBase from '../_common/js/tabs/base';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\n\nconst { moveActiveTabIntoView, calcScrollLeft, scrollToLeft, scrollToRight, calculateCanToLeft, calculateCanToRight } =\n  tabBase;\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    children,\n  } = props;\n\n  const { AddIcon, ChevronLeftIcon, ChevronRightIcon } = useGlobalIcon({\n    AddIcon: TdAddIcon,\n    ChevronLeftIcon: TdChevronLeftIcon,\n    ChevronRightIcon: TdChevronRightIcon,\n  });\n\n  // 逻辑层较多处需要判断是否为 card 类型，进行逻辑抽象\n  const isCard = theme === 'card';\n\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  const navsContainerRef = useRef<HTMLDivElement>(null);\n  // :todo 兼容老版本 TabBar 的实现\n  const navsWrapRef = useRef<HTMLDivElement>(null);\n  const getIndex = useCallback(\n    (value) => {\n      const index = itemList.findIndex((item) => item.value === value);\n      return index > -1 ? index : 0;\n    },\n    [itemList],\n  );\n\n  const activeIndex = getIndex(activeValue);\n\n  // 判断滚动条是否需要展示\n  const [canToLeft, setToLeftBtnVisible] = useState(false);\n  const [canToRight, setToRightBtnVisible] = useState(false);\n\n  // 滚动条 ref 定义\n  const scrollBarRef = useRef(null);\n  const leftOperationsRef = useRef(null);\n  const rightOperationsRef = useRef(null);\n  const toLeftBtnRef = useRef(null);\n  const toRightBtnRef = useRef(null);\n\n  const [scrollLeft, setScrollLeft] = useState(0);\n  const [activeTab, setActiveTab] = useState<HTMLElement>(null);\n\n  useEffect(() => {\n    const left = moveActiveTabIntoView(\n      {\n        activeTab,\n        navsContainer: navsContainerRef.current,\n        navsWrap: navsWrapRef.current,\n        toLeftBtn: toLeftBtnRef.current,\n        toRightBtn: toRightBtnRef.current,\n        leftOperations: leftOperationsRef.current,\n        rightOperations: rightOperationsRef.current,\n      },\n      scrollLeft,\n    );\n    setScrollLeft(left);\n  }, [activeTab, scrollLeft]);\n\n  // 调用检查函数，并设置左右滑动按钮的展示状态\n  const setScrollBtnVisibleHandler = useCallback(() => {\n    const canToleft = calculateCanToLeft(\n      {\n        navsContainer: navsContainerRef.current,\n        navsWrap: navsWrapRef.current,\n        leftOperations: leftOperationsRef.current,\n        toLeftBtn: toLeftBtnRef.current,\n      },\n      scrollLeft,\n      placement,\n    );\n    const canToRight = calculateCanToRight(\n      {\n        navsContainer: navsContainerRef.current,\n        navsWrap: navsWrapRef.current,\n        rightOperations: rightOperationsRef.current,\n        toRightBtn: toRightBtnRef.current,\n      },\n      scrollLeft,\n      placement,\n    );\n\n    setToLeftBtnVisible(canToleft);\n    setToRightBtnVisible(canToRight);\n    // children 发生变化也要触发一次切换箭头判断\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollLeft, placement, children]);\n\n  // 滚动条处理逻辑\n  const handleScroll = (position: 'left' | 'right') => {\n    const val =\n      position === 'left'\n        ? scrollToLeft(\n            {\n              navsContainer: navsContainerRef.current,\n              leftOperations: leftOperationsRef.current,\n              toLeftBtn: toLeftBtnRef.current,\n            },\n            scrollLeft,\n          )\n        : scrollToRight(\n            {\n              navsWrap: navsWrapRef.current,\n              navsContainer: navsContainerRef.current,\n              rightOperations: rightOperationsRef.current,\n              toRightBtn: toRightBtnRef.current,\n            },\n            scrollLeft,\n          );\n\n    setScrollLeft(val);\n  };\n\n  // handle window resize\n  useEffect(() => {\n    const onResize = debounce(() => {\n      if (['top', 'bottom'].includes(placement.toLowerCase())) {\n        const left = calcScrollLeft(\n          {\n            navsContainer: navsContainerRef.current,\n            navsWrap: navsWrapRef.current,\n            rightOperations: rightOperationsRef.current,\n          },\n          scrollLeft,\n        );\n        setScrollLeft(left);\n        setScrollBtnVisibleHandler();\n      }\n    }, 300);\n\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  });\n\n  useEffect(() => {\n    if (['top', 'bottom'].includes(placement.toLowerCase())) {\n      const left = calcScrollLeft(\n        {\n          navsContainer: navsContainerRef.current,\n          navsWrap: navsWrapRef.current,\n          rightOperations: rightOperationsRef.current,\n        },\n        scrollLeft,\n      );\n      setScrollLeft(left);\n    }\n  }, [itemList.length, scrollLeft, placement]);\n\n  // TabBar 组件逻辑层抽象，卡片类型时无需展示，故将逻辑整合到此处\n  const TabBarCom = isCard ? null : (\n    <TabBar tabPosition={placement} activeId={activeIndex} containerRef={navsWrapRef} />\n  );\n\n  // 组件初始化后判断当前是否需要展示滑动按钮\n  useEffect(() => {\n    setScrollBtnVisibleHandler();\n  }, [setScrollBtnVisibleHandler]);\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\n  return (\n    <div ref={navsContainerRef} className={classNames(tdTabsClassGenerator('nav'))} style={{ minHeight: 48 }}>\n      <div\n        ref={leftOperationsRef}\n        className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--left'))}\n      >\n        {canToLeft ? (\n          <div\n            onClick={() => {\n              handleScroll('left');\n            }}\n            className={classNames(\n              tdTabsClassGenerator('btn'),\n              tdTabsClassGenerator('btn--left'),\n              tdSizeClassGenerator(size),\n            )}\n            ref={toLeftBtnRef}\n          >\n            <ChevronLeftIcon />\n          </div>\n        ) : null}\n      </div>\n      <div\n        ref={rightOperationsRef}\n        className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--right'))}\n      >\n        {canToRight ? (\n          <div\n            onClick={() => {\n              handleScroll('right');\n            }}\n            className={classNames(\n              tdTabsClassGenerator('btn'),\n              tdTabsClassGenerator('btn--right'),\n              tdSizeClassGenerator(size),\n            )}\n            ref={toRightBtnRef}\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            canToLeft || canToRight ? 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              tdClassGenerator('is-smooth'),\n            )}\n            style={{ transform: `translate(${-scrollLeft}px, 0)` }}\n            ref={navsWrapRef}\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                innerRef={(ref) => {\n                  if (activeValue === v.value) {\n                    setActiveTab(ref);\n                  }\n                }}\n              />\n            ))}\n            {placement === 'bottom' ? TabBarCom : null}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTabNav.displayName = 'TabNav';\n\nexport default TabNav;\n"],"names":["moveActiveTabIntoView","tabBase","calcScrollLeft","scrollToLeft","scrollToRight","calculateCanToLeft","calculateCanToRight","TabNav","props","placement","itemList","tabClick","noop","theme","addable","onAdd","size","disabled","onRemove","onChange","activeValue","children","useGlobalIcon","AddIcon","TdAddIcon","ChevronLeftIcon","TdChevronLeftIcon","ChevronRightIcon","TdChevronRightIcon","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","navsContainerRef","useRef","navsWrapRef","getIndex","useCallback","value","index","findIndex","item","activeIndex","useState","canToLeft","setToLeftBtnVisible","canToRight","setToRightBtnVisible","scrollBarRef","leftOperationsRef","rightOperationsRef","toLeftBtnRef","toRightBtnRef","scrollLeft","setScrollLeft","activeTab","setActiveTab","useEffect","left","navsContainer","current","navsWrap","toLeftBtn","toRightBtn","leftOperations","rightOperations","setScrollBtnVisibleHandler","canToleft","canToRight2","handleScroll","position","val","onResize","debounce","includes","toLowerCase","window","addEventListener","removeEventListener","length","TabBarCom","React","createElement","TabBar","tabPosition","activeId","containerRef","handleTabItemRemove","removeItem","removeValue","removeIndex","handleTabItemClick","clickItem","handleTabAdd","e","ref","className","classNames","style","minHeight","onClick","transform","map","v","TabNavItem","key","label","isActive","onTabRemove","innerRef","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAQA,qBAAR,GAAwHC,OAAxH,CAAQD,qBAAR;AAAA,IAA+BE,cAA/B,GAAwHD,OAAxH,CAA+BC,cAA/B;AAAA,IAA+CC,YAA/C,GAAwHF,OAAxH,CAA+CE,YAA/C;AAAA,IAA6DC,aAA7D,GAAwHH,OAAxH,CAA6DG,aAA7D;AAAA,IAA4EC,kBAA5E,GAAwHJ,OAAxH,CAA4EI,kBAA5E;AAAA,IAAgGC,mBAAhG,GAAwHL,OAAxH,CAAgGK,mBAAhG,CAAA;;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAaIA,gBAAAA,GAAAA,KAbJ,CACEC,SADF;MACEA,SADF,iCACc,KADd,GAAA,gBAAA;AAAA,MAEEC,QAFF,GAaIF,KAbJ,CAEEE,QAFF;MAaIF,eAAAA,GAAAA,KAbJ,CAGEG,QAHF;MAGEA,QAHF,gCAGaC,IAHb,GAAA,eAAA;AAAA,MAIEC,KAJF,GAaIL,KAbJ,CAIEK,KAJF;AAAA,MAKEC,OALF,GAaIN,KAbJ,CAKEM,OALF;AAAA,MAMEC,KANF,GAaIP,KAbJ,CAMEO,KANF;MAaIP,WAAAA,GAAAA,KAbJ,CAOEQ,IAPF;MAOEA,IAPF,4BAOS,QAPT,GAAA,WAAA;MAaIR,eAAAA,GAAAA,KAbJ,CAQES,QARF;MAQEA,QARF,gCAQa,KARb,GAAA,eAAA;MAaIT,eAAAA,GAAAA,KAbJ,CASEU,QATF;MASEA,QATF,gCASaN,IATb,GAAA,eAAA;MAaIJ,eAAAA,GAAAA,KAbJ,CAUEW,QAVF;MAUEA,QAVF,gCAUaP,IAVb,GAAA,eAAA;AAAA,MAWEQ,WAXF,GAaIZ,KAbJ,CAWEY,WAXF;AAAA,MAYEC,QAZF,GAaIb,KAbJ,CAYEa,QAZF,CAAA;;AAcA,EAAA,IAAA,cAAA,GAAuDC,aAAa,CAAC;AACnEC,IAAAA,OAAO,EAAEC,OAD0D;AAEnEC,IAAAA,eAAe,EAAEC,eAFkD;AAGnEC,IAAAA,gBAAgB,EAAEC,gBAAAA;AAHiD,GAAD,CAApE;MAAQL,SAAR,kBAAQA,OAAR;MAAiBE,iBAAjB,kBAAiBA,eAAjB;MAAkCE,kBAAlC,kBAAkCA,gBAAlC,CAAA;;AAKA,EAAA,IAAME,MAAM,GAAGhB,KAAK,KAAK,MAAzB,CAAA;;AACA,EAAA,IAAA,YAAA,GAAyEiB,WAAW,EAApF;MAAQC,oBAAR,gBAAQA,oBAAR;MAA8BC,gBAA9B,gBAA8BA,gBAA9B;MAAgDC,oBAAhD,gBAAgDA,oBAAhD,CAAA;;AACA,EAAA,IAAMC,gBAAgB,GAAGC,MAAM,CAAC,IAAD,CAA/B,CAAA;AACA,EAAA,IAAMC,WAAW,GAAGD,MAAM,CAAC,IAAD,CAA1B,CAAA;AACA,EAAA,IAAME,QAAQ,GAAGC,WAAW,CAC1B,UAACC,KAAD,EAAW;AACT,IAAA,IAAMC,KAAK,GAAG9B,QAAQ,CAAC+B,SAAT,CAAmB,UAACC,IAAD,EAAA;AAAA,MAAA,OAAUA,IAAI,CAACH,KAAL,KAAeA,KAAzB,CAAA;AAAA,KAAnB,CAAd,CAAA;AACA,IAAA,OAAOC,KAAK,GAAG,CAAC,CAAT,GAAaA,KAAb,GAAqB,CAA5B,CAAA;AACD,GAJyB,EAK1B,CAAC9B,QAAD,CAL0B,CAA5B,CAAA;AAOA,EAAA,IAAMiC,WAAW,GAAGN,QAAQ,CAACjB,WAAD,CAA5B,CAAA;;EACA,IAAyCwB,SAAAA,GAAAA,QAAQ,CAAC,KAAD,CAAjD;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,SAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAkBC,mBAAlB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;EACA,IAA2CF,UAAAA,GAAAA,QAAQ,CAAC,KAAD,CAAnD;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOG,UAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAmBC,oBAAnB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAMC,YAAY,GAAGd,MAAM,CAAC,IAAD,CAA3B,CAAA;AACA,EAAA,IAAMe,iBAAiB,GAAGf,MAAM,CAAC,IAAD,CAAhC,CAAA;AACA,EAAA,IAAMgB,kBAAkB,GAAGhB,MAAM,CAAC,IAAD,CAAjC,CAAA;AACA,EAAA,IAAMiB,YAAY,GAAGjB,MAAM,CAAC,IAAD,CAA3B,CAAA;AACA,EAAA,IAAMkB,aAAa,GAAGlB,MAAM,CAAC,IAAD,CAA5B,CAAA;;EACA,IAAoCS,UAAAA,GAAAA,QAAQ,CAAC,CAAD,CAA5C;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOU,UAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAmBC,aAAnB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;EACA,IAAkCX,UAAAA,GAAAA,QAAQ,CAAC,IAAD,CAA1C;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAOY,SAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAkBC,YAAlB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACAC,EAAAA,SAAS,CAAC,YAAM;IACd,IAAMC,IAAI,GAAG3D,qBAAqB,CAChC;AACEwD,MAAAA,SAAS,EAATA,SADF;MAEEI,aAAa,EAAE1B,gBAAgB,CAAC2B,OAFlC;MAGEC,QAAQ,EAAE1B,WAAW,CAACyB,OAHxB;MAIEE,SAAS,EAAEX,YAAY,CAACS,OAJ1B;MAKEG,UAAU,EAAEX,aAAa,CAACQ,OAL5B;MAMEI,cAAc,EAAEf,iBAAiB,CAACW,OANpC;MAOEK,eAAe,EAAEf,kBAAkB,CAACU,OAAAA;KARN,EAUhCP,UAVgC,CAAlC,CAAA;IAYAC,aAAa,CAACI,IAAD,CAAb,CAAA;AACD,GAdQ,EAcN,CAACH,SAAD,EAAYF,UAAZ,CAdM,CAAT,CAAA;AAeA,EAAA,IAAMa,0BAA0B,GAAG7B,WAAW,CAAC,YAAM;IACnD,IAAM8B,SAAS,GAAG/D,kBAAkB,CAClC;MACEuD,aAAa,EAAE1B,gBAAgB,CAAC2B,OADlC;MAEEC,QAAQ,EAAE1B,WAAW,CAACyB,OAFxB;MAGEI,cAAc,EAAEf,iBAAiB,CAACW,OAHpC;MAIEE,SAAS,EAAEX,YAAY,CAACS,OAAAA;AAJ1B,KADkC,EAOlCP,UAPkC,EAQlC7C,SARkC,CAApC,CAAA;IAUA,IAAM4D,WAAW,GAAG/D,mBAAmB,CACrC;MACEsD,aAAa,EAAE1B,gBAAgB,CAAC2B,OADlC;MAEEC,QAAQ,EAAE1B,WAAW,CAACyB,OAFxB;MAGEK,eAAe,EAAEf,kBAAkB,CAACU,OAHtC;MAIEG,UAAU,EAAEX,aAAa,CAACQ,OAAAA;AAJ5B,KADqC,EAOrCP,UAPqC,EAQrC7C,SARqC,CAAvC,CAAA;IAUAqC,mBAAmB,CAACsB,SAAD,CAAnB,CAAA;IACApB,oBAAoB,CAACqB,WAAD,CAApB,CAAA;GAtB4C,EAuB3C,CAACf,UAAD,EAAa7C,SAAb,EAAwBY,QAAxB,CAvB2C,CAA9C,CAAA;;AAwBA,EAAA,IAAMiD,YAAY,GAAG,SAAfA,YAAe,CAACC,QAAD,EAAc;AACjC,IAAA,IAAMC,GAAG,GAAGD,QAAQ,KAAK,MAAb,GAAsBpE,YAAY,CAC5C;MACEyD,aAAa,EAAE1B,gBAAgB,CAAC2B,OADlC;MAEEI,cAAc,EAAEf,iBAAiB,CAACW,OAFpC;MAGEE,SAAS,EAAEX,YAAY,CAACS,OAAAA;AAH1B,KAD4C,EAM5CP,UAN4C,CAAlC,GAORlD,aAAa,CACf;MACE0D,QAAQ,EAAE1B,WAAW,CAACyB,OADxB;MAEED,aAAa,EAAE1B,gBAAgB,CAAC2B,OAFlC;MAGEK,eAAe,EAAEf,kBAAkB,CAACU,OAHtC;MAIEG,UAAU,EAAEX,aAAa,CAACQ,OAAAA;KALb,EAOfP,UAPe,CAPjB,CAAA;IAgBAC,aAAa,CAACiB,GAAD,CAAb,CAAA;GAjBF,CAAA;;AAmBAd,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMe,QAAQ,GAAGC,UAAQ,CAAC,YAAM;AAC9B,MAAA,IAAI,CAAC,KAAD,EAAQ,QAAR,CAAkBC,CAAAA,QAAlB,CAA2BlE,SAAS,CAACmE,WAAV,EAA3B,CAAJ,EAAyD;QACvD,IAAMjB,IAAI,GAAGzD,cAAc,CACzB;UACE0D,aAAa,EAAE1B,gBAAgB,CAAC2B,OADlC;UAEEC,QAAQ,EAAE1B,WAAW,CAACyB,OAFxB;UAGEK,eAAe,EAAEf,kBAAkB,CAACU,OAAAA;SAJb,EAMzBP,UANyB,CAA3B,CAAA;QAQAC,aAAa,CAACI,IAAD,CAAb,CAAA;QACAQ,0BAA0B,EAAA,CAAA;AAC3B,OAAA;KAZsB,EAatB,GAbsB,CAAzB,CAAA;AAcAU,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCL,QAAlC,CAAA,CAAA;AACA,IAAA,OAAO,YAAM;AACXI,MAAAA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCN,QAArC,CAAA,CAAA;KADF,CAAA;AAGD,GAnBQ,CAAT,CAAA;AAoBAf,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI,CAAC,KAAD,EAAQ,QAAR,CAAkBiB,CAAAA,QAAlB,CAA2BlE,SAAS,CAACmE,WAAV,EAA3B,CAAJ,EAAyD;MACvD,IAAMjB,IAAI,GAAGzD,cAAc,CACzB;QACE0D,aAAa,EAAE1B,gBAAgB,CAAC2B,OADlC;QAEEC,QAAQ,EAAE1B,WAAW,CAACyB,OAFxB;QAGEK,eAAe,EAAEf,kBAAkB,CAACU,OAAAA;OAJb,EAMzBP,UANyB,CAA3B,CAAA;MAQAC,aAAa,CAACI,IAAD,CAAb,CAAA;AACD,KAAA;GAXM,EAYN,CAACjD,QAAQ,CAACsE,MAAV,EAAkB1B,UAAlB,EAA8B7C,SAA9B,CAZM,CAAT,CAAA;AAaA,EAAA,IAAMwE,SAAS,GAAGpD,MAAM,GAAG,IAAH,kBAA0BqD,KAAK,CAACC,aAAN,CAAoBC,MAApB,EAA4B;AAC5EC,IAAAA,WAAW,EAAE5E,SAD+D;AAE5E6E,IAAAA,QAAQ,EAAE3C,WAFkE;AAG5E4C,IAAAA,YAAY,EAAEnD,WAAAA;AAH8D,GAA5B,CAAlD,CAAA;AAKAsB,EAAAA,SAAS,CAAC,YAAM;IACdS,0BAA0B,EAAA,CAAA;AAC3B,GAFQ,EAEN,CAACA,0BAAD,CAFM,CAAT,CAAA;;AAGA,EAAA,IAAMqB,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,UAAD,EAAgB;AAC1C,IAAA,IAAeC,WAAf,GAAmDD,UAAnD,CAAQlD,KAAR;AAAA,QAAmCoD,WAAnC,GAAmDF,UAAnD,CAA4BjD,KAA5B,CAAA;;IACA,IAAIkD,WAAW,KAAKtE,WAApB,EAAiC;AAAA,MAAA,IAAA,SAAA,CAAA;;MAC/BD,QAAQ,CAACwE,WAAW,KAAK,CAAhB,gBAAoBjF,QAAQ,CAACiF,WAAW,GAAG,CAAf,CAA5B,8CAAoB,SAA2BpD,CAAAA,KAA/C,GAAuD7B,QAAQ,CAACiF,WAAW,GAAG,CAAf,CAAR,CAA0BpD,KAAlF,CAAR,CAAA;AACD,KAAA;;IACDrB,QAAQ,CAACuE,UAAD,CAAR,CAAA;GALF,CAAA;;AAOA,EAAA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAe;AACxClF,IAAAA,QAAQ,CAACkF,SAAS,CAACtD,KAAX,CAAR,CAAA;AACApB,IAAAA,QAAQ,CAAC0E,SAAS,CAACtD,KAAX,CAAR,CAAA;GAFF,CAAA;;AAIA,EAAA,IAAMuD,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAAO;AAC1BhF,IAAAA,KAAK,CAAC;AAAEgF,MAAAA,CAAC,EAADA,CAAAA;AAAF,KAAD,CAAL,CAAA;GADF,CAAA;;AAGA,EAAA,sBAAuBb,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDa,IAAAA,GAAG,EAAE9D,gBAD2C;AAEhD+D,IAAAA,SAAS,EAAEC,UAAU,CAACnE,oBAAoB,CAAC,KAAD,CAArB,CAF2B;AAGhDoE,IAAAA,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAE,EAAA;AAAb,KAAA;AAHyC,GAA3B,iBAIJlB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5Ca,IAAAA,GAAG,EAAE9C,iBADuC;IAE5C+C,SAAS,EAAEC,UAAU,CAACnE,oBAAoB,CAAC,YAAD,CAArB,EAAqCA,oBAAoB,CAAC,kBAAD,CAAzD,CAAA;GAFJ,EAGhBc,SAAS,kBAAmBqC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACxDkB,IAAAA,OAAO,EAAE,SAAM,OAAA,GAAA;MACb/B,YAAY,CAAC,MAAD,CAAZ,CAAA;KAFsD;AAIxD2B,IAAAA,SAAS,EAAEC,UAAU,CACnBnE,oBAAoB,CAAC,KAAD,CADD,EAEnBA,oBAAoB,CAAC,WAAD,CAFD,EAGnBE,oBAAoB,CAACjB,IAAD,CAHD,CAJmC;AASxDgF,IAAAA,GAAG,EAAE5C,YAAAA;GATwB,iBAUZ8B,KAAK,CAACC,aAAN,CAAoB1D,iBAApB,EAAqC,IAArC,CAVY,CAAnB,GAUqD,IAb9C,CAJI,iBAiBiEyD,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACjHa,IAAAA,GAAG,EAAE7C,kBAD4G;IAEjH8C,SAAS,EAAEC,UAAU,CAACnE,oBAAoB,CAAC,YAAD,CAArB,EAAqCA,oBAAoB,CAAC,mBAAD,CAAzD,CAAA;GAFiE,EAGrFgB,UAAU,kBAAmBmC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACzDkB,IAAAA,OAAO,EAAE,SAAM,OAAA,GAAA;MACb/B,YAAY,CAAC,OAAD,CAAZ,CAAA;KAFuD;AAIzD2B,IAAAA,SAAS,EAAEC,UAAU,CACnBnE,oBAAoB,CAAC,KAAD,CADD,EAEnBA,oBAAoB,CAAC,YAAD,CAFD,EAGnBE,oBAAoB,CAACjB,IAAD,CAHD,CAJoC;AASzDgF,IAAAA,GAAG,EAAE3C,aAAAA;GATyB,iBAUb6B,KAAK,CAACC,aAAN,CAAoBxD,kBAApB,EAAsC,IAAtC,CAVa,CAAnB,GAUqD,IAbsB,EAahBb,OAAO,kBAAmBoE,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC3Hc,IAAAA,SAAS,EAAEC,UAAU,CACnBnE,oBAAoB,CAAC,SAAD,CADD,EAEnBA,oBAAoB,CAAC,KAAD,CAFD,EAGnBE,oBAAoB,CAACjB,IAAD,CAHD,CADsG;AAM3HqF,IAAAA,OAAO,EAAEP,YAAAA;GANuF,iBAO/EZ,KAAK,CAACC,aAAN,CAAoB5D,SAApB,EAA6B,IAA7B,CAP+E,CAAnB,GAOtB,IApB+B,CAjBjE,iBAqCyD2D,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACzGc,IAAAA,SAAS,EAAEC,UAAU,CACnBnE,oBAAoB,CAAC,eAAD,CADD,EAEnBF,MAAM,GAAGE,oBAAoB,CAAC,WAAD,CAAvB,GAAuC,EAF1B,EAGnBC,gBAAgB,CAAOvB,KAAAA,CAAAA,MAAAA,CAAAA,SAAP,CAHG,CAAA,EAInBK,OAAO,GAAGkB,gBAAgB,CAAC,YAAD,CAAnB,GAAoC,EAJxB,CAAA;AADoF,GAA3B,iBAO7DkD,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5Cc,IAAAA,SAAS,EAAEC,UAAU,CACnBnE,oBAAoB,CAAC,YAAD,CADD,EAEnBc,SAAS,IAAIE,UAAb,GAA0Bf,gBAAgB,CAAC,eAAD,CAA1C,GAA8D,EAF3C,CADuB;AAK5CgE,IAAAA,GAAG,EAAE/C,YAAAA;AALuC,GAA3B,iBAMAiC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5Cc,IAAAA,SAAS,EAAEC,UAAU,CACnBnE,oBAAoB,CAAC,UAAD,CADD,EAEnB,CAAC,MAAD,EAAS,OAAT,CAAkB4C,CAAAA,QAAlB,CAA2BlE,SAA3B,CAAwCuB,GAAAA,gBAAgB,CAAC,aAAD,CAAxD,GAA0E,EAFvD,EAGnBA,gBAAgB,CAAC,WAAD,CAHG,CADuB;AAM5CmE,IAAAA,KAAK,EAAE;MAAEG,SAAS,EAAA,YAAA,CAAA,MAAA,CAAe,CAAChD,UAAhB,EAAA,QAAA,CAAA;KAN0B;AAO5C0C,IAAAA,GAAG,EAAE5D,WAAAA;AAPuC,GAA3B,EAQhB3B,SAAS,KAAK,QAAd,GAAyBwE,SAAzB,GAAqC,IARrB,EAQ2B,CAACpD,MAAD,mBAA2BqD,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;IAClGc,SAAS,EAAEC,UAAU,CAACnE,oBAAoB,CAAC,KAAD,CAArB,EAA8BC,gBAAgB,CAAOvB,KAAAA,CAAAA,MAAAA,CAAAA,SAAP,CAA9C,CAAA,CAAA;GADkD,CARtD,EAUfC,QAAQ,CAAC6F,GAAT,CAAa,UAACC,CAAD,EAAIhE,KAAJ,EAAA;IAAA,sBAA8B0C,KAAK,CAACC,aAAN,CAAoBsB,UAApB,EAAA,aAAA,CAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAC1CjG,KAD0C,CAAA,EAE1CgG,CAF0C,CAAA,EAAA,EAAA,EAAA;MAG7CtF,QAAQ,EAAEsF,CAAC,CAACtF,QAHiC;MAI7CwF,GAAG,EAAEF,CAAC,CAACjE,KAJsC;MAK7CoE,KAAK,EAAEH,CAAC,CAACG,KALoC;AAM7CC,MAAAA,QAAQ,EAAExF,WAAW,KAAKoF,CAAC,CAACjE,KANiB;AAO7C1B,MAAAA,KAAK,EAALA,KAP6C;AAQ7CJ,MAAAA,SAAS,EAATA,SAR6C;AAS7C+B,MAAAA,KAAK,EAALA,KAT6C;AAU7CvB,MAAAA,QAAQ,EAAEA,QAAQ,IAAIuF,CAAC,CAACvF,QAVqB;AAW7CoF,MAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;QAAA,OAAMT,kBAAkB,CAACY,CAAD,CAAxB,CAAA;OAXoC;AAY7CK,MAAAA,WAAW,EAAErB,mBAZgC;MAa7CsB,QAAQ,EAAE,SAACd,QAAAA,CAAAA,GAAD,EAAS;AACjB,QAAA,IAAI5E,WAAW,KAAKoF,CAAC,CAACjE,KAAtB,EAA6B;UAC3BkB,YAAY,CAACuC,GAAD,CAAZ,CAAA;AACD,SAAA;AACF,OAAA;KAjBc,CAAA,CAAA,CAAA;AAAA,GAAb,CAVe,EA4BdvF,SAAS,KAAK,QAAd,GAAyBwE,SAAzB,GAAqC,IA5BvB,CANA,CAP6D,CArCzD,CAAvB,CAAA;AA+ED,EAzOD;;AA0OA1E,MAAM,CAACwG,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 {\n  AddIcon as TdAddIcon,\n  ChevronLeftIcon as TdChevronLeftIcon,\n  ChevronRightIcon as TdChevronRightIcon,\n} from 'tdesign-icons-react';\nimport debounce from 'lodash/debounce';\nimport { TdTabsProps, TdTabPanelProps, TabValue } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\nimport TabNavItem from './TabNavItem';\nimport TabBar from './TabBar';\nimport tabBase from '../_common/js/tabs/base';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\n\nconst { moveActiveTabIntoView, calcScrollLeft, scrollToLeft, scrollToRight, calculateCanToLeft, calculateCanToRight } =\n  tabBase;\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    children,\n  } = props;\n\n  const { AddIcon, ChevronLeftIcon, ChevronRightIcon } = useGlobalIcon({\n    AddIcon: TdAddIcon,\n    ChevronLeftIcon: TdChevronLeftIcon,\n    ChevronRightIcon: TdChevronRightIcon,\n  });\n\n  // 逻辑层较多处需要判断是否为 card 类型，进行逻辑抽象\n  const isCard = theme === 'card';\n\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  const navsContainerRef = useRef<HTMLDivElement>(null);\n  // :todo 兼容老版本 TabBar 的实现\n  const navsWrapRef = useRef<HTMLDivElement>(null);\n  const getIndex = useCallback(\n    (value) => {\n      const index = itemList.findIndex((item) => item.value === value);\n      return index > -1 ? index : 0;\n    },\n    [itemList],\n  );\n\n  const activeIndex = getIndex(activeValue);\n\n  // 判断滚动条是否需要展示\n  const [canToLeft, setToLeftBtnVisible] = useState(false);\n  const [canToRight, setToRightBtnVisible] = useState(false);\n\n  // 滚动条 ref 定义\n  const scrollBarRef = useRef(null);\n  const leftOperationsRef = useRef(null);\n  const rightOperationsRef = useRef(null);\n  const toLeftBtnRef = useRef(null);\n  const toRightBtnRef = useRef(null);\n\n  const [scrollLeft, setScrollLeft] = useState(0);\n  const [activeTab, setActiveTab] = useState<HTMLElement>(null);\n\n  useEffect(() => {\n    const left = moveActiveTabIntoView(\n      {\n        activeTab,\n        navsContainer: navsContainerRef.current,\n        navsWrap: navsWrapRef.current,\n        toLeftBtn: toLeftBtnRef.current,\n        toRightBtn: toRightBtnRef.current,\n        leftOperations: leftOperationsRef.current,\n        rightOperations: rightOperationsRef.current,\n      },\n      scrollLeft,\n    );\n    setScrollLeft(left);\n  }, [activeTab, scrollLeft]);\n\n  // 调用检查函数，并设置左右滑动按钮的展示状态\n  const setScrollBtnVisibleHandler = useCallback(() => {\n    const canToleft = calculateCanToLeft(\n      {\n        navsContainer: navsContainerRef.current,\n        navsWrap: navsWrapRef.current,\n        leftOperations: leftOperationsRef.current,\n        toLeftBtn: toLeftBtnRef.current,\n      },\n      scrollLeft,\n      placement,\n    );\n    const canToRight = calculateCanToRight(\n      {\n        navsContainer: navsContainerRef.current,\n        navsWrap: navsWrapRef.current,\n        rightOperations: rightOperationsRef.current,\n        toRightBtn: toRightBtnRef.current,\n      },\n      scrollLeft,\n      placement,\n    );\n\n    setToLeftBtnVisible(canToleft);\n    setToRightBtnVisible(canToRight);\n    // children 发生变化也要触发一次切换箭头判断\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollLeft, placement, children]);\n\n  // 滚动条处理逻辑\n  const handleScroll = (position: 'left' | 'right') => {\n    const val =\n      position === 'left'\n        ? scrollToLeft(\n            {\n              navsContainer: navsContainerRef.current,\n              leftOperations: leftOperationsRef.current,\n              toLeftBtn: toLeftBtnRef.current,\n            },\n            scrollLeft,\n          )\n        : scrollToRight(\n            {\n              navsWrap: navsWrapRef.current,\n              navsContainer: navsContainerRef.current,\n              rightOperations: rightOperationsRef.current,\n              toRightBtn: toRightBtnRef.current,\n            },\n            scrollLeft,\n          );\n\n    setScrollLeft(val);\n  };\n\n  // handle window resize\n  useEffect(() => {\n    const onResize = debounce(() => {\n      if (['top', 'bottom'].includes(placement.toLowerCase())) {\n        const left = calcScrollLeft(\n          {\n            navsContainer: navsContainerRef.current,\n            navsWrap: navsWrapRef.current,\n            rightOperations: rightOperationsRef.current,\n          },\n          scrollLeft,\n        );\n        setScrollLeft(left);\n        setScrollBtnVisibleHandler();\n      }\n    }, 300);\n\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  });\n\n  useEffect(() => {\n    if (['top', 'bottom'].includes(placement.toLowerCase())) {\n      const left = calcScrollLeft(\n        {\n          navsContainer: navsContainerRef.current,\n          navsWrap: navsWrapRef.current,\n          rightOperations: rightOperationsRef.current,\n        },\n        scrollLeft,\n      );\n      setScrollLeft(left);\n    }\n  }, [itemList.length, scrollLeft, placement]);\n\n  // TabBar 组件逻辑层抽象，卡片类型时无需展示，故将逻辑整合到此处\n  const TabBarCom = isCard ? null : (\n    <TabBar tabPosition={placement} activeId={activeIndex} containerRef={navsWrapRef} />\n  );\n\n  // 组件初始化后判断当前是否需要展示滑动按钮\n  useEffect(() => {\n    setScrollBtnVisibleHandler();\n  }, [setScrollBtnVisibleHandler]);\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\n  return (\n    <div ref={navsContainerRef} className={classNames(tdTabsClassGenerator('nav'))} style={{ minHeight: 48 }}>\n      <div\n        ref={leftOperationsRef}\n        className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--left'))}\n      >\n        {canToLeft ? (\n          <div\n            onClick={() => {\n              handleScroll('left');\n            }}\n            className={classNames(\n              tdTabsClassGenerator('btn'),\n              tdTabsClassGenerator('btn--left'),\n              tdSizeClassGenerator(size),\n            )}\n            ref={toLeftBtnRef}\n          >\n            <ChevronLeftIcon />\n          </div>\n        ) : null}\n      </div>\n      <div\n        ref={rightOperationsRef}\n        className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--right'))}\n      >\n        {canToRight ? (\n          <div\n            onClick={() => {\n              handleScroll('right');\n            }}\n            className={classNames(\n              tdTabsClassGenerator('btn'),\n              tdTabsClassGenerator('btn--right'),\n              tdSizeClassGenerator(size),\n            )}\n            ref={toRightBtnRef}\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            canToLeft || canToRight ? 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              tdClassGenerator('is-smooth'),\n            )}\n            style={{ transform: `translate(${-scrollLeft}px, 0)` }}\n            ref={navsWrapRef}\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                innerRef={(ref) => {\n                  if (activeValue === v.value) {\n                    setActiveTab(ref);\n                  }\n                }}\n              />\n            ))}\n            {placement === 'bottom' ? TabBarCom : null}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTabNav.displayName = 'TabNav';\n\nexport default TabNav;\n"],"names":["moveActiveTabIntoView","tabBase","calcScrollLeft","scrollToLeft","scrollToRight","calculateCanToLeft","calculateCanToRight","TabNav","props","placement","itemList","tabClick","noop","theme","addable","onAdd","size","disabled","onRemove","onChange","activeValue","children","useGlobalIcon","AddIcon","TdAddIcon","ChevronLeftIcon","TdChevronLeftIcon","ChevronRightIcon","TdChevronRightIcon","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","navsContainerRef","useRef","navsWrapRef","getIndex","useCallback","value","index","findIndex","item","activeIndex","useState","canToLeft","setToLeftBtnVisible","canToRight","setToRightBtnVisible","scrollBarRef","leftOperationsRef","rightOperationsRef","toLeftBtnRef","toRightBtnRef","scrollLeft","setScrollLeft","activeTab","setActiveTab","useEffect","left","navsContainer","current","navsWrap","toLeftBtn","toRightBtn","leftOperations","rightOperations","setScrollBtnVisibleHandler","canToleft","canToRight2","handleScroll","position","val","onResize","debounce","includes","toLowerCase","window","addEventListener","removeEventListener","length","TabBarCom","React","createElement","TabBar","tabPosition","activeId","containerRef","handleTabItemRemove","removeItem","removeValue","removeIndex","handleTabItemClick","clickItem","handleTabAdd","e","ref","className","classNames","style","minHeight","onClick","transform","map","v","TabNavItem","key","label","isActive","onTabRemove","innerRef","displayName"],"mappings":"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"}

package/esm/tabs/TabNavItem.js

@@ -12,10 +12,10 @@ import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
 import useGlobalIcon from '../hooks/useGlobalIcon.js';
 import '../hooks/useConfig.js';
-import '../_chunks/dep-17664157.js';
+import '../_chunks/dep-db59527d.js';
 import '../_chunks/dep-e90dc7f8.js';
 import '../_chunks/dep-baa5a06f.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
@@ -25,7 +25,7 @@ import '../_chunks/dep-b4c1eed9.js';
 import '../_chunks/dep-a519f89e.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-a7905597.js';
 import '../_chunks/dep-e2c9c61c.js';
@@ -37,7 +37,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';

package/esm/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 as TdCloseIcon } from 'tdesign-icons-react';\nimport useRipple from '../_util/useRipple';\nimport { TdTabPanelProps, TdTabsProps } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\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  innerRef(ref: HTMLElement): void;\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    innerRef,\n  } = props;\n\n  const { CloseIcon } = useGlobalIcon({\n    CloseIcon: TdCloseIcon,\n  });\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      ref={innerRef}\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","innerRef","useGlobalIcon","CloseIcon","TdCloseIcon","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","rippleRef","useRef","useRipple","React","createElement","ref","className","classNames","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 as TdCloseIcon } from 'tdesign-icons-react';\nimport useRipple from '../_util/useRipple';\nimport { TdTabPanelProps, TdTabsProps } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\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  innerRef(ref: HTMLElement): void;\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    innerRef,\n  } = props;\n\n  const { CloseIcon } = useGlobalIcon({\n    CloseIcon: TdCloseIcon,\n  });\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      ref={innerRef}\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","innerRef","useGlobalIcon","CloseIcon","TdCloseIcon","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","rippleRef","useRef","useRipple","React","createElement","ref","className","classNames","e","stopPropagation"],"mappings":"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"}

package/esm/tabs/TabPanel.js

@@ -9,10 +9,10 @@ import classNames from 'classnames';
 import { useTabClass } from './useTabClass.js';
 import { tabPanelDefaultProps } from './defaultProps.js';
 import '../hooks/useConfig.js';
-import '../_chunks/dep-17664157.js';
+import '../_chunks/dep-db59527d.js';
 import '../_chunks/dep-e90dc7f8.js';
 import '../_chunks/dep-baa5a06f.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
@@ -22,7 +22,7 @@ import '../_chunks/dep-b4c1eed9.js';
 import '../_chunks/dep-a519f89e.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-a7905597.js';
 import '../_chunks/dep-e2c9c61c.js';
@@ -34,7 +34,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';

package/esm/tabs/Tabs.js

@@ -29,14 +29,14 @@ import '../_util/noop.js';
 import './TabNavItem.js';
 import '../_util/useRipple.js';
 import '../hooks/useConfig.js';
-import '../_chunks/dep-17664157.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-db59527d.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-e2c9c61c.js';
 import '../_chunks/dep-fc5b6ba2.js';
@@ -47,7 +47,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';

package/esm/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { TabValue, TdTabsProps } from './type';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport TabNav from './TabNav';\nimport { useTabClass } from './useTabClass';\nimport TabPanel from './TabPanel';\nimport { StyledProps } from '../common';\nimport { tabsDefaultProps } from './defaultProps';\n\nexport interface TabsProps extends TdTabsProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Tabs = forwardRefWithStatics(\n  (props: TabsProps, ref) => {\n    const { children, placement, onRemove, value: tabValue, onChange, className, style } = props;\n    let { defaultValue } = props;\n\n    // 样式工具引入\n    const { tdTabsClassPrefix, tdTabsClassGenerator, tdClassGenerator } = useTabClass();\n\n    const itemList = React.Children.map(children, (child: any) => {\n      if (child && child.type === TabPanel) {\n        return child.props;\n      }\n      return null;\n    });\n\n    // 当未设置默认值时，默认选中第一个。\n    if (defaultValue === undefined && Array.isArray(itemList) && itemList.length !== 0) {\n      defaultValue = itemList[0].value;\n    }\n\n    const [value, setValue] = useState<TabValue>(defaultValue);\n\n    useEffect(() => {\n      tabValue !== undefined && setValue(tabValue);\n    }, [tabValue]);\n\n    const handleChange = (v) => {\n      if (tabValue === undefined) {\n        setValue(v);\n      }\n      onChange?.(v);\n    };\n\n    const handleClickTab = (v) => {\n      if (tabValue === undefined) {\n        setValue(v);\n      }\n    };\n\n    const renderHeader = () => (\n      <div className={classNames(tdTabsClassGenerator('header'), tdClassGenerator(`is-${placement}`))}>\n        <TabNav\n          {...props}\n          activeValue={value}\n          onRemove={onRemove}\n          itemList={itemList}\n          tabClick={handleClickTab}\n          onChange={handleChange}\n        />\n      </div>\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix, className)} style={style}>\n        {placement !== 'bottom' ? renderHeader() : null}\n        <div className={classNames(tdTabsClassGenerator('content'), tdClassGenerator(`is-${placement}`))}>\n          {React.Children.map(children, (child: any) => {\n            if (child && child.type === TabPanel) {\n              if (child.props.value === value) {\n                return child;\n              }\n              if (child.props.destroyOnHide === false) {\n                return <TabPanel style={{ display: 'none' }}>{child.props.children}</TabPanel>;\n              }\n            }\n            return null;\n          })}\n        </div>\n        {placement === 'bottom' ? renderHeader() : null}\n      </div>\n    );\n  },\n  { TabPanel },\n);\n\nTabs.displayName = 'Tabs';\nTabs.defaultProps = tabsDefaultProps;\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","props","ref","children","placement","onRemove","tabValue","value","onChange","className","style","defaultValue","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","itemList","React","Children","map","child","type","TabPanel","Array","isArray","length","useState","setValue","useEffect","handleChange","v","handleClickTab","renderHeader","createElement","classNames","TabNav","activeValue","tabClick","destroyOnHide","display","displayName","defaultProps","tabsDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { TabValue, TdTabsProps } from './type';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport TabNav from './TabNav';\nimport { useTabClass } from './useTabClass';\nimport TabPanel from './TabPanel';\nimport { StyledProps } from '../common';\nimport { tabsDefaultProps } from './defaultProps';\n\nexport interface TabsProps extends TdTabsProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Tabs = forwardRefWithStatics(\n  (props: TabsProps, ref) => {\n    const { children, placement, onRemove, value: tabValue, onChange, className, style } = props;\n    let { defaultValue } = props;\n\n    // 样式工具引入\n    const { tdTabsClassPrefix, tdTabsClassGenerator, tdClassGenerator } = useTabClass();\n\n    const itemList = React.Children.map(children, (child: any) => {\n      if (child && child.type === TabPanel) {\n        return child.props;\n      }\n      return null;\n    });\n\n    // 当未设置默认值时，默认选中第一个。\n    if (defaultValue === undefined && Array.isArray(itemList) && itemList.length !== 0) {\n      defaultValue = itemList[0].value;\n    }\n\n    const [value, setValue] = useState<TabValue>(defaultValue);\n\n    useEffect(() => {\n      tabValue !== undefined && setValue(tabValue);\n    }, [tabValue]);\n\n    const handleChange = (v) => {\n      if (tabValue === undefined) {\n        setValue(v);\n      }\n      onChange?.(v);\n    };\n\n    const handleClickTab = (v) => {\n      if (tabValue === undefined) {\n        setValue(v);\n      }\n    };\n\n    const renderHeader = () => (\n      <div className={classNames(tdTabsClassGenerator('header'), tdClassGenerator(`is-${placement}`))}>\n        <TabNav\n          {...props}\n          activeValue={value}\n          onRemove={onRemove}\n          itemList={itemList}\n          tabClick={handleClickTab}\n          onChange={handleChange}\n        />\n      </div>\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix, className)} style={style}>\n        {placement !== 'bottom' ? renderHeader() : null}\n        <div className={classNames(tdTabsClassGenerator('content'), tdClassGenerator(`is-${placement}`))}>\n          {React.Children.map(children, (child: any) => {\n            if (child && child.type === TabPanel) {\n              if (child.props.value === value) {\n                return child;\n              }\n              if (child.props.destroyOnHide === false) {\n                return <TabPanel style={{ display: 'none' }}>{child.props.children}</TabPanel>;\n              }\n            }\n            return null;\n          })}\n        </div>\n        {placement === 'bottom' ? renderHeader() : null}\n      </div>\n    );\n  },\n  { TabPanel },\n);\n\nTabs.displayName = 'Tabs';\nTabs.defaultProps = tabsDefaultProps;\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","props","ref","children","placement","onRemove","tabValue","value","onChange","className","style","defaultValue","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","itemList","React","Children","map","child","type","TabPanel","Array","isArray","length","useState","setValue","useEffect","handleChange","v","handleClickTab","renderHeader","createElement","classNames","TabNav","activeValue","tabClick","destroyOnHide","display","displayName","defaultProps","tabsDefaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,IAAI,GAAGC,qBAAqB,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACjD,EAAA,IAAQC,QAAR,GAAuFF,KAAvF,CAAQE,QAAR;AAAA,MAAkBC,SAAlB,GAAuFH,KAAvF,CAAkBG,SAAlB;AAAA,MAA6BC,QAA7B,GAAuFJ,KAAvF,CAA6BI,QAA7B;AAAA,MAA8CC,QAA9C,GAAuFL,KAAvF,CAAuCM,KAAvC;AAAA,MAAwDC,QAAxD,GAAuFP,KAAvF,CAAwDO,QAAxD;AAAA,MAAkEC,SAAlE,GAAuFR,KAAvF,CAAkEQ,SAAlE;AAAA,MAA6EC,KAA7E,GAAuFT,KAAvF,CAA6ES,KAA7E,CAAA;AACA,EAAA,IAAMC,YAAN,GAAuBV,KAAvB,CAAMU,YAAN,CAAA;;AACA,EAAA,IAAA,YAAA,GAAsEC,WAAW,EAAjF;MAAQC,iBAAR,gBAAQA,iBAAR;MAA2BC,oBAA3B,gBAA2BA,oBAA3B;MAAiDC,gBAAjD,gBAAiDA,gBAAjD,CAAA;;AACA,EAAA,IAAMC,QAAQ,GAAGC,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBhB,QAAnB,EAA6B,UAACiB,KAAD,EAAW;AACvD,IAAA,IAAIA,KAAK,IAAIA,KAAK,CAACC,IAAN,KAAeC,QAA5B,EAAsC;MACpC,OAAOF,KAAK,CAACnB,KAAb,CAAA;AACD,KAAA;;AACD,IAAA,OAAO,IAAP,CAAA;AACD,GALgB,CAAjB,CAAA;;AAMA,EAAA,IAAIU,YAAY,KAAK,KAAK,CAAtB,IAA2BY,KAAK,CAACC,OAAN,CAAcR,QAAd,CAA3B,IAAsDA,QAAQ,CAACS,MAAT,KAAoB,CAA9E,EAAiF;AAC/Ed,IAAAA,YAAY,GAAGK,QAAQ,CAAC,CAAD,CAAR,CAAYT,KAA3B,CAAA;AACD,GAAA;;EACD,IAA0BmB,SAAAA,GAAAA,QAAQ,CAACf,YAAD,CAAlC;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOJ,KAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAcoB,QAAd,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACAC,EAAAA,SAAS,CAAC,YAAM;AACdtB,IAAAA,QAAQ,KAAK,KAAK,CAAlB,IAAuBqB,QAAQ,CAACrB,QAAD,CAA/B,CAAA;AACD,GAFQ,EAEN,CAACA,QAAD,CAFM,CAAT,CAAA;;AAGA,EAAA,IAAMuB,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAAO;AAC1B,IAAA,IAAIxB,QAAQ,KAAK,KAAK,CAAtB,EAAyB;MACvBqB,QAAQ,CAACG,CAAD,CAAR,CAAA;AACD,KAAA;;IACDtB,QAAQ,KAAA,IAAR,IAAAA,QAAQ,KAAA,KAAA,CAAR,YAAAA,QAAQ,CAAGsB,CAAH,CAAR,CAAA;GAJF,CAAA;;AAMA,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACD,CAAD,EAAO;AAC5B,IAAA,IAAIxB,QAAQ,KAAK,KAAK,CAAtB,EAAyB;MACvBqB,QAAQ,CAACG,CAAD,CAAR,CAAA;AACD,KAAA;GAHH,CAAA;;EAKA,IAAME,YAAY,GAAG,SAAfA,YAAe,GAAA;AAAA,IAAA,sBAAsBf,KAAK,CAACgB,aAAN,CAAoB,KAApB,EAA2B;MACpExB,SAAS,EAAEyB,UAAU,CAACpB,oBAAoB,CAAC,QAAD,CAArB,EAAiCC,gBAAgB,CAAOX,KAAAA,CAAAA,MAAAA,CAAAA,SAAP,CAAjD,CAAA,CAAA;KADoB,iBAExBa,KAAK,CAACgB,aAAN,CAAoBE,MAApB,kCACdlC,KADc,CAAA,EAAA,EAAA,EAAA;AAEjBmC,MAAAA,WAAW,EAAE7B,KAFI;AAGjBF,MAAAA,QAAQ,EAARA,QAHiB;AAIjBW,MAAAA,QAAQ,EAARA,QAJiB;AAKjBqB,MAAAA,QAAQ,EAAEN,cALO;AAMjBvB,MAAAA,QAAQ,EAAEqB,YAAAA;AANO,KAAA,CAAA,CAFwB,CAAtB,CAAA;GAArB,CAAA;;AAUA,EAAA,sBAAuBZ,KAAK,CAACgB,aAAN,CAAoB,KAApB,EAA2B;AAChD/B,IAAAA,GAAG,EAAHA,GADgD;AAEhDO,IAAAA,SAAS,EAAEyB,UAAU,CAACrB,iBAAD,EAAoBJ,SAApB,CAF2B;AAGhDC,IAAAA,KAAK,EAALA,KAAAA;AAHgD,GAA3B,EAIpBN,SAAS,KAAK,QAAd,GAAyB4B,YAAY,EAArC,GAA0C,IAJtB,iBAI4Cf,KAAK,CAACgB,aAAN,CAAoB,KAApB,EAA2B;IAC5FxB,SAAS,EAAEyB,UAAU,CAACpB,oBAAoB,CAAC,SAAD,CAArB,EAAkCC,gBAAgB,CAAOX,KAAAA,CAAAA,MAAAA,CAAAA,SAAP,CAAlD,CAAA,CAAA;GAD4C,EAEhEa,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBhB,QAAnB,EAA6B,UAACiB,KAAD,EAAW;AACzC,IAAA,IAAIA,KAAK,IAAIA,KAAK,CAACC,IAAN,KAAeC,QAA5B,EAAsC;AACpC,MAAA,IAAIF,KAAK,CAACnB,KAAN,CAAYM,KAAZ,KAAsBA,KAA1B,EAAiC;AAC/B,QAAA,OAAOa,KAAP,CAAA;AACD,OAAA;;AACD,MAAA,IAAIA,KAAK,CAACnB,KAAN,CAAYqC,aAAZ,KAA8B,KAAlC,EAAyC;AACvC,QAAA,sBAAuBrB,KAAK,CAACgB,aAAN,CAAoBX,QAApB,EAA8B;AACnDZ,UAAAA,KAAK,EAAE;AAAE6B,YAAAA,OAAO,EAAE,MAAA;AAAX,WAAA;AAD4C,SAA9B,EAEpBnB,KAAK,CAACnB,KAAN,CAAYE,QAFQ,CAAvB,CAAA;AAGD,OAAA;AACF,KAAA;;AACD,IAAA,OAAO,IAAP,CAAA;GAXC,CAFgE,CAJ5C,EAkBlBC,SAAS,KAAK,QAAd,GAAyB4B,YAAY,EAArC,GAA0C,IAlBxB,CAAvB,CAAA;AAmBD,CAzDiC,EAyD/B;AAAEV,EAAAA,QAAQ,EAARA,QAAAA;AAAF,CAzD+B,EAAlC;AA0DAvB,IAAI,CAACyC,WAAL,GAAmB,MAAnB,CAAA;AACAzC,IAAI,CAAC0C,YAAL,GAAoBC,gBAApB;;;;"}

package/esm/tabs/index.js

@@ -28,14 +28,14 @@ import '../_chunks/dep-a7905597.js';
 import '../_util/noop.js';
 import './useTabClass.js';
 import '../hooks/useConfig.js';
-import '../_chunks/dep-17664157.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-db59527d.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-e2c9c61c.js';
 import '../_chunks/dep-fc5b6ba2.js';
@@ -46,7 +46,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';

package/esm/tabs/useTabClass.js

@@ -6,10 +6,10 @@
 
 import useConfig from '../hooks/useConfig.js';
 import 'react';
-import '../_chunks/dep-17664157.js';
+import '../_chunks/dep-db59527d.js';
 import '../_chunks/dep-e90dc7f8.js';
 import '../_chunks/dep-baa5a06f.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
@@ -19,7 +19,7 @@ import '../_chunks/dep-b4c1eed9.js';
 import '../_chunks/dep-a519f89e.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-a7905597.js';
 import '../_chunks/dep-e2c9c61c.js';
@@ -31,7 +31,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';

package/esm/tag/CheckTag.js

@@ -24,8 +24,8 @@ import '../_chunks/dep-032a6350.js';
 import '../_chunks/dep-9ae02aeb.js';
 import '../_chunks/dep-9f57f8c3.js';
 import '../_chunks/dep-a7905597.js';
-import '../_chunks/dep-17664157.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-db59527d.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
@@ -33,7 +33,7 @@ import '../_chunks/dep-b4c1eed9.js';
 import '../_chunks/dep-a519f89e.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-e2c9c61c.js';
 import '../_chunks/dep-fc5b6ba2.js';
@@ -43,7 +43,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';

package/esm/tag/CheckTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckTag.js","sources":["../../src/tag/CheckTag.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport useControlled from '../hooks/useControlled';\nimport useConfig from '../hooks/useConfig';\nimport { TdCheckTagProps } from './type';\nimport { StyledProps } from '../common';\nimport noop from '../_util/noop';\nimport { checkTagDefaultProps } from './defaultProps';\n\n/**\n * CheckTag 组件支持的属性\n */\nexport interface CheckTagProps extends TdCheckTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\nconst CheckTag = forwardRef((props: CheckTagProps, ref: React.Ref<HTMLSpanElement>) => {\n  const { content, onClick = noop, disabled, children, className, size, onChange, ...tagOtherProps } = props;\n  const [value, onValueChange] = useControlled(props, 'checked', onChange);\n\n  const { classPrefix } = useConfig();\n  const tagClassPrefix = `${classPrefix}-tag`;\n\n  const sizeMap = {\n    large: `${classPrefix}-size-l`,\n    small: `${classPrefix}-size-s`,\n  };\n\n  const checkTagClassNames = classNames(\n    tagClassPrefix,\n    sizeMap[size],\n    className,\n    `${tagClassPrefix}--default`,\n    `${tagClassPrefix}--check`,\n    `${tagClassPrefix}--${size}`,\n    {\n      [`${tagClassPrefix}--disabled`]: disabled,\n      [`${tagClassPrefix}--checked`]: value,\n    },\n  );\n\n  return (\n    <span\n      ref={ref}\n      className={checkTagClassNames}\n      {...tagOtherProps}\n      onClick={(e) => {\n        if (disabled) {\n          return;\n        }\n        onValueChange(!value);\n        onClick({ e });\n      }}\n    >\n      {children || content}\n    </span>\n  );\n});\n\nCheckTag.displayName = 'CheckTag';\nCheckTag.defaultProps = checkTagDefaultProps;\n\nexport default CheckTag;\n"],"names":["CheckTag","forwardRef","props","ref","content","onClick","noop","disabled","children","className","size","onChange","tagOtherProps","useControlled","value","onValueChange","useConfig","classPrefix","tagClassPrefix","sizeMap","large","small","checkTagClassNames","classNames","React","createElement","e","displayName","defaultProps","checkTagDefaultProps"],"mappings":"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"}
+{"version":3,"file":"CheckTag.js","sources":["../../src/tag/CheckTag.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport useControlled from '../hooks/useControlled';\nimport useConfig from '../hooks/useConfig';\nimport { TdCheckTagProps } from './type';\nimport { StyledProps } from '../common';\nimport noop from '../_util/noop';\nimport { checkTagDefaultProps } from './defaultProps';\n\n/**\n * CheckTag 组件支持的属性\n */\nexport interface CheckTagProps extends TdCheckTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\nconst CheckTag = forwardRef((props: CheckTagProps, ref: React.Ref<HTMLSpanElement>) => {\n  const { content, onClick = noop, disabled, children, className, size, onChange, ...tagOtherProps } = props;\n  const [value, onValueChange] = useControlled(props, 'checked', onChange);\n\n  const { classPrefix } = useConfig();\n  const tagClassPrefix = `${classPrefix}-tag`;\n\n  const sizeMap = {\n    large: `${classPrefix}-size-l`,\n    small: `${classPrefix}-size-s`,\n  };\n\n  const checkTagClassNames = classNames(\n    tagClassPrefix,\n    sizeMap[size],\n    className,\n    `${tagClassPrefix}--default`,\n    `${tagClassPrefix}--check`,\n    `${tagClassPrefix}--${size}`,\n    {\n      [`${tagClassPrefix}--disabled`]: disabled,\n      [`${tagClassPrefix}--checked`]: value,\n    },\n  );\n\n  return (\n    <span\n      ref={ref}\n      className={checkTagClassNames}\n      {...tagOtherProps}\n      onClick={(e) => {\n        if (disabled) {\n          return;\n        }\n        onValueChange(!value);\n        onClick({ e });\n      }}\n    >\n      {children || content}\n    </span>\n  );\n});\n\nCheckTag.displayName = 'CheckTag';\nCheckTag.defaultProps = checkTagDefaultProps;\n\nexport default CheckTag;\n"],"names":["CheckTag","forwardRef","props","ref","content","onClick","noop","disabled","children","className","size","onChange","tagOtherProps","useControlled","value","onValueChange","useConfig","classPrefix","tagClassPrefix","sizeMap","large","small","checkTagClassNames","classNames","React","createElement","e","displayName","defaultProps","checkTagDefaultProps"],"mappings":"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"}

package/esm/tag/Tag.js

@@ -16,9 +16,9 @@ import useGlobalIcon from '../hooks/useGlobalIcon.js';
 import CheckTag from './CheckTag.js';
 import { tagDefaultProps } from './defaultProps.js';
 import 'hoist-non-react-statics';
-import '../_chunks/dep-17664157.js';
+import '../_chunks/dep-db59527d.js';
 import '../_chunks/dep-baa5a06f.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
@@ -28,7 +28,7 @@ import '../_chunks/dep-b4c1eed9.js';
 import '../_chunks/dep-a519f89e.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-a7905597.js';
 import '../_chunks/dep-e2c9c61c.js';
@@ -40,7 +40,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';

package/esm/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../src/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon as TdCloseIcon } from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useConfig from '../hooks/useConfig';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\nimport { StyledProps } from '../common';\nimport { TdTagProps } from './type';\nimport CheckTag from './CheckTag';\nimport { tagDefaultProps } from './defaultProps';\n\n/**\n * Tag 组件支持的属性。\n */\nexport interface TagProps extends TdTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 标签组件\n */\nconst Tag = forwardRefWithStatics(\n  (props: TagProps, ref: React.Ref<HTMLSpanElement>) => {\n    const {\n      theme,\n      size,\n      shape,\n      variant,\n      closable,\n      maxWidth,\n      icon,\n      content,\n      onClick = noop,\n      onClose = noop,\n      className,\n      style,\n      disabled,\n      children,\n      ...otherTagProps\n    } = props;\n\n    const { classPrefix } = useConfig();\n    const { CloseIcon } = useGlobalIcon({\n      CloseIcon: TdCloseIcon,\n    });\n    const tagClassPrefix = `${classPrefix}-tag`;\n\n    const sizeMap = {\n      large: `${classPrefix}-size-l`,\n      small: `${classPrefix}-size-s`,\n    };\n\n    const tagClassNames = classNames(\n      tagClassPrefix,\n      `${tagClassPrefix}--${theme}`,\n      `${tagClassPrefix}--${variant}`,\n      `${tagClassPrefix}--${size}`,\n      `${tagClassPrefix}--${shape}`,\n      {\n        [`${tagClassPrefix}--ellipsis`]: !!maxWidth,\n        [`${tagClassPrefix}--disabled`]: disabled,\n      },\n      sizeMap[size],\n      className,\n    );\n\n    /**\n     * 删除 Icon\n     */\n    const deleteIcon = (\n      <CloseIcon\n        onClick={(e) => {\n          if (disabled) return;\n          onClose({ e });\n        }}\n        className={`${tagClassPrefix}__icon-close`}\n      />\n    );\n\n    const tag: JSX.Element = (\n      <span\n        ref={ref}\n        className={tagClassNames}\n        onClick={(e) => {\n          if (disabled) return;\n          onClick({ e });\n        }}\n        style={maxWidth ? { maxWidth: typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth, ...style } : style}\n        {...otherTagProps}\n      >\n        {icon}\n        {maxWidth ? <span className={`${tagClassPrefix}--text`}>{children || content}</span> : children || content}\n        {closable && deleteIcon}\n      </span>\n    );\n\n    return tag;\n  },\n  {\n    CheckTag,\n  },\n);\n\nTag.displayName = 'Tag';\nTag.defaultProps = tagDefaultProps;\n\nexport default Tag;\n"],"names":["Tag","forwardRefWithStatics","props","ref","theme","size","shape","variant","closable","maxWidth","icon","content","onClick","noop","onClose","className","style","disabled","children","otherTagProps","useConfig","classPrefix","useGlobalIcon","CloseIcon","TdCloseIcon","tagClassPrefix","sizeMap","large","small","tagClassNames","classNames","deleteIcon","React","createElement","e","tag","CheckTag","displayName","defaultProps","tagDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../src/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon as TdCloseIcon } from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useConfig from '../hooks/useConfig';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\nimport { StyledProps } from '../common';\nimport { TdTagProps } from './type';\nimport CheckTag from './CheckTag';\nimport { tagDefaultProps } from './defaultProps';\n\n/**\n * Tag 组件支持的属性。\n */\nexport interface TagProps extends TdTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 标签组件\n */\nconst Tag = forwardRefWithStatics(\n  (props: TagProps, ref: React.Ref<HTMLSpanElement>) => {\n    const {\n      theme,\n      size,\n      shape,\n      variant,\n      closable,\n      maxWidth,\n      icon,\n      content,\n      onClick = noop,\n      onClose = noop,\n      className,\n      style,\n      disabled,\n      children,\n      ...otherTagProps\n    } = props;\n\n    const { classPrefix } = useConfig();\n    const { CloseIcon } = useGlobalIcon({\n      CloseIcon: TdCloseIcon,\n    });\n    const tagClassPrefix = `${classPrefix}-tag`;\n\n    const sizeMap = {\n      large: `${classPrefix}-size-l`,\n      small: `${classPrefix}-size-s`,\n    };\n\n    const tagClassNames = classNames(\n      tagClassPrefix,\n      `${tagClassPrefix}--${theme}`,\n      `${tagClassPrefix}--${variant}`,\n      `${tagClassPrefix}--${size}`,\n      `${tagClassPrefix}--${shape}`,\n      {\n        [`${tagClassPrefix}--ellipsis`]: !!maxWidth,\n        [`${tagClassPrefix}--disabled`]: disabled,\n      },\n      sizeMap[size],\n      className,\n    );\n\n    /**\n     * 删除 Icon\n     */\n    const deleteIcon = (\n      <CloseIcon\n        onClick={(e) => {\n          if (disabled) return;\n          onClose({ e });\n        }}\n        className={`${tagClassPrefix}__icon-close`}\n      />\n    );\n\n    const tag: JSX.Element = (\n      <span\n        ref={ref}\n        className={tagClassNames}\n        onClick={(e) => {\n          if (disabled) return;\n          onClick({ e });\n        }}\n        style={maxWidth ? { maxWidth: typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth, ...style } : style}\n        {...otherTagProps}\n      >\n        {icon}\n        {maxWidth ? <span className={`${tagClassPrefix}--text`}>{children || content}</span> : children || content}\n        {closable && deleteIcon}\n      </span>\n    );\n\n    return tag;\n  },\n  {\n    CheckTag,\n  },\n);\n\nTag.displayName = 'Tag';\nTag.defaultProps = tagDefaultProps;\n\nexport default Tag;\n"],"names":["Tag","forwardRefWithStatics","props","ref","theme","size","shape","variant","closable","maxWidth","icon","content","onClick","noop","onClose","className","style","disabled","children","otherTagProps","useConfig","classPrefix","useGlobalIcon","CloseIcon","TdCloseIcon","tagClassPrefix","sizeMap","large","small","tagClassNames","classNames","deleteIcon","React","createElement","e","tag","CheckTag","displayName","defaultProps","tagDefaultProps"],"mappings":"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"}

package/esm/tag/index.js

@@ -16,9 +16,9 @@ import '../_util/noop.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../hooks/useConfig.js';
-import '../_chunks/dep-17664157.js';
+import '../_chunks/dep-db59527d.js';
 import '../_chunks/dep-baa5a06f.js';
-import '../_chunks/dep-c78fa1d4.js';
+import '../_chunks/dep-20c46ad6.js';
 import '../_chunks/dep-2abb30e6.js';
 import '../_chunks/dep-6f56c2e3.js';
 import '../_chunks/dep-138723ac.js';
@@ -28,7 +28,7 @@ import '../_chunks/dep-b4c1eed9.js';
 import '../_chunks/dep-a519f89e.js';
 import '../_chunks/dep-b07bc0a7.js';
 import '../_chunks/dep-61cf30b4.js';
-import '../_chunks/dep-050ca478.js';
+import '../_chunks/dep-2ba06928.js';
 import '../_chunks/dep-975a79fe.js';
 import '../_chunks/dep-a7905597.js';
 import '../_chunks/dep-e2c9c61c.js';
@@ -40,7 +40,7 @@ import '../_chunks/dep-ec8ca5d8.js';
 import '../_chunks/dep-b41a9359.js';
 import '../_chunks/dep-9a46859c.js';
 import '../_chunks/dep-e08dae1d.js';
-import '../_chunks/dep-277e0a93.js';
+import '../_chunks/dep-41b57136.js';
 import '../_chunks/dep-e7caf5cd.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';