tdesign-react 0.38.0 → 0.38.1-alpha.1

package/lib/tabs/TabBar.js

@@ -14,8 +14,8 @@ var React = require('react');
 var classNames = require('classnames');
 var hooks_useConfig = require('../hooks/useConfig.js');
 require('../_chunks/dep-18e6db46.js');
-require('../_chunks/dep-092c0f86.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-898e88d6.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
@@ -23,7 +23,7 @@ require('../_chunks/dep-aa8194ed.js');
 require('../_chunks/dep-ac83de55.js');
 require('../_chunks/dep-406da5a3.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-849e800a.js');
 require('../_chunks/dep-b17cc925.js');
@@ -35,7 +35,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');
@@ -70,7 +70,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/lib/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","_slicedToArray","barStyle","setBarStyle","tabsClassPrefix","computeStyle","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","current","itemsRef","querySelectorAll","length","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","_defineProperty","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","_slicedToArray","barStyle","setBarStyle","tabsClassPrefix","computeStyle","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","current","itemsRef","querySelectorAll","length","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","_defineProperty","transform","itemPropValue","useEffect","setTimeout","React","createElement","className","classNames","style","displayName"],"mappings":"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"}

package/lib/tabs/TabNav.js

@@ -28,13 +28,13 @@ require('../_chunks/dep-0a65ca86.js');
 require('../_chunks/dep-7bea27af.js');
 require('../_chunks/dep-849e800a.js');
 require('../hooks/useConfig.js');
-require('../_chunks/dep-092c0f86.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-898e88d6.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-b17cc925.js');
 require('../_chunks/dep-1b9923ed.js');
@@ -45,7 +45,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');

package/lib/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","_slicedToArray","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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"}
+{"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","_slicedToArray","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/lib/tabs/TabNavItem.js

@@ -16,9 +16,9 @@ var _util_noop = require('../_util/noop.js');
 var tabs_useTabClass = require('./useTabClass.js');
 var hooks_useGlobalIcon = require('../hooks/useGlobalIcon.js');
 require('../hooks/useConfig.js');
-require('../_chunks/dep-092c0f86.js');
+require('../_chunks/dep-898e88d6.js');
 require('../_chunks/dep-ef248a7e.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
@@ -26,7 +26,7 @@ require('../_chunks/dep-aa8194ed.js');
 require('../_chunks/dep-ac83de55.js');
 require('../_chunks/dep-406da5a3.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-849e800a.js');
 require('../_chunks/dep-b17cc925.js');
@@ -38,7 +38,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');

package/lib/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/lib/tabs/TabPanel.js

@@ -13,9 +13,9 @@ var classNames = require('classnames');
 var tabs_useTabClass = require('./useTabClass.js');
 var tabs_defaultProps = require('./defaultProps.js');
 require('../hooks/useConfig.js');
-require('../_chunks/dep-092c0f86.js');
+require('../_chunks/dep-898e88d6.js');
 require('../_chunks/dep-ef248a7e.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
@@ -23,7 +23,7 @@ require('../_chunks/dep-aa8194ed.js');
 require('../_chunks/dep-ac83de55.js');
 require('../_chunks/dep-406da5a3.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-849e800a.js');
 require('../_chunks/dep-b17cc925.js');
@@ -35,7 +35,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');

package/lib/tabs/Tabs.js

@@ -31,13 +31,13 @@ require('../_util/noop.js');
 require('./TabNavItem.js');
 require('../_util/useRipple.js');
 require('../hooks/useConfig.js');
-require('../_chunks/dep-092c0f86.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-898e88d6.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-b17cc925.js');
 require('../_chunks/dep-1b9923ed.js');
@@ -48,7 +48,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');

package/lib/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","_slicedToArray","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","_slicedToArray","setValue","useEffect","handleChange","v","handleClickTab","renderHeader","createElement","classNames","TabNav","activeValue","tabClick","destroyOnHide","display","displayName","defaultProps","tabsDefaultProps"],"mappings":"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"}

package/lib/tabs/index.js

@@ -28,13 +28,13 @@ require('../_chunks/dep-849e800a.js');
 require('../_util/noop.js');
 require('./useTabClass.js');
 require('../hooks/useConfig.js');
-require('../_chunks/dep-092c0f86.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-898e88d6.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-b17cc925.js');
 require('../_chunks/dep-1b9923ed.js');
@@ -45,7 +45,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');

package/lib/tabs/useTabClass.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var hooks_useConfig = require('../hooks/useConfig.js');
 require('react');
-require('../_chunks/dep-092c0f86.js');
+require('../_chunks/dep-898e88d6.js');
 require('../_chunks/dep-ef248a7e.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
@@ -20,7 +20,7 @@ require('../_chunks/dep-aa8194ed.js');
 require('../_chunks/dep-ac83de55.js');
 require('../_chunks/dep-406da5a3.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-849e800a.js');
 require('../_chunks/dep-b17cc925.js');
@@ -32,7 +32,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');

package/lib/tag/CheckTag.js

@@ -27,14 +27,14 @@ require('../_chunks/dep-ac83de55.js');
 require('../_chunks/dep-63fdbb7f.js');
 require('../_chunks/dep-7bea27af.js');
 require('../_chunks/dep-849e800a.js');
-require('../_chunks/dep-092c0f86.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-898e88d6.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
 require('../_chunks/dep-406da5a3.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-b17cc925.js');
 require('../_chunks/dep-1b9923ed.js');
@@ -44,7 +44,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');

package/lib/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","_slicedToArray","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","_slicedToArray","value","onValueChange","useConfig","classPrefix","tagClassPrefix","sizeMap","large","small","checkTagClassNames","classNames","React","createElement","e","displayName","defaultProps","checkTagDefaultProps"],"mappings":"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"}

package/lib/tag/Tag.js

@@ -20,8 +20,8 @@ var hooks_useGlobalIcon = require('../hooks/useGlobalIcon.js');
 var tag_CheckTag = require('./CheckTag.js');
 var tag_defaultProps = require('./defaultProps.js');
 require('hoist-non-react-statics');
-require('../_chunks/dep-092c0f86.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-898e88d6.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
@@ -29,7 +29,7 @@ require('../_chunks/dep-aa8194ed.js');
 require('../_chunks/dep-ac83de55.js');
 require('../_chunks/dep-406da5a3.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-849e800a.js');
 require('../_chunks/dep-b17cc925.js');
@@ -41,7 +41,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');

package/lib/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/lib/tag/index.js

@@ -18,8 +18,8 @@ require('../_util/noop.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../hooks/useConfig.js');
-require('../_chunks/dep-092c0f86.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-898e88d6.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-e2c5e0a5.js');
@@ -27,7 +27,7 @@ require('../_chunks/dep-aa8194ed.js');
 require('../_chunks/dep-ac83de55.js');
 require('../_chunks/dep-406da5a3.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-849e800a.js');
 require('../_chunks/dep-b17cc925.js');
@@ -39,7 +39,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');

package/lib/tag-input/TagInput.js

@@ -27,12 +27,12 @@ require('../_chunks/dep-18e6db46.js');
 require('../_chunks/dep-aa8194ed.js');
 require('../_chunks/dep-ac83de55.js');
 require('../_chunks/dep-406da5a3.js');
-require('../_chunks/dep-092c0f86.js');
-require('../_chunks/dep-e772464e.js');
+require('../_chunks/dep-898e88d6.js');
+require('../_chunks/dep-f104d8e0.js');
 require('../_chunks/dep-1068a8d3.js');
 require('../_chunks/dep-a4fad2ab.js');
 require('../_chunks/dep-c83ddb2a.js');
-require('../_chunks/dep-80ea65ed.js');
+require('../_chunks/dep-805babf2.js');
 require('../_chunks/dep-1a01f8a0.js');
 require('../_chunks/dep-849e800a.js');
 require('../_chunks/dep-b17cc925.js');
@@ -44,7 +44,7 @@ require('../_chunks/dep-87c0a6f1.js');
 require('../_chunks/dep-980c266a.js');
 require('../_chunks/dep-081d27c5.js');
 require('../_chunks/dep-3bafd547.js');
-require('../_chunks/dep-5c079948.js');
+require('../_chunks/dep-456a93e6.js');
 require('../_chunks/dep-c6e5bb04.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');