tdesign-react 0.23.0 → 0.23.1

package/es/tabs/TabNav.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
 import React, { useRef, useCallback, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { ChevronLeftIcon, ChevronRightIcon, AddIcon } from 'tdesign-icons-react';
@@ -13,7 +13,7 @@ import noop from '../_util/noop.js';
 import { useTabClass } from './useTabClass.js';
 import TabNavItem from './TabNavItem.js';
 import TabBar from './TabBar.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
@@ -59,32 +59,26 @@ var TabNav = function TabNav(props) {
     });
     return index;
   }, [itemList]);
+  var activeIndex = getIndex(activeValue);
 
-  var _useState = useState(getIndex(activeValue)),
+  var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      activeIndex = _useState2[0],
-      setActiveIndex = _useState2[1];
-
-  useEffect(function () {
-    setActiveIndex(getIndex(activeValue));
-  }, [activeValue, getIndex]);
+      isScrollVisible = _useState2[0],
+      setIsScrollVisible = _useState2[1];
 
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      isScrollVisible = _useState4[0],
-      setIsScrollVisible = _useState4[1];
+      leftScrollBtnVisible = _useState4[0],
+      setLeftScrollBtnVisible = _useState4[1];
 
   var _useState5 = useState(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      leftScrollBtnVisible = _useState6[0],
-      setLeftScrollBtnVisible = _useState6[1];
-
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      rightScrollBtnVisible = _useState8[0],
-      setRightScrollBtnVisible = _useState8[1];
+      rightScrollBtnVisible = _useState6[0],
+      setRightScrollBtnVisible = _useState6[1];
 
   var scrollBarRef = useRef(null);
+  var leftScrollBtnRef = useRef(null);
+  var rightScrollBtnRef = useRef(null);
 
   var getScrollBtnVisible = function getScrollBtnVisible() {
     var scrollLeft = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : void 0;
@@ -121,10 +115,14 @@ var TabNav = function TabNav(props) {
   };
 
   var scrollClickHandler = function scrollClickHandler(position) {
+    var _leftScrollBtnRef$cur, _rightScrollBtnRef$cu;
+
+    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;
 
     if (ref) {
-      var scrollLeft = position === "left" ? ref.scrollLeft - 200 : ref.scrollLeft + 200;
+      var scrollLeft = position === "left" ? ref.scrollLeft - scrollLength : ref.scrollLeft + scrollLength;
       ref.scrollTo({
         left: scrollLeft,
         behavior: "smooth"
@@ -151,35 +149,61 @@ var TabNav = function TabNav(props) {
   });
   useEffect(function () {
     setScrollBtnVisibleHandler();
-  }, []);
+  }, [itemList.length]);
+
+  var handleTabItemRemove = function handleTabItemRemove(removeItem) {
+    var removeValue = removeItem.value,
+        removeIndex = removeItem.index;
+
+    if (removeValue === activeValue) {
+      var _itemList;
+
+      onChange(removeIndex === 0 ? (_itemList = itemList[removeIndex + 1]) === null || _itemList === void 0 ? void 0 : _itemList.value : itemList[removeIndex - 1].value);
+    }
+
+    onRemove(removeItem);
+  };
+
+  var handleTabItemClick = function handleTabItemClick(clickItem) {
+    tabClick(clickItem.value);
+    onChange(clickItem.value);
+  };
+
+  var handleTabAdd = function handleTabAdd(e) {
+    onAdd({
+      e: e
+    });
+    setTimeout(function () {
+      scrollToRightEnd();
+    }, 0);
+  };
+
   return /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
   }, /* @__PURE__ */React.createElement("div", {
-    className: classNames(tdTabsClassGenerator("nav"))
+    className: classNames(tdTabsClassGenerator("nav")),
+    style: {
+      minHeight: 48
+    }
   }, /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--left"))
   }, leftScrollBtnVisible ? /* @__PURE__ */React.createElement("div", {
     onClick: function onClick() {
       scrollClickHandler("left");
     },
-    className: classNames(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--left"), tdSizeClassGenerator(size))
+    className: classNames(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--left"), tdSizeClassGenerator(size)),
+    ref: leftScrollBtnRef
   }, /* @__PURE__ */React.createElement(ChevronLeftIcon, null)) : null), /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--right"))
   }, rightScrollBtnVisible ? /* @__PURE__ */React.createElement("div", {
     onClick: function onClick() {
       scrollClickHandler("right");
     },
-    className: classNames(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--right"), tdSizeClassGenerator(size))
+    className: classNames(tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--right"), tdSizeClassGenerator(size)),
+    ref: rightScrollBtnRef
   }, /* @__PURE__ */React.createElement(ChevronRightIcon, null)) : null, addable ? /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("add-btn"), tdTabsClassGenerator("btn"), tdSizeClassGenerator(size)),
-    onClick: function onClick(e) {
-      onAdd({
-        e: e
-      });
-      setTimeout(function () {
-        scrollToRightEnd();
-      }, 0);
-    }
+    onClick: handleTabAdd
   }, /* @__PURE__ */React.createElement(AddIcon, null)) : null), /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("nav-container"), isCard ? tdTabsClassGenerator("nav--card") : "", tdClassGenerator("is-".concat(placement)), addable ? tdClassGenerator("is-addable") : "")
   }, /* @__PURE__ */React.createElement("div", {
@@ -188,7 +212,7 @@ var TabNav = function TabNav(props) {
   }, /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("nav-wrap"), ["left", "right"].includes(placement) ? tdClassGenerator("is-vertical") : ""),
     ref: navContainerRef
-  }, placement !== "bottom" ? TabBarCom : null, /* @__PURE__ */React.createElement("div", {
+  }, placement !== "bottom" ? TabBarCom : null, !isCard && /* @__PURE__ */React.createElement("div", {
     className: classNames(tdTabsClassGenerator("bar"), tdClassGenerator("is-".concat(placement)))
   }), itemList.map(function (v, index) {
     return /* @__PURE__ */React.createElement(TabNavItem, _objectSpread(_objectSpread(_objectSpread({}, props), v), {}, {
@@ -201,11 +225,9 @@ var TabNav = function TabNav(props) {
       index: index,
       disabled: disabled || v.disabled,
       onClick: function onClick() {
-        tabClick(v.value);
-        onChange(v.value);
-        setActiveIndex(getIndex(v.value));
+        return handleTabItemClick(v);
       },
-      onTabRemove: onRemove
+      onTabRemove: handleTabItemRemove
     }));
   }), placement === "bottom" ? TabBarCom : null)))));
 };

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

