tdesign-react 0.30.0 → 0.30.3-alpha.1

package/lib/tabs/TabNav.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.30.0
+ * tdesign v0.30.3-alpha.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,34 +8,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-82b4eb09.js');
-var slicedToArray = require('../_chunks/dep-f6c29989.js');
+var defineProperty = require('../_chunks/dep-b9b707bc.js');
+var slicedToArray = require('../_chunks/dep-ac71022d.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
+var debounce = require('../_chunks/dep-27bdeef4.js');
 var _util_noop = require('../_util/noop.js');
 var tabs_useTabClass = require('./useTabClass.js');
 var tabs_TabNavItem = require('./TabNavItem.js');
 var tabs_TabBar = require('./TabBar.js');
-require('../_chunks/dep-ddff591d.js');
+var _common_js_tabs_base = require('../_common/js/tabs/base.js');
+require('../_chunks/dep-a21fea7a.js');
+require('../_chunks/dep-5b731d9b.js');
+require('../_chunks/dep-2f29b8a7.js');
+require('../_chunks/dep-3ca370f1.js');
+require('../_chunks/dep-93866a5e.js');
+require('../_chunks/dep-8629fef7.js');
+require('../_chunks/dep-59dfd3d9.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-8f26df9a.js');
-require('../_chunks/dep-620f63c4.js');
-require('../_chunks/dep-4e81df2b.js');
-require('../_chunks/dep-5d3905fc.js');
-require('../_chunks/dep-6ac2ad49.js');
-require('../_chunks/dep-bf938a91.js');
-require('../_chunks/dep-70a1d90e.js');
-require('../_chunks/dep-4faf3a5c.js');
-require('../_chunks/dep-4d0aa9ec.js');
-require('../_chunks/dep-45f31fe4.js');
-require('../_chunks/dep-93523667.js');
-require('../_chunks/dep-c0965351.js');
-require('../_chunks/dep-b37fac27.js');
-require('../_chunks/dep-ab5306b1.js');
-require('../_chunks/dep-92f247bc.js');
-require('../_chunks/dep-e9191ee0.js');
-require('../_chunks/dep-8e0f1eec.js');
+require('../_chunks/dep-50a6fd84.js');
+require('../_chunks/dep-1fc3219a.js');
+require('../_chunks/dep-58ae7ec2.js');
+require('../_chunks/dep-6b1da10b.js');
+require('../_chunks/dep-76030773.js');
+require('../_chunks/dep-3b07c4de.js');
+require('../_chunks/dep-01d0e8d3.js');
+require('../_chunks/dep-3840a54f.js');
+require('../_chunks/dep-c8d8ea79.js');
+require('../_chunks/dep-6df5ed3c.js');
+require('../_chunks/dep-5246f8a1.js');
+require('../_chunks/dep-5c914c6b.js');
+require('../_chunks/dep-db8e24ad.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
 require('../_util/useRipple.js');
@@ -43,7 +47,7 @@ require('../_util/useAnimation.js');
 require('../_util/setStyle.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-8208825e.js');
+require('../_chunks/dep-427344e4.js');
 require('../_util/easing.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -54,6 +58,12 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 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; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var moveActiveTabIntoView = _common_js_tabs_base["default"].moveActiveTabIntoView,
+    calcScrollLeft = _common_js_tabs_base["default"].calcScrollLeft,
+    scrollToLeft = _common_js_tabs_base["default"].scrollToLeft,
+    scrollToRight = _common_js_tabs_base["default"].scrollToRight,
+    calculateCanToLeft = _common_js_tabs_base["default"].calculateCanToLeft,
+    calculateCanToRight = _common_js_tabs_base["default"].calculateCanToRight;
 
 var TabNav = function TabNav(props) {
   var _props$placement = props.placement,
@@ -80,107 +90,120 @@ var TabNav = function TabNav(props) {
       tdClassGenerator = _useTabClass.tdClassGenerator,
       tdSizeClassGenerator = _useTabClass.tdSizeClassGenerator;
 
-  var navContainerRef = React.useRef(null);
+  var navsContainerRef = React.useRef(null);
+  var navsWrapRef = React.useRef(null);
   var getIndex = React.useCallback(function (value) {
-    var index = 0;
-    itemList.forEach(function (v, i) {
-      if (v.value === value) {
-        index = i;
-      }
+    var index = itemList.findIndex(function (item) {
+      return item.value === value;
     });
-    return index;
+    return index > -1 ? index : 0;
   }, [itemList]);
   var activeIndex = getIndex(activeValue);
 
   var _useState = React.useState(false),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      isScrollVisible = _useState2[0],
-      setIsScrollVisible = _useState2[1];
+      canToLeft = _useState2[0],
+      setToLeftBtnVisible = _useState2[1];
 
   var _useState3 = React.useState(false),
       _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      leftScrollBtnVisible = _useState4[0],
-      setLeftScrollBtnVisible = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      rightScrollBtnVisible = _useState6[0],
-      setRightScrollBtnVisible = _useState6[1];
+      canToRight = _useState4[0],
+      setToRightBtnVisible = _useState4[1];
 
   var scrollBarRef = React.useRef(null);
-  var leftScrollBtnRef = React.useRef(null);
-  var rightScrollBtnRef = React.useRef(null);
-
-  var getScrollBtnVisible = function getScrollBtnVisible() {
-    var scrollLeft = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : void 0;
-
-    if (!scrollBarRef.current || !navContainerRef.current) {
-      console.error("[tdesign-tabs]\u6EDA\u52A8\u6761\u548C\u5185\u5BB9\u533A dom \u7ED3\u6784\u5F02\u5E38");
-      return [false, false, false];
-    }
-
-    var innerScrollLeft = scrollBarRef.current.scrollLeft;
-
-    if (scrollLeft !== void 0) {
-      innerScrollLeft = scrollLeft;
-    }
-
-    var isScrollVisible2 = scrollBarRef.current.clientWidth < navContainerRef.current.clientWidth;
-    var leftVisible = innerScrollLeft > 0;
-    var rightVisible = isScrollVisible2 && innerScrollLeft < navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;
-    return [isScrollVisible2, leftVisible, rightVisible];
-  };
-
-  var setScrollBtnVisibleHandler = function setScrollBtnVisibleHandler() {
-    var scrollLeft = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : void 0;
-
-    var _getScrollBtnVisible = getScrollBtnVisible(scrollLeft),
-        _getScrollBtnVisible2 = slicedToArray._slicedToArray(_getScrollBtnVisible, 3),
-        isScrollVisible2 = _getScrollBtnVisible2[0],
-        leftVisible = _getScrollBtnVisible2[1],
-        rightVisible = _getScrollBtnVisible2[2];
-
-    setIsScrollVisible(isScrollVisible2);
-    setLeftScrollBtnVisible(leftVisible);
-    setRightScrollBtnVisible(rightVisible);
-  };
+  var leftOperationsRef = React.useRef(null);
+  var rightOperationsRef = React.useRef(null);
+  var toLeftBtnRef = React.useRef(null);
+  var toRightBtnRef = React.useRef(null);
 
-  var scrollClickHandler = function scrollClickHandler(position) {
-    var _leftScrollBtnRef$cur, _rightScrollBtnRef$cu;
+  var _useState5 = React.useState(0),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      scrollLeft = _useState6[0],
+      setScrollLeft = _useState6[1];
 
-    var doubleScrollBtnWidth = (((_leftScrollBtnRef$cur = leftScrollBtnRef.current) === null || _leftScrollBtnRef$cur === void 0 ? void 0 : _leftScrollBtnRef$cur.clientWidth) || ((_rightScrollBtnRef$cu = rightScrollBtnRef.current) === null || _rightScrollBtnRef$cu === void 0 ? void 0 : _rightScrollBtnRef$cu.clientWidth) || 0) * 2;
-    var scrollLength = scrollBarRef.current.clientWidth - doubleScrollBtnWidth;
-    var ref = scrollBarRef.current;
+  var _useState7 = React.useState(null),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      activeTab = _useState8[0],
+      setActiveTab = _useState8[1];
 
-    if (ref) {
-      var scrollLeft = position === "left" ? ref.scrollLeft - scrollLength : ref.scrollLeft + scrollLength;
-      ref.scrollTo({
-        left: scrollLeft,
-        behavior: "smooth"
-      });
-      setScrollBtnVisibleHandler(scrollLeft);
-    }
+  React.useEffect(function () {
+    var left = moveActiveTabIntoView({
+      activeTab: activeTab,
+      navsContainer: navsContainerRef.current,
+      navsWrap: navsWrapRef.current,
+      toLeftBtn: toLeftBtnRef.current,
+      toRightBtn: toRightBtnRef.current,
+      leftOperations: leftOperationsRef.current,
+      rightOperations: rightOperationsRef.current
+    }, scrollLeft);
+    setScrollLeft(left);
+  }, [activeTab, scrollLeft]);
+  var setScrollBtnVisibleHandler = React.useCallback(function () {
+    var canToleft = calculateCanToLeft({
+      navsContainer: navsContainerRef.current,
+      navsWrap: navsWrapRef.current,
+      leftOperations: leftOperationsRef.current,
+      toLeftBtn: toLeftBtnRef.current
+    }, scrollLeft, placement);
+    var canToRight2 = calculateCanToRight({
+      navsContainer: navsContainerRef.current,
+      navsWrap: navsWrapRef.current,
+      rightOperations: rightOperationsRef.current,
+      toRightBtn: toRightBtnRef.current
+    }, scrollLeft, placement);
+    setToLeftBtnVisible(canToleft);
+    setToRightBtnVisible(canToRight2);
+  }, [scrollLeft, placement]);
+
+  var handleScroll = function handleScroll(position) {
+    var val = position === "left" ? scrollToLeft({
+      navsContainer: navsContainerRef.current,
+      leftOperations: leftOperationsRef.current,
+      toLeftBtn: toLeftBtnRef.current
+    }, scrollLeft) : scrollToRight({
+      navsWrap: navsWrapRef.current,
+      navsContainer: navsContainerRef.current,
+      rightOperations: rightOperationsRef.current,
+      toRightBtn: toRightBtnRef.current
+    }, scrollLeft);
+    setScrollLeft(val);
   };
 
-  var scrollToRightEnd = function scrollToRightEnd() {
-    if (navContainerRef.current && scrollBarRef.current) {
-      var scrollLeft = navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;
-      scrollBarRef.current.scrollTo({
-        left: scrollLeft,
-        behavior: "smooth"
-      });
-      setScrollBtnVisibleHandler(scrollLeft);
+  React.useEffect(function () {
+    var onResize = debounce.debounce_1(function () {
+      if (["top", "bottom"].includes(placement.toLowerCase())) {
+        var left = calcScrollLeft({
+          navsContainer: navsContainerRef.current,
+          navsWrap: navsWrapRef.current,
+          rightOperations: rightOperationsRef.current
+        }, scrollLeft);
+        setScrollLeft(left);
+        setScrollBtnVisibleHandler();
+      }
+    }, 300);
+    window.addEventListener("resize", onResize);
+    return function () {
+      window.removeEventListener("resize", onResize);
+    };
+  });
+  React.useEffect(function () {
+    if (["top", "bottom"].includes(placement.toLowerCase())) {
+      var left = calcScrollLeft({
+        navsContainer: navsContainerRef.current,
+        navsWrap: navsWrapRef.current,
+        rightOperations: rightOperationsRef.current
+      }, scrollLeft);
+      setScrollLeft(left);
     }
-  };
-
+  }, [itemList.length, scrollLeft, placement]);
   var TabBarCom = isCard ? null : /* @__PURE__ */React__default["default"].createElement(tabs_TabBar["default"], {
     tabPosition: placement,
     activeId: activeIndex,
-    containerRef: navContainerRef
+    containerRef: navsWrapRef
   });
   React.useEffect(function () {
     setScrollBtnVisibleHandler();
-  }, [itemList.length]);
+  }, [setScrollBtnVisibleHandler]);
 
   var handleTabItemRemove = function handleTabItemRemove(removeItem) {
     var removeValue = removeItem.value,
@@ -204,45 +227,46 @@ var TabNav = function TabNav(props) {
     onAdd({
       e: e
     });
-    setTimeout(function () {
-      scrollToRightEnd();
-    }, 0);
   };
 
   return /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
-  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    ref: navsContainerRef,
     className: classNames__default["default"](tdTabsClassGenerator("nav")),
     style: {
       minHeight: 48
     }
   }, /* @__PURE__ */React__default["default"].createElement("div", {
+    ref: leftOperationsRef,
     className: classNames__default["default"](tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--left"))
-  }, leftScrollBtnVisible ? /* @__PURE__ */React__default["default"].createElement("div", {
+  }, canToLeft ? /* @__PURE__ */React__default["default"].createElement("div", {
     onClick: function onClick() {
-      scrollClickHandler("left");
+      handleScroll("left");
     },
     className: classNames__default["default"](tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--left"), tdSizeClassGenerator(size)),
-    ref: leftScrollBtnRef
+    ref: toLeftBtnRef
   }, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.ChevronLeftIcon, null)) : null), /* @__PURE__ */React__default["default"].createElement("div", {
+    ref: rightOperationsRef,
     className: classNames__default["default"](tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--right"))
-  }, rightScrollBtnVisible ? /* @__PURE__ */React__default["default"].createElement("div", {
+  }, canToRight ? /* @__PURE__ */React__default["default"].createElement("div", {
     onClick: function onClick() {
-      scrollClickHandler("right");
+      handleScroll("right");
     },
     className: classNames__default["default"](tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--right"), tdSizeClassGenerator(size)),
-    ref: rightScrollBtnRef
+    ref: toRightBtnRef
   }, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.ChevronRightIcon, null)) : null, addable ? /* @__PURE__ */React__default["default"].createElement("div", {
     className: classNames__default["default"](tdTabsClassGenerator("add-btn"), tdTabsClassGenerator("btn"), tdSizeClassGenerator(size)),
     onClick: handleTabAdd
   }, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.AddIcon, null)) : null), /* @__PURE__ */React__default["default"].createElement("div", {
     className: classNames__default["default"](tdTabsClassGenerator("nav-container"), isCard ? tdTabsClassGenerator("nav--card") : "", tdClassGenerator("is-".concat(placement)), addable ? tdClassGenerator("is-addable") : "")
   }, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("nav-scroll"), isScrollVisible ? tdClassGenerator("is-scrollable") : ""),
+    className: classNames__default["default"](tdTabsClassGenerator("nav-scroll"), canToLeft || canToRight ? tdClassGenerator("is-scrollable") : ""),
     ref: scrollBarRef
   }, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("nav-wrap"), ["left", "right"].includes(placement) ? tdClassGenerator("is-vertical") : ""),
-    ref: navContainerRef
+    className: classNames__default["default"](tdTabsClassGenerator("nav-wrap"), ["left", "right"].includes(placement) ? tdClassGenerator("is-vertical") : "", tdClassGenerator("is-smooth")),
+    style: {
+      transform: "translate(".concat(-scrollLeft, "px, 0)")
+    },
+    ref: navsWrapRef
   }, placement !== "bottom" ? TabBarCom : null, !isCard && /* @__PURE__ */React__default["default"].createElement("div", {
     className: classNames__default["default"](tdTabsClassGenerator("bar"), tdClassGenerator("is-".concat(placement)))
   }), itemList.map(function (v, index) {
@@ -258,9 +282,14 @@ var TabNav = function TabNav(props) {
       onClick: function onClick() {
         return handleTabItemClick(v);
       },
-      onTabRemove: handleTabItemRemove
+      onTabRemove: handleTabItemRemove,
+      innerRef: function innerRef(ref) {
+        if (activeValue === v.value) {
+          setActiveTab(ref);
+        }
+      }
     }));
-  }), placement === "bottom" ? TabBarCom : null)))));
+  }), placement === "bottom" ? TabBarCom : null))));
 };
 
 TabNav.displayName = "TabNav";

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.30.0
+ * tdesign v0.30.3-alpha.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-8f26df9a.js');
-require('../_chunks/dep-82b4eb09.js');
-require('../_chunks/dep-620f63c4.js');
-require('../_chunks/dep-4e81df2b.js');
-require('../_chunks/dep-5d3905fc.js');
-require('../_chunks/dep-6ac2ad49.js');
-require('../_chunks/dep-bf938a91.js');
-require('../_chunks/dep-70a1d90e.js');
-require('../_chunks/dep-4faf3a5c.js');
-require('../_chunks/dep-4d0aa9ec.js');
-require('../_chunks/dep-45f31fe4.js');
-require('../_chunks/dep-93523667.js');
-require('../_chunks/dep-c0965351.js');
-require('../_chunks/dep-b37fac27.js');
-require('../_chunks/dep-ab5306b1.js');
-require('../_chunks/dep-92f247bc.js');
-require('../_chunks/dep-e9191ee0.js');
-require('../_chunks/dep-8e0f1eec.js');
+require('../_chunks/dep-50a6fd84.js');
+require('../_chunks/dep-b9b707bc.js');
+require('../_chunks/dep-1fc3219a.js');
+require('../_chunks/dep-58ae7ec2.js');
+require('../_chunks/dep-6b1da10b.js');
+require('../_chunks/dep-76030773.js');
+require('../_chunks/dep-3ca370f1.js');
+require('../_chunks/dep-2f29b8a7.js');
+require('../_chunks/dep-5b731d9b.js');
+require('../_chunks/dep-59dfd3d9.js');
+require('../_chunks/dep-3b07c4de.js');
+require('../_chunks/dep-01d0e8d3.js');
+require('../_chunks/dep-3840a54f.js');
+require('../_chunks/dep-c8d8ea79.js');
+require('../_chunks/dep-6df5ed3c.js');
+require('../_chunks/dep-5246f8a1.js');
+require('../_chunks/dep-5c914c6b.js');
+require('../_chunks/dep-db8e24ad.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-8208825e.js');
+require('../_chunks/dep-427344e4.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":"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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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"}