tdesign-react 0.29.0 → 0.30.1

package/esm/tabs/TabNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNav.js","sources":["../../src/tabs/TabNav.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { AddIcon, ChevronLeftIcon, ChevronRightIcon } from 'tdesign-icons-react';\nimport { TdTabsProps, TdTabPanelProps, TabValue } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\nimport TabNavItem from './TabNavItem';\nimport TabBar from './TabBar';\n\nexport interface TabNavProps extends TdTabsProps {\n  itemList: TdTabPanelProps[];\n  tabClick: (s: TabValue) => void;\n  activeValue: TabValue;\n  size?: 'medium' | 'large';\n}\n\nconst TabNav: React.FC<TabNavProps> = (props) => {\n  const {\n    placement = 'top',\n    itemList,\n    tabClick = noop,\n    theme,\n    addable,\n    onAdd,\n    size = 'medium',\n    disabled = false,\n    onRemove = noop,\n    onChange = noop,\n    activeValue,\n  } = props;\n\n  // 逻辑层较多处需要判断是否为 card 类型，进行逻辑抽象\n  const isCard = theme === 'card';\n\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  // :todo 兼容老版本 TabBar 的实现\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const getIndex = useCallback(\n    (value) => {\n      let index = 0;\n      itemList.forEach((v, i) => {\n        if (v.value === value) {\n          index = i;\n        }\n      });\n      return index;\n    },\n    [itemList],\n  );\n\n  const activeIndex = 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 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';\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  } = props;\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  }, [scrollLeft, placement]);\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","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","navsContainerRef","useRef","navsWrapRef","getIndex","useCallback","value","index","findIndex","item","activeIndex","useState","canToLeft","setToLeftBtnVisible","canToRight","setToRightBtnVisible","scrollBarRef","leftOperationsRef","rightOperationsRef","toLeftBtnRef","toRightBtnRef","scrollLeft","setScrollLeft","activeTab","setActiveTab","useEffect","left","navsContainer","current","navsWrap","toLeftBtn","toRightBtn","leftOperations","rightOperations","setScrollBtnVisibleHandler","canToleft","canToRight2","handleScroll","position","val","onResize","debounce","includes","toLowerCase","window","addEventListener","removeEventListener","length","TabBarCom","React","createElement","TabBar","tabPosition","activeId","containerRef","handleTabItemRemove","removeItem","removeValue","removeIndex","handleTabItemClick","clickItem","handleTabAdd","e","ref","className","classNames","style","minHeight","onClick","ChevronLeftIcon","ChevronRightIcon","AddIcon","transform","map","v","TabNavItem","key","label","isActive","onTabRemove","innerRef","displayName"],"mappings":"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"}

package/esm/tabs/TabNavItem.d.ts

@@ -7,6 +7,7 @@ export interface TabNavItemProps extends TdTabPanelProps {
     placement: string;
     size?: 'medium' | 'large';
     index: number;
+    innerRef(ref: HTMLElement): void;
     onTabRemove: TdTabsProps['onRemove'];
 }
 declare const TabNavItem: React.FC<TabNavItemProps>;

package/esm/tabs/TabNavItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -11,26 +11,26 @@ import useRipple from '../_util/useRipple.js';
 import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-8b4d9db6.js';
-import '../_chunks/dep-78f321a0.js';
-import '../_chunks/dep-9ab77a39.js';
-import '../_chunks/dep-eb0f021a.js';
-import '../_chunks/dep-db764550.js';
-import '../_chunks/dep-9dc44d0a.js';
-import '../_chunks/dep-8aa2c906.js';
-import '../_chunks/dep-b6b2aed8.js';
-import '../_chunks/dep-cec87786.js';
-import '../_chunks/dep-72183a2a.js';
-import '../_chunks/dep-8fda4184.js';
-import '../_chunks/dep-ea5f44a6.js';
-import '../_chunks/dep-84011bbc.js';
-import '../_chunks/dep-57f08aea.js';
-import '../_chunks/dep-4c657685.js';
-import '../_chunks/dep-1f39069a.js';
-import '../_chunks/dep-a6f7ee47.js';
-import '../_chunks/dep-35137444.js';
-import '../_chunks/dep-2982e386.js';
-import '../_chunks/dep-a4eea765.js';
+import '../_chunks/dep-3a79d005.js';
+import '../_chunks/dep-740be687.js';
+import '../_chunks/dep-f467063a.js';
+import '../_chunks/dep-6991a40e.js';
+import '../_chunks/dep-f192174b.js';
+import '../_chunks/dep-59e9e1ce.js';
+import '../_chunks/dep-96d4434c.js';
+import '../_chunks/dep-d2c29c4b.js';
+import '../_chunks/dep-949d4b4d.js';
+import '../_chunks/dep-12bf80c6.js';
+import '../_chunks/dep-21668e5d.js';
+import '../_chunks/dep-b7b037c2.js';
+import '../_chunks/dep-cbdae73c.js';
+import '../_chunks/dep-264afed8.js';
+import '../_chunks/dep-e056f70c.js';
+import '../_chunks/dep-14afb875.js';
+import '../_chunks/dep-2bb2cfe2.js';
+import '../_chunks/dep-30b3395d.js';
+import '../_chunks/dep-dc826c4a.js';
+import '../_chunks/dep-c62cc7ba.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -38,7 +38,7 @@ import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-c7ea01f9.js';
+import '../_chunks/dep-b6aa25c5.js';
 import '../_util/easing.js';
 
 var TabNavItem = function TabNavItem(props) {
@@ -58,7 +58,8 @@ var TabNavItem = function TabNavItem(props) {
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       index = props.index,
       _props$onTabRemove = props.onTabRemove,
-      onTabRemove = _props$onTabRemove === void 0 ? noop : _props$onTabRemove;
+      onTabRemove = _props$onTabRemove === void 0 ? noop : _props$onTabRemove,
+      innerRef = props.innerRef;
   var isCard = theme === "card";
 
   var _useTabClass = useTabClass(),
@@ -69,6 +70,7 @@ var TabNavItem = function TabNavItem(props) {
   var rippleRef = useRef();
   useRipple(rippleRef);
   return /* @__PURE__ */React.createElement("div", {
+    ref: innerRef,
     onClick: disabled ? noop : onClick,
     className: classNames(tdTabsClassGenerator("nav-item"), isCard ? tdTabsClassGenerator("nav--card") : "", tdSizeClassGenerator(size), isActive ? tdClassGenerator("is-active") : "", tdClassGenerator("is-".concat(placement)), disabled ? tdClassGenerator("is-disabled") : "")
   }, isCard ? /* @__PURE__ */React.createElement("span", {

package/esm/tabs/TabNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNavItem.js","sources":["../../src/tabs/TabNavItem.tsx"],"sourcesContent":["import React, { MouseEvent, useRef } from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } 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  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 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","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","rippleRef","useRef","useRipple","React","createElement","ref","className","classNames","CloseIcon","e","stopPropagation"],"mappings":"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"}

package/esm/tabs/TabPanel.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,26 +8,26 @@ import React from 'react';
 import classNames from 'classnames';
 import { useTabClass } from './useTabClass.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-8b4d9db6.js';
-import '../_chunks/dep-78f321a0.js';
-import '../_chunks/dep-9ab77a39.js';
-import '../_chunks/dep-eb0f021a.js';
-import '../_chunks/dep-db764550.js';
-import '../_chunks/dep-9dc44d0a.js';
-import '../_chunks/dep-8aa2c906.js';
-import '../_chunks/dep-b6b2aed8.js';
-import '../_chunks/dep-cec87786.js';
-import '../_chunks/dep-72183a2a.js';
-import '../_chunks/dep-8fda4184.js';
-import '../_chunks/dep-ea5f44a6.js';
-import '../_chunks/dep-84011bbc.js';
-import '../_chunks/dep-57f08aea.js';
-import '../_chunks/dep-4c657685.js';
-import '../_chunks/dep-1f39069a.js';
-import '../_chunks/dep-a6f7ee47.js';
-import '../_chunks/dep-35137444.js';
-import '../_chunks/dep-2982e386.js';
-import '../_chunks/dep-a4eea765.js';
+import '../_chunks/dep-3a79d005.js';
+import '../_chunks/dep-740be687.js';
+import '../_chunks/dep-f467063a.js';
+import '../_chunks/dep-6991a40e.js';
+import '../_chunks/dep-f192174b.js';
+import '../_chunks/dep-59e9e1ce.js';
+import '../_chunks/dep-96d4434c.js';
+import '../_chunks/dep-d2c29c4b.js';
+import '../_chunks/dep-949d4b4d.js';
+import '../_chunks/dep-12bf80c6.js';
+import '../_chunks/dep-21668e5d.js';
+import '../_chunks/dep-b7b037c2.js';
+import '../_chunks/dep-cbdae73c.js';
+import '../_chunks/dep-264afed8.js';
+import '../_chunks/dep-e056f70c.js';
+import '../_chunks/dep-14afb875.js';
+import '../_chunks/dep-2bb2cfe2.js';
+import '../_chunks/dep-30b3395d.js';
+import '../_chunks/dep-dc826c4a.js';
+import '../_chunks/dep-c62cc7ba.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';

package/esm/tabs/Tabs.js

@@ -1,43 +1,46 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-78f321a0.js';
-import { _ as _slicedToArray } from '../_chunks/dep-301990d4.js';
+import { _ as _defineProperty } from '../_chunks/dep-740be687.js';
+import { _ as _slicedToArray } from '../_chunks/dep-582fcce4.js';
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import TabNav from './TabNav.js';
 import { useTabClass } from './useTabClass.js';
 import TabPanel from './TabPanel.js';
-import '../_chunks/dep-c7ef814a.js';
+import '../_chunks/dep-fcd92a0a.js';
 import 'hoist-non-react-statics';
 import 'tdesign-icons-react';
+import '../_chunks/dep-052aa729.js';
+import '../_chunks/dep-f467063a.js';
+import '../_chunks/dep-12bf80c6.js';
+import '../_chunks/dep-949d4b4d.js';
+import '../_chunks/dep-d2c29c4b.js';
+import '../_chunks/dep-9569073a.js';
+import '../_chunks/dep-9ac32bc6.js';
+import '../_chunks/dep-b7b037c2.js';
 import '../_util/noop.js';
 import './TabNavItem.js';
 import '../_util/useRipple.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-8b4d9db6.js';
-import '../_chunks/dep-9ab77a39.js';
-import '../_chunks/dep-eb0f021a.js';
-import '../_chunks/dep-db764550.js';
-import '../_chunks/dep-9dc44d0a.js';
-import '../_chunks/dep-8aa2c906.js';
-import '../_chunks/dep-b6b2aed8.js';
-import '../_chunks/dep-cec87786.js';
-import '../_chunks/dep-72183a2a.js';
-import '../_chunks/dep-8fda4184.js';
-import '../_chunks/dep-ea5f44a6.js';
-import '../_chunks/dep-84011bbc.js';
-import '../_chunks/dep-57f08aea.js';
-import '../_chunks/dep-4c657685.js';
-import '../_chunks/dep-1f39069a.js';
-import '../_chunks/dep-a6f7ee47.js';
-import '../_chunks/dep-35137444.js';
-import '../_chunks/dep-2982e386.js';
-import '../_chunks/dep-a4eea765.js';
+import '../_chunks/dep-3a79d005.js';
+import '../_chunks/dep-6991a40e.js';
+import '../_chunks/dep-f192174b.js';
+import '../_chunks/dep-59e9e1ce.js';
+import '../_chunks/dep-96d4434c.js';
+import '../_chunks/dep-21668e5d.js';
+import '../_chunks/dep-cbdae73c.js';
+import '../_chunks/dep-264afed8.js';
+import '../_chunks/dep-e056f70c.js';
+import '../_chunks/dep-14afb875.js';
+import '../_chunks/dep-2bb2cfe2.js';
+import '../_chunks/dep-30b3395d.js';
+import '../_chunks/dep-dc826c4a.js';
+import '../_chunks/dep-c62cc7ba.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -45,9 +48,10 @@ import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-c7ea01f9.js';
+import '../_chunks/dep-b6aa25c5.js';
 import '../_util/easing.js';
 import './TabBar.js';
+import '../_common/js/tabs/base.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -102,21 +106,23 @@ var Tabs = forwardRefWithStatics(function (props, ref) {
     }
   };
 
-  var renderTabNav = function renderTabNav() {
-    return /* @__PURE__ */React.createElement(TabNav, _objectSpread(_objectSpread({}, props), {}, {
+  var renderHeader = function renderHeader() {
+    return /* @__PURE__ */React.createElement("div", {
+      className: classNames(tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
+    }, /* @__PURE__ */React.createElement(TabNav, _objectSpread(_objectSpread({}, props), {}, {
       activeValue: value,
       onRemove: onRemove,
       itemList: itemList,
       tabClick: handleClickTab,
       onChange: handleChange
-    }));
+    })));
   };
 
   return /* @__PURE__ */React.createElement("div", {
     ref: ref,
     className: classNames(tdTabsClassPrefix, className),
     style: style
-  }, placement !== "bottom" ? renderTabNav() : null, /* @__PURE__ */React.createElement("div", {
+  }, placement !== "bottom" ? renderHeader() : null, /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("content"), tdClassGenerator("is-".concat(placement)))
   }, React.Children.map(children, function (child) {
     if (child && child.type === TabPanel) {
@@ -134,11 +140,14 @@ var Tabs = forwardRefWithStatics(function (props, ref) {
     }
 
     return null;
-  })), placement === "bottom" ? renderTabNav() : null);
+  })), placement === "bottom" ? renderHeader() : null);
 }, {
   TabPanel: TabPanel
 });
 Tabs.displayName = "Tabs";
