tdesign-react 0.25.1 → 0.26.0

package/lib/tabs/TabNav.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-2c3f65c5.js');
-var slicedToArray = require('../_chunks/dep-661ad10f.js');
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
@@ -17,31 +17,32 @@ var _util_noop = require('../_util/noop.js');
 var tabs_useTabClass = require('./useTabClass.js');
 var tabs_TabNavItem = require('./TabNavItem.js');
 var tabs_TabBar = require('./TabBar.js');
-require('../_chunks/dep-4e4ea898.js');
+require('../_chunks/dep-802cffb1.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../config-provider/zh_CN_config.js');
 require('../_util/useRipple.js');
+require('../_util/useAnimation.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-be015aaa.js');
+require('../_chunks/dep-4aa7b082.js');
 require('../_util/easing.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

package/lib/tabs/TabNavItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -15,29 +15,30 @@ var _util_useRipple = require('../_util/useRipple.js');
 var _util_noop = require('../_util/noop.js');
 var tabs_useTabClass = require('./useTabClass.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-ca7914de.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../config-provider/zh_CN_config.js');
+require('../_util/useAnimation.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-be015aaa.js');
+require('../_chunks/dep-4aa7b082.js');
 require('../_util/easing.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

package/lib/tabs/TabPanel.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -12,25 +12,25 @@ var React = require('react');
 var classNames = require('classnames');
 var tabs_useTabClass = require('./useTabClass.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-ca7914de.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../config-provider/zh_CN_config.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/tabs/Tabs.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TdTabsProps } from './type';
-export interface TabsProps extends TdTabsProps {
+import { StyledProps } from '../common';
+export interface TabsProps extends TdTabsProps, StyledProps {
     children?: React.ReactNode;
 }
 declare const Tabs: React.FunctionComponent<TabsProps & React.RefAttributes<any>> & {

package/lib/tabs/Tabs.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,43 +8,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-2c3f65c5.js');
-var slicedToArray = require('../_chunks/dep-661ad10f.js');
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_forwardRefWithStatics = require('../_util/forwardRefWithStatics.js');
 var tabs_TabNav = require('./TabNav.js');
 var tabs_useTabClass = require('./useTabClass.js');
 var tabs_TabPanel = require('./TabPanel.js');
-require('../_chunks/dep-4e4ea898.js');
+require('../_chunks/dep-802cffb1.js');
 require('hoist-non-react-statics');
 require('tdesign-icons-react');
 require('../_util/noop.js');
 require('./TabNavItem.js');
 require('../_util/useRipple.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../config-provider/zh_CN_config.js');
+require('../_util/useAnimation.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-be015aaa.js');
+require('../_chunks/dep-4aa7b082.js');
 require('../_util/easing.js');
 require('./TabBar.js');
 
@@ -61,7 +62,9 @@ var Tabs = _util_forwardRefWithStatics["default"](function (props, ref) {
       placement = props.placement,
       onRemove = props.onRemove,
       tabValue = props.value,
-      onChange = props.onChange;
+      onChange = props.onChange,
+      className = props.className,
+      style = props.style;
   var defaultValue = props.defaultValue;
 
   var _useTabClass = tabs_useTabClass.useTabClass(),
@@ -116,7 +119,8 @@ var Tabs = _util_forwardRefWithStatics["default"](function (props, ref) {
 
   return /* @__PURE__ */React__default["default"].createElement("div", {
     ref: ref,
-    className: classNames__default["default"](tdTabsClassPrefix)
+    className: classNames__default["default"](tdTabsClassPrefix, className),
+    style: style
   }, placement !== "bottom" ? renderTabNav() : null, /* @__PURE__ */React__default["default"].createElement("div", {
     className: classNames__default["default"](tdTabsClassGenerator("content"), tdClassGenerator("is-".concat(placement)))
   }, React__default["default"].Children.map(children, function (child) {

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';\n\nexport interface TabsProps extends TdTabsProps {\n  children?: React.ReactNode;\n}\n\nconst Tabs = forwardRefWithStatics(\n  (props: TabsProps, ref) => {\n    const { children, placement, onRemove, value: tabValue, onChange } = 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 renderTabNav = () => (\n      <TabNav\n        {...props}\n        activeValue={value}\n        onRemove={onRemove}\n        itemList={itemList}\n        tabClick={handleClickTab}\n        onChange={handleChange}\n      />\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix)}>\n        {placement !== 'bottom' ? renderTabNav() : 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              // 实现 renderOnHide\n              if (child.props.renderOnHide) {\n                return <TabPanel style={{ display: 'none' }}>{child.props.children}</TabPanel>;\n              }\n            }\n            return null;\n          })}\n        </div>\n        {placement === 'bottom' ? renderTabNav() : null}\n      </div>\n    );\n  },\n  { TabPanel },\n);\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","props","ref","children","placement","onRemove","tabValue","value","onChange","defaultValue","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","itemList","React","Children","map","child","type","TabPanel","Array","isArray","length","useState","setValue","useEffect","handleChange","v","handleClickTab","renderTabNav","createElement","TabNav","activeValue","tabClick","className","classNames","renderOnHide","style","display","displayName"],"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';\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 renderTabNav = () => (\n      <TabNav\n        {...props}\n        activeValue={value}\n        onRemove={onRemove}\n        itemList={itemList}\n        tabClick={handleClickTab}\n        onChange={handleChange}\n      />\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix, className)} style={style}>\n        {placement !== 'bottom' ? renderTabNav() : 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              // 实现 renderOnHide\n              if (child.props.renderOnHide) {\n                return <TabPanel style={{ display: 'none' }}>{child.props.children}</TabPanel>;\n              }\n            }\n            return null;\n          })}\n        </div>\n        {placement === 'bottom' ? renderTabNav() : null}\n      </div>\n    );\n  },\n  { TabPanel },\n);\n\nTabs.displayName = 'Tabs';\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","renderTabNav","createElement","TabNav","activeValue","tabClick","classNames","renderOnHide","display","displayName"],"mappings":"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"}

package/lib/tabs/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,9 +9,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tabs_Tabs = require('./Tabs.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-661ad10f.js');
-require('../_chunks/dep-4e4ea898.js');
+require('../_chunks/dep-ca7914de.js');
+require('../_chunks/dep-1c9c3eb3.js');
+require('../_chunks/dep-802cffb1.js');
 require('react');
 require('classnames');
 require('../_util/forwardRefWithStatics.js');
@@ -21,30 +21,31 @@ require('tdesign-icons-react');
 require('../_util/noop.js');
 require('./useTabClass.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../config-provider/zh_CN_config.js');
 require('./TabNavItem.js');
 require('../_util/useRipple.js');
+require('../_util/useAnimation.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-be015aaa.js');
+require('../_chunks/dep-4aa7b082.js');
 require('../_util/easing.js');
 require('./TabBar.js');
 require('./TabPanel.js');

package/lib/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tabs/index.ts"],"sourcesContent":["import _Tabs from './Tabs';\n\nimport './style/index.js';\n\nexport type { TabsProps } from './Tabs';\nexport type { TabPanelProps } from './TabPanel';\nexport * from './type';\n\nexport const Tabs = _Tabs;\nexport default Tabs;\n"],"names":["Tabs","_Tabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,IAAI,GAAGC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tabs/index.ts"],"sourcesContent":["import _Tabs from './Tabs';\n\nimport './style/index.js';\n\nexport type { TabsProps } from './Tabs';\nexport type { TabPanelProps } from './TabPanel';\nexport * from './type';\n\nexport const Tabs = _Tabs;\nexport default Tabs;\n"],"names":["Tabs","_Tabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,IAAI,GAAGC;;;;;"}

package/lib/tabs/type.js

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

package/lib/tabs/useTabClass.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -10,25 +10,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _util_useConfig = require('../_util/useConfig.js');
 require('react');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-2c3f65c5.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-ca7914de.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
+require('../config-provider/zh_CN_config.js');
 
 var useTabClass = function useTabClass() {
   var _useConfig = _util_useConfig["default"](),