package/es/tabs/TabNavItem.js

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

package/es/tabs/TabPanel.js

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

package/es/tabs/Tabs.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import TabNav from './TabNav.js';
 import { useTabClass } from './useTabClass.js';
 import TabPanel from './TabPanel.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import 'hoist-non-react-statics';
 import 'tdesign-icons-react';
 import '../_util/noop.js';
@@ -31,7 +31,8 @@ var Tabs = forwardRefWithStatics(function (props, ref) {
   var children = props.children,
       placement = props.placement,
       onRemove = props.onRemove,
-      tabValue = props.value;
+      tabValue = props.value,
+      onChange = props.onChange;
   var defaultValue = props.defaultValue;
 
   var _useTabClass = useTabClass(),
@@ -60,12 +61,27 @@ var Tabs = forwardRefWithStatics(function (props, ref) {
     tabValue !== void 0 && setValue(tabValue);
   }, [tabValue]);
 
+  var handleChange = function handleChange(v) {
+    if (tabValue === void 0) {
+      setValue(v);
+    }
+
+    onChange === null || onChange === void 0 ? void 0 : onChange(v);
+  };
+
+  var handleClickTab = function handleClickTab(v) {
+    if (tabValue === void 0) {
+      setValue(v);
+    }
+  };
+
   var renderTabNav = function renderTabNav() {
     return /* @__PURE__ */React.createElement(TabNav, _objectSpread(_objectSpread({}, props), {}, {
       activeValue: value,
       onRemove: onRemove,
       itemList: itemList,
-      tabClick: setValue
+      tabClick: handleClickTab,
+      onChange: handleChange
     }));
   };
 

package/es/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { TabValue, TdTabsProps } from './type';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport TabNav from './TabNav';\nimport { useTabClass } from './useTabClass';\nimport TabPanel from './TabPanel';\n\nexport interface TabsProps extends TdTabsProps {\n  children?: React.ReactNode;\n}\n\nconst Tabs = forwardRefWithStatics(\n  (props: TabsProps, ref) => {\n    const { children, placement, onRemove, value: tabValue } = 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 renderTabNav = () => (\n      <TabNav {...props} activeValue={value} onRemove={onRemove} itemList={itemList} tabClick={setValue} />\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix)}>\n        {placement !== 'bottom' ? renderTabNav() : null}\n        <div className={classNames(tdTabsClassGenerator('content'), tdClassGenerator(`is-${placement}`))}>\n          {React.Children.map(children, (child: any) => {\n            if (child && child.type === TabPanel) {\n              if (child.props.value === value) {\n                return child;\n              }\n              // 实现 renderOnHide\n              if (child.props.renderOnHide) {\n                return <TabPanel style={{ display: 'none' }}>{child.props.children}</TabPanel>;\n              }\n            }\n            return null;\n          })}\n        </div>\n        {placement === 'bottom' ? renderTabNav() : null}\n      </div>\n    );\n  },\n  { TabPanel },\n);\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","props","ref","children","placement","onRemove","tabValue","value","defaultValue","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","itemList","React","Children","map","child","type","TabPanel","Array","isArray","length","useState","setValue","useEffect","renderTabNav","createElement","TabNav","activeValue","tabClick","className","classNames","renderOnHide","style","display","displayName"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { TabValue, TdTabsProps } from './type';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport TabNav from './TabNav';\nimport { useTabClass } from './useTabClass';\nimport TabPanel from './TabPanel';\n\nexport interface TabsProps extends TdTabsProps {\n  children?: React.ReactNode;\n}\n\nconst Tabs = forwardRefWithStatics(\n  (props: TabsProps, ref) => {\n    const { children, placement, onRemove, value: tabValue, onChange } = props;\n    let { defaultValue } = props;\n\n    // 样式工具引入\n    const { tdTabsClassPrefix, tdTabsClassGenerator, tdClassGenerator } = useTabClass();\n\n    const itemList = React.Children.map(children, (child: any) => {\n      if (child && child.type === TabPanel) {\n        return child.props;\n      }\n      return null;\n    });\n\n    // 当未设置默认值时，默认选中第一个。\n    if (defaultValue === undefined && Array.isArray(itemList) && itemList.length !== 0) {\n      defaultValue = itemList[0].value;\n    }\n\n    const [value, setValue] = useState<TabValue>(defaultValue);\n\n    useEffect(() => {\n      tabValue !== undefined && setValue(tabValue);\n    }, [tabValue]);\n\n    const handleChange = (v) => {\n      if (tabValue === undefined) {\n        setValue(v);\n      }\n      onChange?.(v);\n    };\n\n    const handleClickTab = (v) => {\n      if (tabValue === undefined) {\n        setValue(v);\n      }\n    };\n\n    const renderTabNav = () => (\n      <TabNav\n        {...props}\n        activeValue={value}\n        onRemove={onRemove}\n        itemList={itemList}\n        tabClick={handleClickTab}\n        onChange={handleChange}\n      />\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix)}>\n        {placement !== 'bottom' ? renderTabNav() : null}\n        <div className={classNames(tdTabsClassGenerator('content'), tdClassGenerator(`is-${placement}`))}>\n          {React.Children.map(children, (child: any) => {\n            if (child && child.type === TabPanel) {\n              if (child.props.value === value) {\n                return child;\n              }\n              // 实现 renderOnHide\n              if (child.props.renderOnHide) {\n                return <TabPanel style={{ display: 'none' }}>{child.props.children}</TabPanel>;\n              }\n            }\n            return null;\n          })}\n        </div>\n        {placement === 'bottom' ? renderTabNav() : null}\n      </div>\n    );\n  },\n  { TabPanel },\n);\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","props","ref","children","placement","onRemove","tabValue","value","onChange","defaultValue","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","itemList","React","Children","map","child","type","TabPanel","Array","isArray","length","useState","setValue","useEffect","handleChange","v","handleClickTab","renderTabNav","createElement","TabNav","activeValue","tabClick","className","classNames","renderOnHide","style","display","displayName"],"mappings":"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"}

package/es/tabs/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,9 +7,9 @@
 import Tabs$1 from './Tabs.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-b71058fe.js';
+import '../_chunks/dep-543c3536.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import 'react';
 import 'classnames';
 import '../_util/forwardRefWithStatics.js';

package/es/tabs/style/index.css

@@ -1,21 +1,3 @@
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-tabs {
   overflow: hidden;
   background-color: var(--td-bg-color-container);

package/es/tabs/style/index.js

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

package/es/tabs/type.js

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

package/es/tabs/useTabClass.js

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

package/es/tag/CheckTag.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-c611ea38.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-bc6012b1.js';
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import useDefault from '../_util/useDefault.js';
 import useConfig from '../_util/useConfig.js';
 import noop from '../_util/noop.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 
@@ -50,7 +50,11 @@ var CheckTag = /*#__PURE__*/forwardRef(function (props, ref) {
     className: checkTagClassNames
   }, tagOtherProps), {}, {
     onClick: function onClick(e) {
-      !disabled && onValueChange(!value);
+      if (disabled) {
+        return;
+      }
+
+      onValueChange(!value);
 
       _onClick({
         e: e

package/es/tag/CheckTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckTag.js","sources":["../../src/tag/CheckTag.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport { TdCheckTagProps } from './type';\nimport { StyledProps } from '../common';\nimport noop from '../_util/noop';\n\n/**\n * CheckTag 组件支持的属性\n */\nexport interface CheckTagProps extends TdCheckTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\nconst CheckTag = forwardRef((props: CheckTagProps, ref: React.Ref<HTMLSpanElement>) => {\n  const {\n    checked,\n    content,\n    defaultChecked,\n    onChange,\n    onClick = noop,\n    disabled,\n    children,\n    className,\n    ...tagOtherProps\n  } = props;\n  const [value, onValueChange] = useDefault(checked, defaultChecked, onChange);\n\n  const { classPrefix } = useConfig();\n  const tagClassPrefix = `${classPrefix}-tag`;\n\n  const checkTagClassNames = classNames(\n    tagClassPrefix,\n    className,\n    `${tagClassPrefix}--default`,\n    `${tagClassPrefix}--check`,\n    {\n      [`${tagClassPrefix}--disabled`]: disabled,\n      [`${tagClassPrefix}--checked`]: value,\n    },\n  );\n\n  return (\n    <span\n      ref={ref}\n      className={checkTagClassNames}\n      {...tagOtherProps}\n      onClick={(e) => {\n        !disabled && onValueChange(!value);\n        onClick({ e });\n      }}\n    >\n      {children || content}\n    </span>\n  );\n});\n\nCheckTag.displayName = 'CheckTag';\n\nexport default CheckTag;\n"],"names":["CheckTag","forwardRef","props","ref","checked","content","defaultChecked","onChange","onClick","noop","disabled","children","className","tagOtherProps","useDefault","value","onValueChange","useConfig","classPrefix","tagClassPrefix","checkTagClassNames","classNames","React","createElement","e","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAKMA,QAAQ,gBAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA;;AAC1C,MACEC,OADF,GAUIF,KAVJ,CACEE,OADF;AAAA,MAEEC,OAFF,GAUIH,KAVJ,CAEEG,OAFF;AAAA,MAGEC,cAHF,GAUIJ,KAVJ,CAGEI,cAHF;AAAA,MAIEC,QAJF,GAUIL,KAVJ,CAIEK,QAJF;AAAA,uBAUIL,KAVJ,CAKEM,OALF;AAAA,MAKEA,QALF,+BAKYC,IALZ;AAAA,MAMEC,QANF,GAUIR,KAVJ,CAMEQ,QANF;AAAA,MAOEC,QAPF,GAUIT,KAVJ,CAOES,QAPF;AAAA,MAQEC,SARF,GAUIV,KAVJ,CAQEU,SARF;AAAA,MASKC,aATL,4BAUIX,KAVJ;;AAWA,oBAA+BY,UAAU,CAACV,OAAD,EAAUE,cAAV,EAA0BC,QAA1B,CAAzC;AAAA;AAAA,MAAOQ,KAAP;AAAA,MAAcC,aAAd;;AACA,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MAAMC,cAAc,aAAMD,WAAN,SAApB;AACA,MAAME,kBAAkB,GAAGC,UAAU,CAACF,cAAD,EAAiBP,SAAjB,YAA+BO,cAA/B,0BAA6DA,cAA7D,wEAC/BA,cAD+B,iBACFT,QADE,0CAE/BS,cAF+B,gBAEHJ,KAFG,gBAArC;AAIA,wBAAuBO,KAAK,CAACC,aAAN,CAAoB,MAApB;AACrBpB,IAAAA,GAAG,EAAHA,GADqB;AAErBS,IAAAA,SAAS,EAAEQ;AAFU,KAGlBP,aAHkB;AAIrBL,IAAAA,OAAO,EAAE,iBAACgB,CAAD,EAAO;AACd,OAACd,QAAD,IAAaM,aAAa,CAAC,CAACD,KAAF,CAA1B;;AACAP,MAAAA,QAAO,CAAC;AAAEgB,QAAAA,CAAC,EAADA;AAAF,OAAD,CAAP;AACD;AAPoB,MAQpBb,QAAQ,IAAIN,OARQ,CAAvB;AASD,CA5B0B;AA6B3BL,QAAQ,CAACyB,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"CheckTag.js","sources":["../../src/tag/CheckTag.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport { TdCheckTagProps } from './type';\nimport { StyledProps } from '../common';\nimport noop from '../_util/noop';\n\n/**\n * CheckTag 组件支持的属性\n */\nexport interface CheckTagProps extends TdCheckTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\nconst CheckTag = forwardRef((props: CheckTagProps, ref: React.Ref<HTMLSpanElement>) => {\n  const {\n    checked,\n    content,\n    defaultChecked,\n    onChange,\n    onClick = noop,\n    disabled,\n    children,\n    className,\n    ...tagOtherProps\n  } = props;\n  const [value, onValueChange] = useDefault(checked, defaultChecked, onChange);\n\n  const { classPrefix } = useConfig();\n  const tagClassPrefix = `${classPrefix}-tag`;\n\n  const checkTagClassNames = classNames(\n    tagClassPrefix,\n    className,\n    `${tagClassPrefix}--default`,\n    `${tagClassPrefix}--check`,\n    {\n      [`${tagClassPrefix}--disabled`]: disabled,\n      [`${tagClassPrefix}--checked`]: value,\n    },\n  );\n\n  return (\n    <span\n      ref={ref}\n      className={checkTagClassNames}\n      {...tagOtherProps}\n      onClick={(e) => {\n        if (disabled) {\n          return;\n        }\n        onValueChange(!value);\n        onClick({ e });\n      }}\n    >\n      {children || content}\n    </span>\n  );\n});\n\nCheckTag.displayName = 'CheckTag';\n\nexport default CheckTag;\n"],"names":["CheckTag","forwardRef","props","ref","checked","content","defaultChecked","onChange","onClick","noop","disabled","children","className","tagOtherProps","useDefault","value","onValueChange","useConfig","classPrefix","tagClassPrefix","checkTagClassNames","classNames","React","createElement","e","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAKMA,QAAQ,gBAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA;;AAC1C,MACEC,OADF,GAUIF,KAVJ,CACEE,OADF;AAAA,MAEEC,OAFF,GAUIH,KAVJ,CAEEG,OAFF;AAAA,MAGEC,cAHF,GAUIJ,KAVJ,CAGEI,cAHF;AAAA,MAIEC,QAJF,GAUIL,KAVJ,CAIEK,QAJF;AAAA,uBAUIL,KAVJ,CAKEM,OALF;AAAA,MAKEA,QALF,+BAKYC,IALZ;AAAA,MAMEC,QANF,GAUIR,KAVJ,CAMEQ,QANF;AAAA,MAOEC,QAPF,GAUIT,KAVJ,CAOES,QAPF;AAAA,MAQEC,SARF,GAUIV,KAVJ,CAQEU,SARF;AAAA,MASKC,aATL,4BAUIX,KAVJ;;AAWA,oBAA+BY,UAAU,CAACV,OAAD,EAAUE,cAAV,EAA0BC,QAA1B,CAAzC;AAAA;AAAA,MAAOQ,KAAP;AAAA,MAAcC,aAAd;;AACA,mBAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MAAMC,cAAc,aAAMD,WAAN,SAApB;AACA,MAAME,kBAAkB,GAAGC,UAAU,CAACF,cAAD,EAAiBP,SAAjB,YAA+BO,cAA/B,0BAA6DA,cAA7D,wEAC/BA,cAD+B,iBACFT,QADE,0CAE/BS,cAF+B,gBAEHJ,KAFG,gBAArC;AAIA,wBAAuBO,KAAK,CAACC,aAAN,CAAoB,MAApB;AACrBpB,IAAAA,GAAG,EAAHA,GADqB;AAErBS,IAAAA,SAAS,EAAEQ;AAFU,KAGlBP,aAHkB;AAIrBL,IAAAA,OAAO,EAAE,iBAACgB,CAAD,EAAO;AACd,UAAId,QAAJ,EAAc;AACZ;AACD;;AACDM,MAAAA,aAAa,CAAC,CAACD,KAAF,CAAb;;AACAP,MAAAA,QAAO,CAAC;AAAEgB,QAAAA,CAAC,EAADA;AAAF,OAAD,CAAP;AACD;AAVoB,MAWpBb,QAAQ,IAAIN,OAXQ,CAAvB;AAYD,CA/B0B;AAgC3BL,QAAQ,CAACyB,WAAT,GAAuB,UAAvB;;;;"}

package/es/tag/Tag.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-c611ea38.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-bc6012b1.js';
 import React from 'react';
 import classNames from 'classnames';
 import { CloseIcon } from 'tdesign-icons-react';
@@ -16,8 +16,8 @@ import CheckTag from './CheckTag.js';
 import 'hoist-non-react-statics';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-543c3536.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import '../_util/useDefault.js';
 
 var _excluded = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];
@@ -61,7 +61,8 @@ var Tag = forwardRefWithStatics(function (props, ref) {
   var tagClassNames = classNames(tagClassPrefix, "".concat(tagClassPrefix, "--").concat(theme), "".concat(tagClassPrefix, "--").concat(variant), "".concat(tagClassPrefix, "--").concat(size), "".concat(tagClassPrefix, "--").concat(shape), (_classNames = {}, _defineProperty(_classNames, "".concat(tagClassPrefix, "--ellipsis"), !!maxWidth), _defineProperty(_classNames, "".concat(tagClassPrefix, "--disabled"), disabled), _classNames), sizeMap[size], className);
   var deleteIcon = /* @__PURE__ */React.createElement(CloseIcon, {
     onClick: function onClick(e) {
-      return onClose({
+      if (disabled) return;
+      onClose({
         e: e
       });
     },
@@ -71,7 +72,9 @@ var Tag = forwardRefWithStatics(function (props, ref) {
     ref: ref,
     className: tagClassNames,
     onClick: function onClick(e) {
-      return _onClick({
+      if (disabled) return;
+
+      _onClick({
         e: e
       });
     }
@@ -80,7 +83,7 @@ var Tag = forwardRefWithStatics(function (props, ref) {
     style: _objectSpread(_objectSpread({}, style || {}), {
       maxWidth: maxWidth
     })
-  }, content || children) : content || children, closable && deleteIcon);
+  }, children || content) : children || content, closable && deleteIcon);
   return tag;
 }, {
   CheckTag: CheckTag

package/es/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../src/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../common';\nimport { TdTagProps } from './type';\nimport CheckTag from './CheckTag';\n\n/**\n * Tag 组件支持的属性。\n */\nexport interface TagProps extends TdTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 标签组件\n */\nconst Tag = forwardRefWithStatics(\n  (props: TagProps, ref: React.Ref<HTMLSpanElement>) => {\n    const {\n      theme = 'default',\n      size = 'medium',\n      shape = 'square',\n      variant = 'dark',\n      closable,\n      maxWidth,\n      icon,\n      content,\n      onClick = noop,\n      onClose = noop,\n      className,\n      style,\n      disabled,\n      children,\n      ...otherTagProps\n    } = props;\n\n    const { classPrefix } = useConfig();\n    const tagClassPrefix = `${classPrefix}-tag`;\n\n    const sizeMap = {\n      large: `${classPrefix}-size-l`,\n      small: `${classPrefix}-size-s`,\n    };\n\n    const tagClassNames = classNames(\n      tagClassPrefix,\n      `${tagClassPrefix}--${theme}`,\n      `${tagClassPrefix}--${variant}`,\n      `${tagClassPrefix}--${size}`,\n      `${tagClassPrefix}--${shape}`,\n      {\n        [`${tagClassPrefix}--ellipsis`]: !!maxWidth,\n        [`${tagClassPrefix}--disabled`]: disabled,\n      },\n      sizeMap[size],\n      className,\n    );\n\n    /**\n     * 删除 Icon\n     */\n    const deleteIcon = <CloseIcon onClick={(e) => onClose({ e })} className={`${tagClassPrefix}__icon-close`} />;\n\n    const tag: JSX.Element = (\n      <span ref={ref} className={tagClassNames} onClick={(e) => onClick({ e })} {...otherTagProps}>\n        {icon}\n        {maxWidth ? (\n          <span className={`${tagClassPrefix}--text`} style={{ ...(style || {}), ...{ maxWidth } }}>\n            {content || children}\n          </span>\n        ) : (\n          content || children\n        )}\n        {closable && deleteIcon}\n      </span>\n    );\n\n    return tag;\n  },\n  {\n    CheckTag,\n  },\n);\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"names":["Tag","forwardRefWithStatics","props","ref","theme","size","shape","variant","closable","maxWidth","icon","content","onClick","noop","onClose","className","style","disabled","children","otherTagProps","useConfig","classPrefix","tagClassPrefix","sizeMap","large","small","tagClassNames","classNames","deleteIcon","React","createElement","CloseIcon","e","tag","CheckTag","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,GAAG,GAAGC,qBAAqB,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA;;AAChD,qBAgBID,KAhBJ,CACEE,KADF;AAAA,MACEA,KADF,6BACU,SADV;AAAA,oBAgBIF,KAhBJ,CAEEG,IAFF;AAAA,MAEEA,IAFF,4BAES,QAFT;AAAA,qBAgBIH,KAhBJ,CAGEI,KAHF;AAAA,MAGEA,KAHF,6BAGU,QAHV;AAAA,uBAgBIJ,KAhBJ,CAIEK,OAJF;AAAA,MAIEA,OAJF,+BAIY,MAJZ;AAAA,MAKEC,QALF,GAgBIN,KAhBJ,CAKEM,QALF;AAAA,MAMEC,QANF,GAgBIP,KAhBJ,CAMEO,QANF;AAAA,MAOEC,IAPF,GAgBIR,KAhBJ,CAOEQ,IAPF;AAAA,MAQEC,OARF,GAgBIT,KAhBJ,CAQES,OARF;AAAA,uBAgBIT,KAhBJ,CASEU,OATF;AAAA,MASEA,QATF,+BASYC,IATZ;AAAA,uBAgBIX,KAhBJ,CAUEY,OAVF;AAAA,MAUEA,OAVF,+BAUYD,IAVZ;AAAA,MAWEE,SAXF,GAgBIb,KAhBJ,CAWEa,SAXF;AAAA,MAYEC,KAZF,GAgBId,KAhBJ,CAYEc,KAZF;AAAA,MAaEC,QAbF,GAgBIf,KAhBJ,CAaEe,QAbF;AAAA,MAcEC,QAdF,GAgBIhB,KAhBJ,CAcEgB,QAdF;AAAA,MAeKC,aAfL,4BAgBIjB,KAhBJ;;AAiBA,mBAAwBkB,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,MAAMC,cAAc,aAAMD,WAAN,SAApB;AACA,MAAME,OAAO,GAAG;AACdC,IAAAA,KAAK,YAAKH,WAAL,YADS;AAEdI,IAAAA,KAAK,YAAKJ,WAAL;AAFS,GAAhB;AAIA,MAAMK,aAAa,GAAGC,UAAU,CAACL,cAAD,YAAoBA,cAApB,eAAuClB,KAAvC,aAAmDkB,cAAnD,eAAsEf,OAAtE,aAAoFe,cAApF,eAAuGjB,IAAvG,aAAkHiB,cAAlH,eAAqIhB,KAArI,6DAC1BgB,cAD0B,iBACG,CAAC,CAACb,QADL,0CAE1Ba,cAF0B,iBAEGL,QAFH,iBAG7BM,OAAO,CAAClB,IAAD,CAHsB,EAGdU,SAHc,CAAhC;AAIA,MAAMa,UAAU,kBAAmBC,KAAK,CAACC,aAAN,CAAoBC,SAApB,EAA+B;AAChEnB,IAAAA,OAAO,EAAE,iBAACoB,CAAD;AAAA,aAAOlB,OAAO,CAAC;AAAEkB,QAAAA,CAAC,EAADA;AAAF,OAAD,CAAd;AAAA,KADuD;AAEhEjB,IAAAA,SAAS,YAAKO,cAAL;AAFuD,GAA/B,CAAnC;AAIA,MAAMW,GAAG,kBAAmBJ,KAAK,CAACC,aAAN,CAAoB,MAApB;AAC1B3B,IAAAA,GAAG,EAAHA,GAD0B;AAE1BY,IAAAA,SAAS,EAAEW,aAFe;AAG1Bd,IAAAA,OAAO,EAAE,iBAACoB,CAAD;AAAA,aAAOpB,QAAO,CAAC;AAAEoB,QAAAA,CAAC,EAADA;AAAF,OAAD,CAAd;AAAA;AAHiB,KAIvBb,aAJuB,GAKzBT,IALyB,EAKnBD,QAAQ,kBAAmBoB,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AAC9Df,IAAAA,SAAS,YAAKO,cAAL,WADqD;AAE9DN,IAAAA,KAAK,kCAAOA,KAAK,IAAI,EAAhB,GAAuB;AAAEP,MAAAA,QAAQ,EAARA;AAAF,KAAvB;AAFyD,GAA5B,EAGjCE,OAAO,IAAIO,QAHsB,CAAnB,GAGSP,OAAO,IAAIO,QART,EAQmBV,QAAQ,IAAIoB,UAR/B,CAA5B;AASA,SAAOK,GAAP;AACD,CA1CgC,EA0C9B;AACDC,EAAAA,QAAQ,EAARA;AADC,CA1C8B;AA6CjClC,GAAG,CAACmC,WAAJ,GAAkB,KAAlB;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../src/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../common';\nimport { TdTagProps } from './type';\nimport CheckTag from './CheckTag';\n\n/**\n * Tag 组件支持的属性。\n */\nexport interface TagProps extends TdTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 标签组件\n */\nconst Tag = forwardRefWithStatics(\n  (props: TagProps, ref: React.Ref<HTMLSpanElement>) => {\n    const {\n      theme = 'default',\n      size = 'medium',\n      shape = 'square',\n      variant = 'dark',\n      closable,\n      maxWidth,\n      icon,\n      content,\n      onClick = noop,\n      onClose = noop,\n      className,\n      style,\n      disabled,\n      children,\n      ...otherTagProps\n    } = props;\n\n    const { classPrefix } = useConfig();\n    const tagClassPrefix = `${classPrefix}-tag`;\n\n    const sizeMap = {\n      large: `${classPrefix}-size-l`,\n      small: `${classPrefix}-size-s`,\n    };\n\n    const tagClassNames = classNames(\n      tagClassPrefix,\n      `${tagClassPrefix}--${theme}`,\n      `${tagClassPrefix}--${variant}`,\n      `${tagClassPrefix}--${size}`,\n      `${tagClassPrefix}--${shape}`,\n      {\n        [`${tagClassPrefix}--ellipsis`]: !!maxWidth,\n        [`${tagClassPrefix}--disabled`]: disabled,\n      },\n      sizeMap[size],\n      className,\n    );\n\n    /**\n     * 删除 Icon\n     */\n    const deleteIcon = (\n      <CloseIcon\n        onClick={(e) => {\n          if (disabled) return;\n          onClose({ e });\n        }}\n        className={`${tagClassPrefix}__icon-close`}\n      />\n    );\n\n    const tag: JSX.Element = (\n      <span\n        ref={ref}\n        className={tagClassNames}\n        onClick={(e) => {\n          if (disabled) return;\n          onClick({ e });\n        }}\n        {...otherTagProps}\n      >\n        {icon}\n        {maxWidth ? (\n          <span className={`${tagClassPrefix}--text`} style={{ ...(style || {}), ...{ maxWidth } }}>\n            {children || content}\n          </span>\n        ) : (\n          children || content\n        )}\n        {closable && deleteIcon}\n      </span>\n    );\n\n    return tag;\n  },\n  {\n    CheckTag,\n  },\n);\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"names":["Tag","forwardRefWithStatics","props","ref","theme","size","shape","variant","closable","maxWidth","icon","content","onClick","noop","onClose","className","style","disabled","children","otherTagProps","useConfig","classPrefix","tagClassPrefix","sizeMap","large","small","tagClassNames","classNames","deleteIcon","React","createElement","CloseIcon","e","tag","CheckTag","displayName"],"mappings":"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"}

package/es/tag/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,8 +7,8 @@
 import Tag$1 from './Tag.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-c611ea38.js';
+import '../_chunks/dep-b71058fe.js';
+import '../_chunks/dep-bc6012b1.js';
 import 'react';
 import 'classnames';
 import 'tdesign-icons-react';
@@ -19,8 +19,8 @@ import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import './CheckTag.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-543c3536.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import '../_util/useDefault.js';
 
 var Tag = Tag$1;