tdesign-react 0.29.0 → 0.30.1

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","_slicedToArray","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","_slicedToArray","canToLeft","setToLeftBtnVisible","canToRight","setToRightBtnVisible","scrollBarRef","leftOperationsRef","rightOperationsRef","toLeftBtnRef","toRightBtnRef","scrollLeft","setScrollLeft","activeTab","setActiveTab","useEffect","left","navsContainer","current","navsWrap","toLeftBtn","toRightBtn","leftOperations","rightOperations","setScrollBtnVisibleHandler","canToleft","canToRight2","handleScroll","position","val","onResize","debounce","includes","toLowerCase","window","addEventListener","removeEventListener","length","TabBarCom","React","createElement","TabBar","tabPosition","activeId","containerRef","handleTabItemRemove","removeItem","removeValue","removeIndex","handleTabItemClick","clickItem","handleTabAdd","e","ref","className","classNames","style","minHeight","onClick","ChevronLeftIcon","ChevronRightIcon","AddIcon","transform","map","v","TabNavItem","key","label","isActive","onTabRemove","innerRef","displayName"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -15,31 +15,31 @@ 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-fafac164.js');
-require('../_chunks/dep-fcf81179.js');
-require('../_chunks/dep-fd2f41af.js');
-require('../_chunks/dep-c7d8e32e.js');
-require('../_chunks/dep-57ab8b66.js');
-require('../_chunks/dep-1e5be1d8.js');
-require('../_chunks/dep-d0b1978d.js');
-require('../_chunks/dep-07951a1a.js');
-require('../_chunks/dep-756f3f2b.js');
-require('../_chunks/dep-e16b1a44.js');
-require('../_chunks/dep-4ee25b1d.js');
-require('../_chunks/dep-a3247e7d.js');
-require('../_chunks/dep-8b8a4f9b.js');
-require('../_chunks/dep-90209eca.js');
-require('../_chunks/dep-43033ab4.js');
-require('../_chunks/dep-1243f9b2.js');
-require('../_chunks/dep-95b64cbc.js');
-require('../_chunks/dep-689d1b96.js');
+require('../_chunks/dep-9a4bd6b6.js');
+require('../_chunks/dep-7b434d98.js');
+require('../_chunks/dep-2054efa2.js');
+require('../_chunks/dep-74dae3c2.js');
+require('../_chunks/dep-6d2f1713.js');
+require('../_chunks/dep-f76f2e04.js');
+require('../_chunks/dep-6c5845e7.js');
+require('../_chunks/dep-96ecb380.js');
+require('../_chunks/dep-3c16b464.js');
+require('../_chunks/dep-e48c8014.js');
+require('../_chunks/dep-20b2ed03.js');
+require('../_chunks/dep-d3153cff.js');
+require('../_chunks/dep-71c5b046.js');
+require('../_chunks/dep-3bafe452.js');
+require('../_chunks/dep-bb05d098.js');
+require('../_chunks/dep-272e9169.js');
+require('../_chunks/dep-aef171e5.js');
+require('../_chunks/dep-8153ed8e.js');
 require('../_common/js/global-config/locale/zh_CN.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-e31a808c.js');