+Tabs.defaultProps = {
+  placement: "top"
+};
 
 export { Tabs as default };
 //# sourceMappingURL=Tabs.js.map

package/esm/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { TabValue, TdTabsProps } from './type';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport TabNav from './TabNav';\nimport { useTabClass } from './useTabClass';\nimport TabPanel from './TabPanel';\nimport { StyledProps } from '../common';\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              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' ? 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","destroyOnHide","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 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';\n\nTabs.defaultProps = {\n  placement: 'top',\n};\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","props","ref","children","placement","onRemove","tabValue","value","onChange","className","style","defaultValue","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","itemList","React","Children","map","child","type","TabPanel","Array","isArray","length","useState","setValue","useEffect","handleChange","v","handleClickTab","renderHeader","createElement","classNames","TabNav","activeValue","tabClick","destroyOnHide","display","displayName","defaultProps"],"mappings":"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"}

package/esm/tabs/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,37 +7,40 @@
 import Tabs$1 from './Tabs.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-78f321a0.js';
-import '../_chunks/dep-301990d4.js';
-import '../_chunks/dep-c7ef814a.js';
+import '../_chunks/dep-740be687.js';
+import '../_chunks/dep-582fcce4.js';
+import '../_chunks/dep-fcd92a0a.js';
 import 'react';
 import 'classnames';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import './TabNav.js';
 import 'tdesign-icons-react';
+import '../_chunks/dep-052aa729.js';
+import '../_chunks/dep-f467063a.js';
+import '../_chunks/dep-12bf80c6.js';
+import '../_chunks/dep-949d4b4d.js';
+import '../_chunks/dep-d2c29c4b.js';
+import '../_chunks/dep-9569073a.js';
+import '../_chunks/dep-9ac32bc6.js';
+import '../_chunks/dep-b7b037c2.js';
 import '../_util/noop.js';
 import './useTabClass.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-8b4d9db6.js';
-import '../_chunks/dep-9ab77a39.js';
-import '../_chunks/dep-eb0f021a.js';
-import '../_chunks/dep-db764550.js';
-import '../_chunks/dep-9dc44d0a.js';
-import '../_chunks/dep-8aa2c906.js';
-import '../_chunks/dep-b6b2aed8.js';
-import '../_chunks/dep-cec87786.js';
-import '../_chunks/dep-72183a2a.js';
-import '../_chunks/dep-8fda4184.js';
-import '../_chunks/dep-ea5f44a6.js';
-import '../_chunks/dep-84011bbc.js';
-import '../_chunks/dep-57f08aea.js';
-import '../_chunks/dep-4c657685.js';
-import '../_chunks/dep-1f39069a.js';
-import '../_chunks/dep-a6f7ee47.js';
-import '../_chunks/dep-35137444.js';
-import '../_chunks/dep-2982e386.js';
-import '../_chunks/dep-a4eea765.js';
+import '../_chunks/dep-3a79d005.js';
+import '../_chunks/dep-6991a40e.js';
+import '../_chunks/dep-f192174b.js';
+import '../_chunks/dep-59e9e1ce.js';
+import '../_chunks/dep-96d4434c.js';
+import '../_chunks/dep-21668e5d.js';
+import '../_chunks/dep-cbdae73c.js';
+import '../_chunks/dep-264afed8.js';
+import '../_chunks/dep-e056f70c.js';
+import '../_chunks/dep-14afb875.js';
+import '../_chunks/dep-2bb2cfe2.js';
+import '../_chunks/dep-30b3395d.js';
+import '../_chunks/dep-dc826c4a.js';
+import '../_chunks/dep-c62cc7ba.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -47,9 +50,10 @@ import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-c7ea01f9.js';
+import '../_chunks/dep-b6aa25c5.js';
 import '../_util/easing.js';
 import './TabBar.js';