+require('../_chunks/dep-09dff8ed.js');
 require('../_util/easing.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -64,7 +64,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 ? _util_noop["default"] : _props$onTabRemove;
+      onTabRemove = _props$onTabRemove === void 0 ? _util_noop["default"] : _props$onTabRemove,
+      innerRef = props.innerRef;
   var isCard = theme === "card";
 
   var _useTabClass = tabs_useTabClass.useTabClass(),
@@ -75,6 +76,7 @@ var TabNavItem = function TabNavItem(props) {
   var rippleRef = React.useRef();
   _util_useRipple["default"](rippleRef);
   return /* @__PURE__ */React__default["default"].createElement("div", {
+    ref: innerRef,
     onClick: disabled ? _util_noop["default"] : onClick,
     className: classNames__default["default"](tdTabsClassGenerator("nav-item"), isCard ? tdTabsClassGenerator("nav--card") : "", tdSizeClassGenerator(size), isActive ? tdClassGenerator("is-active") : "", tdClassGenerator("is-".concat(placement)), disabled ? tdClassGenerator("is-disabled") : "")
   }, isCard ? /* @__PURE__ */React__default["default"].createElement("span", {

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;AAC5B,EAAA,IACEC,KADF,GAaID,KAbJ,CACEC,KADF;AAAA,MAEEC,SAFF,GAaIF,KAbJ,CAEEE,SAFF;AAAA,MAGEC,QAHF,GAaIH,KAbJ,CAGEG,QAHF;AAAA,MAaIH,cAAAA,GAAAA,KAbJ,CAIEI,OAJF;AAAA,MAIEA,OAJF,+BAIYC,qBAJZ,GAAA,cAAA;AAAA,MAKEC,KALF,GAaIN,KAbJ,CAKEM,KALF;AAAA,MAMEC,SANF,GAaIP,KAbJ,CAMEO,SANF;AAAA,MAaIP,eAAAA,GAAAA,KAbJ,CAOEQ,QAPF;AAAA,MAOEA,QAPF,gCAOaH,qBAPb,GAAA,eAAA;AAAA,MAQEI,KARF,GAaIT,KAbJ,CAQES,KARF;AAAA,MAaIT,WAAAA,GAAAA,KAbJ,CASEU,IATF;AAAA,MASEA,IATF,4BASS,QATT,GAAA,WAAA;AAAA,MAaIV,eAAAA,GAAAA,KAbJ,CAUEW,QAVF;AAAA,MAUEA,QAVF,gCAUa,KAVb,GAAA,eAAA;AAAA,MAWEC,KAXF,GAaIZ,KAbJ,CAWEY,KAXF;AAAA,MAaIZ,kBAAAA,GAAAA,KAbJ,CAYEa,WAZF;AAAA,MAYEA,WAZF,mCAYgBR,qBAZhB,GAAA,kBAAA,CAAA;AAcA,EAAA,IAAMS,MAAM,GAAGR,KAAK,KAAK,MAAzB,CAAA;;AACA,EAAA,IAAA,YAAA,GAAyES,4BAAW,EAApF;AAAA,MAAQC,oBAAR,gBAAQA,oBAAR;AAAA,MAA8BC,gBAA9B,gBAA8BA,gBAA9B;AAAA,MAAgDC,oBAAhD,gBAAgDA,oBAAhD,CAAA;;AACA,EAAMC,IAAAA,SAAS,GAAGC,YAAM,EAAxB,CAAA;AACAC,EAAAA,0BAAS,CAACF,SAAD,CAAT,CAAA;AACA,EAAA,sBAAuBG,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDnB,IAAAA,OAAO,EAAEO,QAAQ,GAAGN,qBAAH,GAAUD,OADqB;AAEhDoB,IAAAA,SAAS,EAAEC,8BAAU,CAACT,oBAAoB,CAAC,UAAD,CAArB,EAAmCF,MAAM,GAAGE,oBAAoB,CAAC,WAAD,CAAvB,GAAuC,EAAhF,EAAoFE,oBAAoB,CAACR,IAAD,CAAxG,EAAgHP,QAAQ,GAAGc,gBAAgB,CAAC,WAAD,CAAnB,GAAmC,EAA3J,EAA+JA,gBAAgB,CAAA,KAAA,CAAA,MAAA,CAAOV,SAAP,CAA/K,CAAA,EAAoMI,QAAQ,GAAGM,gBAAgB,CAAC,aAAD,CAAnB,GAAqC,EAAjP,CAAA;AAF2B,GAA3B,EAGpBH,MAAM,kBAAmBQ,yBAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AACtDC,IAAAA,SAAS,EAAEC,8BAAU,CAACT,oBAAoB,CAAC,uBAAD,CAArB,CAAA;AADiC,GAA5B,EAEzBf,KAFyB,CAAnB,kBAEmBqB,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACrDG,IAAAA,GAAG,EAAEP,SADgD;AAErDK,IAAAA,SAAS,EAAEC,8BAAU,CAACT,oBAAoB,CAAC,kBAAD,CAArB,CAAA;AAFgC,GAA3B,iBAGTM,yBAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AAC7CC,IAAAA,SAAS,EAAEC,8BAAU,CAACT,oBAAoB,CAAC,uBAAD,CAArB,CAAA;AADwB,GAA5B,EAEhBf,KAFgB,CAHS,CALL,EAUXC,SAAS,kBAAmBoB,yBAAK,CAACC,aAAN,CAAoBI,2BAApB,EAA+B;AACrEH,IAAAA,SAAS,EAAEC,8BAAU,CAAC,YAAD,CADgD;AAErErB,IAAAA,OAAO,EAAE,SAACwB,OAAAA,CAAAA,CAAD,EAAO;AACd,MAAA,IAAIjB,QAAJ,EAAc;AACZ,QAAA,OAAA;AACD,OAAA;;AACDiB,MAAAA,CAAC,CAACC,eAAF,EAAA,CAAA;AACArB,MAAAA,QAAQ,CAAC;AAAEC,QAAAA,KAAK,EAALA,KAAF;AAASmB,QAAAA,CAAC,EAADA,CAAAA;AAAT,OAAD,CAAR,CAAA;AACAf,MAAAA,WAAW,CAAC;AAAEJ,QAAAA,KAAK,EAALA,KAAF;AAASmB,QAAAA,CAAC,EAADA,CAAT;AAAYhB,QAAAA,KAAK,EAALA,KAAAA;AAAZ,OAAD,CAAX,CAAA;AACD,KAAA;AAToE,GAA/B,CAAnB,GAUhB,IApBkB,CAAvB,CAAA;AAqBD;;;;"}
+{"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/lib/tabs/TabPanel.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -12,24 +12,24 @@ var React = require('react');
 var classNames = require('classnames');
 var tabs_useTabClass = require('./useTabClass.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-fafac164.js');
-require('../_chunks/dep-fcf81179.js');
-require('../_chunks/dep-fd2f41af.js');
-require('../_chunks/dep-c7d8e32e.js');
-require('../_chunks/dep-57ab8b66.js');
-require('../_chunks/dep-1e5be1d8.js');
-require('../_chunks/dep-d0b1978d.js');
-require('../_chunks/dep-07951a1a.js');
-require('../_chunks/dep-756f3f2b.js');
-require('../_chunks/dep-e16b1a44.js');
-require('../_chunks/dep-4ee25b1d.js');
-require('../_chunks/dep-a3247e7d.js');
-require('../_chunks/dep-8b8a4f9b.js');
-require('../_chunks/dep-90209eca.js');
-require('../_chunks/dep-43033ab4.js');
-require('../_chunks/dep-1243f9b2.js');
-require('../_chunks/dep-95b64cbc.js');
-require('../_chunks/dep-689d1b96.js');
+require('../_chunks/dep-9a4bd6b6.js');
+require('../_chunks/dep-7b434d98.js');
+require('../_chunks/dep-2054efa2.js');
+require('../_chunks/dep-74dae3c2.js');
+require('../_chunks/dep-6d2f1713.js');
+require('../_chunks/dep-f76f2e04.js');
+require('../_chunks/dep-6c5845e7.js');
+require('../_chunks/dep-96ecb380.js');
+require('../_chunks/dep-3c16b464.js');
+require('../_chunks/dep-e48c8014.js');
+require('../_chunks/dep-20b2ed03.js');
+require('../_chunks/dep-d3153cff.js');
+require('../_chunks/dep-71c5b046.js');
+require('../_chunks/dep-3bafe452.js');
+require('../_chunks/dep-bb05d098.js');
+require('../_chunks/dep-272e9169.js');
+require('../_chunks/dep-aef171e5.js');
+require('../_chunks/dep-8153ed8e.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
 

package/lib/tabs/Tabs.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,47 +8,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-fcf81179.js');
-var slicedToArray = require('../_chunks/dep-6c140602.js');
+var defineProperty = require('../_chunks/dep-7b434d98.js');
+var slicedToArray = require('../_chunks/dep-c36340e2.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-3da67813.js');
+require('../_chunks/dep-03872f90.js');
 require('hoist-non-react-statics');
 require('tdesign-icons-react');
+require('../_chunks/dep-e2998653.js');
+require('../_chunks/dep-3c16b464.js');
+require('../_chunks/dep-96ecb380.js');
+require('../_chunks/dep-6c5845e7.js');
+require('../_chunks/dep-3b2f2c71.js');
+require('../_chunks/dep-9bf86d01.js');
+require('../_chunks/dep-e48c8014.js');
 require('../_util/noop.js');
 require('./TabNavItem.js');
 require('../_util/useRipple.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-fafac164.js');
-require('../_chunks/dep-fd2f41af.js');
-require('../_chunks/dep-c7d8e32e.js');
-require('../_chunks/dep-57ab8b66.js');
-require('../_chunks/dep-1e5be1d8.js');
-require('../_chunks/dep-d0b1978d.js');
-require('../_chunks/dep-07951a1a.js');
-require('../_chunks/dep-756f3f2b.js');
-require('../_chunks/dep-e16b1a44.js');
-require('../_chunks/dep-4ee25b1d.js');
-require('../_chunks/dep-a3247e7d.js');
-require('../_chunks/dep-8b8a4f9b.js');
-require('../_chunks/dep-90209eca.js');
-require('../_chunks/dep-43033ab4.js');
-require('../_chunks/dep-1243f9b2.js');
-require('../_chunks/dep-95b64cbc.js');
-require('../_chunks/dep-689d1b96.js');
+require('../_chunks/dep-9a4bd6b6.js');
+require('../_chunks/dep-2054efa2.js');
+require('../_chunks/dep-74dae3c2.js');
+require('../_chunks/dep-6d2f1713.js');
+require('../_chunks/dep-f76f2e04.js');
+require('../_chunks/dep-20b2ed03.js');
+require('../_chunks/dep-d3153cff.js');
+require('../_chunks/dep-71c5b046.js');
+require('../_chunks/dep-3bafe452.js');
+require('../_chunks/dep-bb05d098.js');
+require('../_chunks/dep-272e9169.js');
+require('../_chunks/dep-aef171e5.js');
+require('../_chunks/dep-8153ed8e.js');
 require('../_common/js/global-config/locale/zh_CN.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-e31a808c.js');
+require('../_chunks/dep-09dff8ed.js');
 require('../_util/easing.js');
 require('./TabBar.js');
+require('../_common/js/tabs/base.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -108,21 +112,23 @@ var Tabs = _util_forwardRefWithStatics["default"](function (props, ref) {
     }
   };
 
-  var renderTabNav = function renderTabNav() {
-    return /* @__PURE__ */React__default["default"].createElement(tabs_TabNav["default"], _objectSpread(_objectSpread({}, props), {}, {
+  var renderHeader = function renderHeader() {
+    return /* @__PURE__ */React__default["default"].createElement("div", {
+      className: classNames__default["default"](tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
+    }, /* @__PURE__ */React__default["default"].createElement(tabs_TabNav["default"], _objectSpread(_objectSpread({}, props), {}, {
       activeValue: value,
       onRemove: onRemove,
       itemList: itemList,
       tabClick: handleClickTab,
       onChange: handleChange
-    }));
+    })));
   };
 
   return /* @__PURE__ */React__default["default"].createElement("div", {
     ref: ref,
     className: classNames__default["default"](tdTabsClassPrefix, className),
     style: style
-  }, placement !== "bottom" ? renderTabNav() : null, /* @__PURE__ */React__default["default"].createElement("div", {
+  }, placement !== "bottom" ? renderHeader() : 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) {
     if (child && child.type === tabs_TabPanel["default"]) {
@@ -140,11 +146,14 @@ var Tabs = _util_forwardRefWithStatics["default"](function (props, ref) {
     }
 
     return null;
-  })), placement === "bottom" ? renderTabNav() : null);
+  })), placement === "bottom" ? renderHeader() : null);
 }, {
   TabPanel: tabs_TabPanel["default"]
 });
 Tabs.displayName = "Tabs";
+Tabs.defaultProps = {
+  placement: "top"
+};
 
 exports["default"] = Tabs;
 //# sourceMappingURL=Tabs.js.map

package/lib/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { TabValue, TdTabsProps } from './type';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport TabNav from './TabNav';\nimport { useTabClass } from './useTabClass';\nimport TabPanel from './TabPanel';\nimport { StyledProps } from '../common';\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","_slicedToArray","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","_slicedToArray","setValue","useEffect","handleChange","v","handleClickTab","renderHeader","createElement","classNames","TabNav","activeValue","tabClick","destroyOnHide","display","displayName","defaultProps"],"mappings":"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"}

package/lib/tabs/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,35 +9,38 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tabs_Tabs = require('./Tabs.js');
-require('../_chunks/dep-fcf81179.js');
-require('../_chunks/dep-6c140602.js');
-require('../_chunks/dep-3da67813.js');
+require('../_chunks/dep-7b434d98.js');
+require('../_chunks/dep-c36340e2.js');
+require('../_chunks/dep-03872f90.js');
 require('react');
 require('classnames');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('./TabNav.js');
 require('tdesign-icons-react');
+require('../_chunks/dep-e2998653.js');
+require('../_chunks/dep-3c16b464.js');
+require('../_chunks/dep-96ecb380.js');
+require('../_chunks/dep-6c5845e7.js');
+require('../_chunks/dep-3b2f2c71.js');
+require('../_chunks/dep-9bf86d01.js');
+require('../_chunks/dep-e48c8014.js');
 require('../_util/noop.js');
 require('./useTabClass.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-fafac164.js');
-require('../_chunks/dep-fd2f41af.js');
-require('../_chunks/dep-c7d8e32e.js');
-require('../_chunks/dep-57ab8b66.js');
-require('../_chunks/dep-1e5be1d8.js');
-require('../_chunks/dep-d0b1978d.js');
-require('../_chunks/dep-07951a1a.js');
-require('../_chunks/dep-756f3f2b.js');
-require('../_chunks/dep-e16b1a44.js');
-require('../_chunks/dep-4ee25b1d.js');
-require('../_chunks/dep-a3247e7d.js');
-require('../_chunks/dep-8b8a4f9b.js');
-require('../_chunks/dep-90209eca.js');
-require('../_chunks/dep-43033ab4.js');
-require('../_chunks/dep-1243f9b2.js');
-require('../_chunks/dep-95b64cbc.js');
-require('../_chunks/dep-689d1b96.js');
+require('../_chunks/dep-9a4bd6b6.js');
+require('../_chunks/dep-2054efa2.js');
+require('../_chunks/dep-74dae3c2.js');
+require('../_chunks/dep-6d2f1713.js');
+require('../_chunks/dep-f76f2e04.js');
+require('../_chunks/dep-20b2ed03.js');
+require('../_chunks/dep-d3153cff.js');
+require('../_chunks/dep-71c5b046.js');
+require('../_chunks/dep-3bafe452.js');
+require('../_chunks/dep-bb05d098.js');
+require('../_chunks/dep-272e9169.js');
+require('../_chunks/dep-aef171e5.js');
+require('../_chunks/dep-8153ed8e.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
 require('./TabNavItem.js');
@@ -46,9 +49,10 @@ require('../_util/useAnimation.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-e31a808c.js');
+require('../_chunks/dep-09dff8ed.js');
 require('../_util/easing.js');
 require('./TabBar.js');
+require('../_common/js/tabs/base.js');
 require('./TabPanel.js');
 
 var Tabs = tabs_Tabs["default"];

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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/lib/tabs/type.js

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

package/lib/tabs/useTabClass.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.29.0
+ * tdesign v0.30.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -10,24 +10,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _util_useConfig = require('../_util/useConfig.js');
 require('react');
-require('../_chunks/dep-fafac164.js');
-require('../_chunks/dep-fcf81179.js');
-require('../_chunks/dep-fd2f41af.js');
-require('../_chunks/dep-c7d8e32e.js');
-require('../_chunks/dep-57ab8b66.js');
-require('../_chunks/dep-1e5be1d8.js');
-require('../_chunks/dep-d0b1978d.js');
-require('../_chunks/dep-07951a1a.js');
-require('../_chunks/dep-756f3f2b.js');
-require('../_chunks/dep-e16b1a44.js');
-require('../_chunks/dep-4ee25b1d.js');
-require('../_chunks/dep-a3247e7d.js');
-require('../_chunks/dep-8b8a4f9b.js');
-require('../_chunks/dep-90209eca.js');
-require('../_chunks/dep-43033ab4.js');
-require('../_chunks/dep-1243f9b2.js');
-require('../_chunks/dep-95b64cbc.js');
-require('../_chunks/dep-689d1b96.js');
+require('../_chunks/dep-9a4bd6b6.js');
+require('../_chunks/dep-7b434d98.js');
+require('../_chunks/dep-2054efa2.js');
+require('../_chunks/dep-74dae3c2.js');
+require('../_chunks/dep-6d2f1713.js');
+require('../_chunks/dep-f76f2e04.js');
+require('../_chunks/dep-6c5845e7.js');
+require('../_chunks/dep-96ecb380.js');
+require('../_chunks/dep-3c16b464.js');
+require('../_chunks/dep-e48c8014.js');
+require('../_chunks/dep-20b2ed03.js');
+require('../_chunks/dep-d3153cff.js');
+require('../_chunks/dep-71c5b046.js');
+require('../_chunks/dep-3bafe452.js');
+require('../_chunks/dep-bb05d098.js');
+require('../_chunks/dep-272e9169.js');
+require('../_chunks/dep-aef171e5.js');
+require('../_chunks/dep-8153ed8e.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');