+import '../_common/js/tabs/base.js';
 import './TabPanel.js';
 
 var Tabs = Tabs$1;

package/esm/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,IAAI,GAAGC;;;;"}

package/esm/tabs/type.js

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

package/esm/tabs/useTabClass.js

@@ -1,31 +1,31 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import useConfig from '../_util/useConfig.js';
 import 'react';
-import '../_chunks/dep-8b4d9db6.js';
-import '../_chunks/dep-78f321a0.js';
-import '../_chunks/dep-9ab77a39.js';
-import '../_chunks/dep-eb0f021a.js';
-import '../_chunks/dep-db764550.js';
-import '../_chunks/dep-9dc44d0a.js';
-import '../_chunks/dep-8aa2c906.js';
-import '../_chunks/dep-b6b2aed8.js';
-import '../_chunks/dep-cec87786.js';
-import '../_chunks/dep-72183a2a.js';
-import '../_chunks/dep-8fda4184.js';
-import '../_chunks/dep-ea5f44a6.js';
-import '../_chunks/dep-84011bbc.js';
-import '../_chunks/dep-57f08aea.js';
-import '../_chunks/dep-4c657685.js';
-import '../_chunks/dep-1f39069a.js';
-import '../_chunks/dep-a6f7ee47.js';
-import '../_chunks/dep-35137444.js';
-import '../_chunks/dep-2982e386.js';
-import '../_chunks/dep-a4eea765.js';
+import '../_chunks/dep-3a79d005.js';
+import '../_chunks/dep-740be687.js';
+import '../_chunks/dep-f467063a.js';
+import '../_chunks/dep-6991a40e.js';
+import '../_chunks/dep-f192174b.js';
+import '../_chunks/dep-59e9e1ce.js';
+import '../_chunks/dep-96d4434c.js';
+import '../_chunks/dep-d2c29c4b.js';
+import '../_chunks/dep-949d4b4d.js';
+import '../_chunks/dep-12bf80c6.js';
+import '../_chunks/dep-21668e5d.js';
+import '../_chunks/dep-b7b037c2.js';
+import '../_chunks/dep-cbdae73c.js';
+import '../_chunks/dep-264afed8.js';
+import '../_chunks/dep-e056f70c.js';
+import '../_chunks/dep-14afb875.js';
+import '../_chunks/dep-2bb2cfe2.js';
+import '../_chunks/dep-30b3395d.js';
+import '../_chunks/dep-dc826c4a.js';
+import '../_chunks/dep-c62cc7ba.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';