@tendaui/react 1.2.4 → 1.3.1

package/es/tab/TabNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNavItem.js","sources":["../../../components/tab/TabNavItem.tsx"],"sourcesContent":["import React, { MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { IconClose as TdCloseIcon } from \"@tendaui/icons\";\n\nimport noop from \"../utils/noop\";\nimport { useTabClass } from \"./useTabClass\";\nimport useGlobalIcon from \"../hooks/useGlobalIcon\";\n\nimport type { StyledProps } from \"../common\";\nimport type { TdTabPanelProps, TdTabsProps } from \"./type\";\n\nexport interface TabNavItemProps extends TdTabPanelProps, StyledProps {\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    placement,\n    onRemove = noop,\n    value,\n    size = \"medium\",\n    disabled = false,\n    index,\n    onTabRemove = noop,\n    innerRef\n  } = props;\n\n  const { CloseIcon } = useGlobalIcon({ CloseIcon: TdCloseIcon });\n\n  // 样式变量和常量定义\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  // 斜八度动画\n  return (\n    <div\n      ref={innerRef}\n      onClick={disabled ? noop : onClick}\n      className={classNames(\n        tdTabsClassGenerator(\"nav-item\"),\n        tdSizeClassGenerator(size),\n        isActive ? tdClassGenerator(\"is-active\") : \"\",\n        tdClassGenerator(`is-${placement}`),\n        disabled ? tdClassGenerator(\"is-disabled\") : \"\",\n        props.className\n      )}\n    >\n      {/* 根据新的 dom 结构和样式进行改动，卡片类型情况下不需要 nav-item-wrapper 这个 div */}\n      <div className={classNames(tdTabsClassGenerator(\"nav-item-wrapper\"))}>\n        <span className={classNames(tdTabsClassGenerator(\"nav-item-text-wrapper\"))}>{label}</span>\n      </div>\n      {removable && !disabled ? (\n        <span\n          className={classNames(\"remove-btn\")}\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove({ value, e });\n            onTabRemove({ value, e, index });\n          }}\n        >\n          <CloseIcon />\n        </span>\n      ) : null}\n    </div>\n  );\n};\n\nexport default TabNavItem;\n"],"names":["TabNavItem","props","label","removable","isActive","_props$onClick","onClick","noop","placement","_props$onRemove","onRemove","value","_props$size","size","_props$disabled","disabled","index","_props$onTabRemove","onTabRemove","innerRef","_useGlobalIcon","useGlobalIcon","CloseIcon","TdCloseIcon","_useTabClass","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","React","createElement","ref","className","classNames","concat","e","stopPropagation"],"mappings":";;;;;;;;;;;;AAwBA,IAAMA,UAAA,GAAwC,SAAxCA,UAAAA,CAAyCC,KAAA,EAAU;AACvD,EAAA,IACEC,KAAA,GAYED,KAAA,CAZFC,KAAA;IACAC,SAAA,GAWEF,KAAA,CAXFE,SAAA;IACAC,QAAA,GAUEH,KAAA,CAVFG,QAAA;IAAAC,cAAA,GAUEJ,KAAA,CATFK,OAAA;AAAAA,IAAAA,OAAA,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAUE,IAAA,GAAAF,cAAA;IACVG,SAAA,GAQEP,KAAA,CARFO,SAAA;IAAAC,eAAA,GAQER,KAAA,CAPFS,QAAA;AAAAA,IAAAA,QAAA,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAWF,IAAA,GAAAE,eAAA;IACXE,KAAA,GAMEV,KAAA,CANFU,KAAA;IAAAC,WAAA,GAMEX,KAAA,CALFY,IAAA;AAAAA,IAAAA,IAAA,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAO,QAAA,GAAAA,WAAA;IAAAE,eAAA,GAKLb,KAAA,CAJFc,QAAA;AAAAA,IAAAA,QAAA,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAW,KAAA,GAAAA,eAAA;IACXE,KAAA,GAGEf,KAAA,CAHFe,KAAA;IAAAC,kBAAA,GAGEhB,KAAA,CAFFiB,WAAA;AAAAA,IAAAA,WAAA,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAcV,IAAA,GAAAU,kBAAA;IACdE,QAAA,GACElB,KAAA,CADFkB,QAAA;EAGF,IAAAC,cAAA,GAAsBC,cAAc;AAAEC,MAAAA,SAAA,EAAWC;AAAY,KAAC,CAAA;IAAtDD,SAAA,GAAAF,cAAA,CAAAE,SAAA;AAGR,EAAA,IAAAE,YAAA,GAAyEC,WAAA,EAAY;IAA7EC,oBAAA,GAAAF,YAAA,CAAAE,oBAAA;IAAsBC,gBAAA,GAAAH,YAAA,CAAAG,gBAAA;IAAkBC,oBAAA,GAAAJ,YAAA,CAAAI,oBAAA;AAGhD,EAAA,sBACEC,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AACCC,IAAAA,GAAA,EAAKZ,QAAA;AACLb,IAAAA,OAAA,EAASS,WAAWR,IAAA,GAAOD,OAAA;AAC3B0B,IAAAA,SAAA,EAAWC,UAAA,CACTP,qBAAqB,UAAU,CAAA,EAC/BE,qBAAqBf,IAAI,CAAA,EACzBT,QAAA,GAAWuB,gBAAA,CAAiB,WAAW,CAAA,GAAI,EAAA,EAC3CA,gBAAA,CAAA,KAAA,CAAAO,MAAA,CAAuB1B,SAAS,CAAE,CAAA,EAClCO,QAAA,GAAWY,gBAAA,CAAiB,aAAa,CAAA,GAAI,EAAA,EAC7C1B,KAAA,CAAM+B,SACR;AAAA,GAAA,qCAGC,KAAA,EAAA;AAAIA,IAAAA,SAAA,EAAWC,UAAA,CAAWP,oBAAA,CAAqB,kBAAkB,CAAC;AAAA,GAAA,iBACjEG,KAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKE,IAAAA,WAAWC,UAAA,CAAWP,oBAAA,CAAqB,uBAAuB,CAAC;AAAA,GAAA,EAAIxB,KAAM,CACrF,CAAA,EACCC,SAAA,IAAa,CAACY,QAAA,kBACbc,KAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AACCE,IAAAA,SAAA,EAAWC,WAAW,YAAY,CAAA;AAClC3B,IAAAA,OAAA,EAAS,SAATA,OAAAA,CAAU6B,CAAA,EAAM;MACdA,CAAA,CAAEC,eAAA,EAAgB;AAClB1B,MAAAA,QAAA,CAAS;AAAEC,QAAAA,KAAA,EAAAA,KAAA;AAAOwB,QAAAA,CAAA,EAAAA;AAAE,OAAC,CAAA;AACrBjB,MAAAA,WAAA,CAAY;AAAEP,QAAAA,KAAA,EAAAA,KAAA;AAAOwB,QAAAA,CAAA,EAAAA,CAAA;AAAGnB,QAAAA,KAAA,EAAAA;AAAM,OAAC,CAAA;AACjC,IAAA;AAAA,GAAA,qCAECM,SAAA,EAAA,IAAU,CACb,CAAA,GACE,IACN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TabNavItem.js","sources":["../../../components/tab/TabNavItem.tsx"],"sourcesContent":["import React, { MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { IconClose as TdCloseIcon } from \"@tendaui/icons\";\n\nimport noop from \"../utils/noop\";\nimport { useTabClass } from \"./useTabClass\";\nimport useGlobalIcon from \"../hooks/useGlobalIcon\";\n\nimport type { StyledProps } from \"../common\";\nimport type { TdTabPanelProps, TdTabsProps } from \"./type\";\n\nexport interface TabNavItemProps extends TdTabPanelProps, StyledProps {\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    placement,\n    onRemove = noop,\n    value,\n    size = \"medium\",\n    disabled = false,\n    index,\n    onTabRemove = noop,\n    innerRef\n  } = props;\n\n  const { CloseIcon } = useGlobalIcon({ CloseIcon: TdCloseIcon });\n\n  // 样式变量和常量定义\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  // 斜八度动画\n  return (\n    <div\n      ref={innerRef}\n      onClick={disabled ? noop : onClick}\n      className={classNames(\n        tdTabsClassGenerator(\"nav-item\"),\n        tdSizeClassGenerator(size),\n        isActive ? tdClassGenerator(\"is-active\") : \"\",\n        tdClassGenerator(`is-${placement}`),\n        disabled ? tdClassGenerator(\"is-disabled\") : \"\",\n        props.className\n      )}\n    >\n      {/* 根据新的 dom 结构和样式进行改动，卡片类型情况下不需要 nav-item-wrapper 这个 div */}\n      <div className={classNames(tdTabsClassGenerator(\"nav-item-wrapper\"))}>\n        <span className={classNames(tdTabsClassGenerator(\"nav-item-text-wrapper\"))}>{label}</span>\n      </div>\n      {removable && !disabled ? (\n        <span\n          className={classNames(\"remove-btn\")}\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove({ value, e });\n            onTabRemove({ value, e, index });\n          }}\n        >\n          <CloseIcon />\n        </span>\n      ) : null}\n    </div>\n  );\n};\n\nexport default TabNavItem;\n"],"names":["TabNavItem","props","label","removable","isActive","_props$onClick","onClick","noop","placement","_props$onRemove","onRemove","value","_props$size","size","_props$disabled","disabled","index","_props$onTabRemove","onTabRemove","innerRef","_useGlobalIcon","useGlobalIcon","CloseIcon","TdCloseIcon","_useTabClass","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","React","createElement","ref","className","classNames","concat","e","stopPropagation"],"mappings":"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"}

package/es/tab/TabPanel.js

@@ -1,11 +1,13 @@
 import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-CzLhKWCf.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-Tshfumgl.js';
-export { T as default } from '../_chunks/dep-CMPsNAXF.js';
+import '../_chunks/dep-DYFbjXzW.js';
+export { T as default } from '../_chunks/dep-hCWFQAqL.js';
 import '../_chunks/dep-DGvfel3I.js';
 import '../_chunks/dep-D-UKOauR.js';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 //# sourceMappingURL=TabPanel.js.map

package/es/tab/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"TabPanel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/es/tab/Tabs.js

@@ -2,23 +2,24 @@ import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
 import { f as forwardRefWithStatics } from '../_chunks/dep-BP0-apUT.js';
 import TabNav from './TabNav.js';
-import { t as tabsDefaultProps, T as TabPanel } from '../_chunks/dep-CMPsNAXF.js';
+import { t as tabsDefaultProps, T as TabPanel } from '../_chunks/dep-hCWFQAqL.js';
 import classNames from 'classnames';
-import React from 'react';
-import { u as useTabClass } from '../_chunks/dep-Tshfumgl.js';
+import React__default from 'react';
+import { u as useTabClass } from '../_chunks/dep-DYFbjXzW.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
-import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
+import { u as useControlled } from '../_chunks/dep-grkSd2UB.js';
 import '../_chunks/dep-D-UKOauR.js';
 import 'hoist-non-react-statics';
 import '../_chunks/dep-U1T8CQY9.js';
 import './TabNavItem.js';
 import '@tendaui/icons';
-import '../_chunks/dep-ByzdZjUR.js';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-bWaVq_y3.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import './TabBar.js';
-import '../_chunks/dep-CkmtEv0Y.js';
+import '../_chunks/dep-B2D1svZy.js';
 import 'lodash-es';
 import '../_chunks/dep-BRbJGDI9.js';
 import '../_chunks/dep-DRwijJcv.js';
@@ -43,44 +44,44 @@ var Tabs = forwardRefWithStatics(function (originalProps, ref) {
     tdTabsClassGenerator = _useTabClass.tdTabsClassGenerator,
     tdClassGenerator = _useTabClass.tdClassGenerator;
   var targetClassNameRegExpStr = "^".concat(tdTabsClassPrefix, "(__nav-item|__nav-item-wrapper|__nav-item-text-wrapper)");
-  var memoChildren = React.useMemo(function () {
+  var memoChildren = React__default.useMemo(function () {
     if (!list || list.length === 0) {
       return children;
     }
     return list.map(function (panelProps) {
-      return /* @__PURE__ */React.createElement(TabPanel, _objectSpread({
+      return /* @__PURE__ */React__default.createElement(TabPanel, _objectSpread({
         key: panelProps.value
       }, panelProps));
     });
   }, [children, list]);
-  var itemList = React.Children.map(memoChildren, function (child) {
+  var itemList = React__default.Children.map(memoChildren, function (child) {
     if (child && child.type === TabPanel) {
       return child.props;
     }
     return null;
   });
-  var handleChange = React.useCallback(function (v) {
+  var handleChange = React__default.useCallback(function (v) {
     onChange === null || onChange === void 0 || onChange(v);
   }, [onChange]);
-  var headerNode = React.useMemo(function () {
-    return /* @__PURE__ */React.createElement("div", {
+  var headerNode = React__default.useMemo(function () {
+    return /* @__PURE__ */React__default.createElement("div", {
       className: classNames(tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
-    }, /* @__PURE__ */React.createElement(TabNav, _objectSpread(_objectSpread({}, props), {}, {
+    }, /* @__PURE__ */React__default.createElement(TabNav, _objectSpread(_objectSpread({}, props), {}, {
       activeValue: value,
       onRemove: onRemove,
       itemList: itemList,
       onChange: handleChange
     })));
   }, [props, value, onRemove, itemList, handleChange, placement, tdTabsClassGenerator, tdClassGenerator]);
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     ref: ref,
     className: classNames(tdTabsClassPrefix, className),
     style: style
-  }, headerNode, /* @__PURE__ */React.createElement("div", {
+  }, headerNode, /* @__PURE__ */React__default.createElement("div", {
     className: classNames(tdTabsClassGenerator("content"), tdClassGenerator("is-".concat(placement)))
-  }, React.Children.map(memoChildren, function (child) {
+  }, React__default.Children.map(memoChildren, function (child) {
     if (child && child.type === TabPanel) {
-      return /* @__PURE__ */React.createElement(TabPanel, _objectSpread(_objectSpread({}, child.props), {}, {
+      return /* @__PURE__ */React__default.createElement(TabPanel, _objectSpread(_objectSpread({}, child.props), {}, {
         isActive: child.props.value === value
       }));
     }

package/es/tab/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../components/tab/Tabs.tsx"],"sourcesContent":["import { TabValue, TdTabsProps } from \"./type\";\nimport forwardRefWithStatics from \"../utils/forwardRefWithStatics\";\nimport TabNav from \"./TabNav\";\nimport TabPanel from \"./TabPanel\";\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport { useTabClass } from \"./useTabClass\";\nimport { StyledProps } from \"../common\";\nimport { tabsDefaultProps } from \"./defaultProps\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport useControlled from \"../hooks/useControlled\";\n\nexport interface TabsProps extends TdTabsProps, StyledProps {\n  children?: React.ReactNode;\n}\nconst Tabs = forwardRefWithStatics(\n  (originalProps: TabsProps, ref: React.Ref<HTMLDivElement>) => {\n    const props = useDefaultProps<TabsProps>(originalProps, tabsDefaultProps);\n    const { children, list, placement, dragSort, className, style, onRemove } = props;\n    const [value, onChange] = useControlled(props, \"value\", props.onChange);\n    const { tdTabsClassPrefix, tdTabsClassGenerator, tdClassGenerator } = useTabClass();\n    const targetClassNameRegExpStr = `^${tdTabsClassPrefix}(__nav-item|__nav-item-wrapper|__nav-item-text-wrapper)`;\n    const memoChildren = React.useMemo<React.ReactNode | React.ReactNode[]>(() => {\n      if (!list || list.length === 0) {\n        return children;\n      }\n      return list.map<React.ReactNode>((panelProps) => <TabPanel key={panelProps.value} {...panelProps} />);\n    }, [children, list]);\n\n    const itemList = React.Children.map(memoChildren, (child: React.ReactElement<any>) => {\n      if (child && child.type === TabPanel) {\n        return child.props;\n      }\n      return null;\n    });\n\n    const handleChange = React.useCallback(\n      (v: TabValue) => {\n        onChange?.(v);\n      },\n      [onChange]\n    );\n\n    const headerNode = React.useMemo<React.ReactNode>(\n      () => (\n        <div className={classNames(tdTabsClassGenerator(\"header\"), tdClassGenerator(`is-${placement}`))}>\n          <TabNav {...props} activeValue={value} onRemove={onRemove} itemList={itemList} onChange={handleChange} />\n        </div>\n      ),\n      [props, value, onRemove, itemList, handleChange, placement, tdTabsClassGenerator, tdClassGenerator]\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix, className)} style={style}>\n        {headerNode}\n        <div className={classNames(tdTabsClassGenerator(\"content\"), tdClassGenerator(`is-${placement}`))}>\n          {React.Children.map(memoChildren, (child: any) => {\n            if (child && child.type === TabPanel) {\n              return <TabPanel {...child.props} isActive={child.props.value === value} />;\n            }\n            return null;\n          })}\n        </div>\n      </div>\n    );\n  },\n  { TabPanel }\n);\nTabs.displayName = \"Tabs\";\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","originalProps","ref","props","useDefaultProps","tabsDefaultProps","children","list","placement","dragSort","className","style","onRemove","_useControlled","useControlled","onChange","_useControlled2","_slicedToArray","value","_useTabClass","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","targetClassNameRegExpStr","concat","memoChildren","React","useMemo","length","map","panelProps","createElement","TabPanel","_objectSpread","key","itemList","Children","child","type","handleChange","useCallback","v","headerNode","classNames","TabNav","activeValue","isActive","displayName"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../components/tab/Tabs.tsx"],"sourcesContent":["import { TabValue, TdTabsProps } from \"./type\";\nimport forwardRefWithStatics from \"../utils/forwardRefWithStatics\";\nimport TabNav from \"./TabNav\";\nimport TabPanel from \"./TabPanel\";\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport { useTabClass } from \"./useTabClass\";\nimport { StyledProps } from \"../common\";\nimport { tabsDefaultProps } from \"./defaultProps\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport useControlled from \"../hooks/useControlled\";\n\nexport interface TabsProps extends TdTabsProps, StyledProps {\n  children?: React.ReactNode;\n}\nconst Tabs = forwardRefWithStatics(\n  (originalProps: TabsProps, ref: React.Ref<HTMLDivElement>) => {\n    const props = useDefaultProps<TabsProps>(originalProps, tabsDefaultProps);\n    const { children, list, placement, dragSort, className, style, onRemove } = props;\n    const [value, onChange] = useControlled(props, \"value\", props.onChange);\n    const { tdTabsClassPrefix, tdTabsClassGenerator, tdClassGenerator } = useTabClass();\n    const targetClassNameRegExpStr = `^${tdTabsClassPrefix}(__nav-item|__nav-item-wrapper|__nav-item-text-wrapper)`;\n    const memoChildren = React.useMemo<React.ReactNode | React.ReactNode[]>(() => {\n      if (!list || list.length === 0) {\n        return children;\n      }\n      return list.map<React.ReactNode>((panelProps) => <TabPanel key={panelProps.value} {...panelProps} />);\n    }, [children, list]);\n\n    const itemList = React.Children.map(memoChildren, (child: React.ReactElement<any>) => {\n      if (child && child.type === TabPanel) {\n        return child.props;\n      }\n      return null;\n    });\n\n    const handleChange = React.useCallback(\n      (v: TabValue) => {\n        onChange?.(v);\n      },\n      [onChange]\n    );\n\n    const headerNode = React.useMemo<React.ReactNode>(\n      () => (\n        <div className={classNames(tdTabsClassGenerator(\"header\"), tdClassGenerator(`is-${placement}`))}>\n          <TabNav {...props} activeValue={value} onRemove={onRemove} itemList={itemList} onChange={handleChange} />\n        </div>\n      ),\n      [props, value, onRemove, itemList, handleChange, placement, tdTabsClassGenerator, tdClassGenerator]\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix, className)} style={style}>\n        {headerNode}\n        <div className={classNames(tdTabsClassGenerator(\"content\"), tdClassGenerator(`is-${placement}`))}>\n          {React.Children.map(memoChildren, (child: any) => {\n            if (child && child.type === TabPanel) {\n              return <TabPanel {...child.props} isActive={child.props.value === value} />;\n            }\n            return null;\n          })}\n        </div>\n      </div>\n    );\n  },\n  { TabPanel }\n);\nTabs.displayName = \"Tabs\";\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","originalProps","ref","props","useDefaultProps","tabsDefaultProps","children","list","placement","dragSort","className","style","onRemove","_useControlled","useControlled","onChange","_useControlled2","_slicedToArray","value","_useTabClass","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","targetClassNameRegExpStr","concat","memoChildren","React","useMemo","length","map","panelProps","createElement","TabPanel","_objectSpread","key","itemList","Children","child","type","handleChange","useCallback","v","headerNode","classNames","TabNav","activeValue","isActive","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAMA,IAAA,GAAOC,qBAAA,CACX,UAACC,eAA0BC,GAAA,EAAmC;AAC5D,EAAA,IAAMC,KAAA,GAAQC,eAAA,CAA2BH,aAAA,EAAeI,gBAAgB,CAAA;AACxE,EAAA,IAAQC,WAAoEH,KAAA,CAApEG;IAAUC,IAAA,GAA0DJ,KAAA,CAA1DI,IAAA;IAAMC,SAAA,GAAoDL,KAAA,CAApDK,SAAA;IAAWC,WAAyCN,KAAA,CAAzCM;IAAUC,SAAA,GAA+BP,KAAA,CAA/BO,SAAA;IAAWC,KAAA,GAAoBR,KAAA,CAApBQ,KAAA;IAAOC,WAAaT,KAAA,CAAbS;EAC/D,IAAAC,cAAA,GAA0BC,cAAcX,KAAA,EAAO,OAAA,EAASA,MAAMY,QAAQ,CAAA;IAAAC,eAAA,GAAAC,cAAA,CAAAJ,cAAA,EAAA,CAAA,CAAA;AAA/DK,IAAAA;AAAOH,IAAAA,QAAQ,GAAAC,eAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAG,YAAA,GAAsEC,WAAA,EAAY;IAA1EC,iBAAA,GAAAF,YAAA,CAAAE,iBAAA;IAAmBC,oBAAA,GAAAH,YAAA,CAAAG,oBAAA;IAAsBC,gBAAA,GAAAJ,YAAA,CAAAI,gBAAA;AACjD,EAAA,IAAMC,wBAAA,GAAA,GAAA,CAAAC,MAAA,CAA+BJ,iBAAiB,EAAA,yDAAA,CAAA;AACtD,EAAA,IAAMK,YAAA,GAAeC,cAAA,CAAMC,OAAA,CAA6C,YAAM;IAC5E,IAAI,CAACrB,IAAA,IAAQA,IAAA,CAAKsB,MAAA,KAAW,CAAA,EAAG;AAC9B,MAAA,OAAOvB,QAAA;AACT,IAAA;AACA,IAAA,OAAOC,IAAA,CAAKuB,GAAA,CAAqB,UAACC,UAAA,EAAA;AAAA,MAAA,sBAAeJ,cAAA,CAAAK,aAAA,CAACC,QAAA,EAAAC,aAAA,CAAA;QAASC,GAAA,EAAKJ,UAAA,CAAWb;OAAA,EAAWa,UAAA,CAAY,CAAE;IAAA,CAAA,CAAA;AACtG,EAAA,CAAA,EAAG,CAACzB,QAAA,EAAUC,IAAI,CAAC,CAAA;AAEnB,EAAA,IAAM6B,WAAWT,cAAA,CAAMU,QAAA,CAASP,GAAA,CAAIJ,YAAA,EAAc,UAACY,KAAA,EAAmC;AACpF,IAAA,IAAIA,KAAA,IAASA,KAAA,CAAMC,IAAA,KAASN,QAAA,EAAU;MACpC,OAAOK,KAAA,CAAMnC,KAAA;AACf,IAAA;AACA,IAAA,OAAO,IAAA;AACT,EAAA,CAAC,CAAA;EAED,IAAMqC,eAAeb,cAAA,CAAMc,WAAA,CACzB,UAACC,CAAA,EAAgB;AACf3B,IAAAA,QAAA,aAAAA,QAAA,KAAA,KAAA,CAAA,IAAAA,QAAA,CAAW2B,CAAC,CAAA;AACd,EAAA,CAAA,EACA,CAAC3B,QAAQ,CACX,CAAA;AAEA,EAAA,IAAM4B,aAAahB,cAAA,CAAMC,OAAA,CACvB,YAAA;AAAA,IAAA,sBACED,cAAA,CAAAK,aAAA,CAAC,KAAA,EAAA;AAAItB,MAAAA,SAAA,EAAWkC,UAAA,CAAWtB,qBAAqB,QAAQ,CAAA,EAAGC,gBAAA,CAAA,KAAA,CAAAE,MAAA,CAAuBjB,SAAS,CAAE,CAAC;AAAA,KAAA,iBAC5FmB,cAAA,CAAAK,aAAA,CAACa,MAAA,EAAAX,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAW/B,KAAA,CAAA,EAAA,EAAA,EAAA;AAAO2C,MAAAA,WAAA,EAAa5B;AAAON,MAAAA,QAAA,EAAAA,QAAA;AAAoBwB,MAAAA,QAAA,EAAAA,QAAA;AAAoBrB,MAAAA,QAAA,EAAUyB;AAAA,KAAA,CAAc,CACzG,CAAA;AAAA,EAAA,CAAA,EAEF,CAACrC,OAAOe,KAAA,EAAON,QAAA,EAAUwB,UAAUI,YAAA,EAAchC,SAAA,EAAWc,sBAAsBC,gBAAgB,CACpG,CAAA;AAEA,EAAA,sBACEI,cAAA,CAAAK,aAAA,CAAC,KAAA,EAAA;AAAI9B,IAAAA,GAAA,EAAAA,GAAA;AAAUQ,IAAAA,SAAA,EAAWkC,UAAA,CAAWvB,iBAAA,EAAmBX,SAAS,CAAA;AAAGC,IAAAA,KAAA,EAAAA;GAAA,EACjEgC,UAAA,iBACDhB,cAAA,CAAAK,aAAA,CAAC,KAAA,EAAA;AAAItB,IAAAA,SAAA,EAAWkC,UAAA,CAAWtB,oBAAA,CAAqB,SAAS,CAAA,EAAGC,gBAAA,CAAA,KAAA,CAAAE,MAAA,CAAuBjB,SAAS,CAAE,CAAC;GAAA,EAC5FmB,cAAA,CAAMU,QAAA,CAASP,GAAA,CAAIJ,YAAA,EAAc,UAACY,KAAA,EAAe;AAChD,IAAA,IAAIA,KAAA,IAASA,KAAA,CAAMC,IAAA,KAASN,QAAA,EAAU;AACpC,MAAA,sBAAON,cAAA,CAAAK,aAAA,CAACC,0CAAaK,KAAA,CAAMnC;AAAO4C,QAAAA,QAAA,EAAUT,KAAA,CAAMnC,KAAA,CAAMe,KAAA,KAAUA;AAAA,OAAA,CAAO,CAAA;AAC3E,IAAA;AACA,IAAA,OAAO,IAAA;EACT,CAAC,CACH,CACF,CAAA;AAEJ,CAAA,EACA;AAAEe,EAAAA,QAAA,EAAAA;AAAS,CACb;AACAlC,IAAA,CAAKiD,WAAA,GAAc,MAAA;;;;"}

package/es/tab/_example/addable.js

@@ -0,0 +1,92 @@
+import { _ as _toConsumableArray } from '../../_chunks/dep-CgyDw_YI.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Tabs } from '../index.js';
+import { T as TabPanel } from '../../_chunks/dep-hCWFQAqL.js';
+import '../Tabs.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../TabNav.js';
+import 'classnames';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-DYFbjXzW.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../TabNavItem.js';
+import '@tendaui/icons';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../TabBar.js';
+import '../../_chunks/dep-B2D1svZy.js';
+import 'lodash-es';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import './css.js';
+
+var AddableExample = function AddableExample() {
+  var _useState = useState("tab1"),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
+  var _useState3 = useState([{
+      label: "\u9009\u9879\u5361\u4E00",
+      value: "tab1"
+    }, {
+      label: "\u9009\u9879\u5361\u4E8C",
+      value: "tab2"
+    }]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tabs = _useState4[0],
+    setTabs = _useState4[1];
+  var _useState5 = useState(2),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tabCount = _useState6[0],
+    setTabCount = _useState6[1];
+  var handleAdd = function handleAdd() {
+    var newTabValue = "tab".concat(tabCount + 1);
+    var newTab = {
+      label: "\u9009\u9879\u5361".concat(tabCount + 1),
+      value: newTabValue
+    };
+    setTabs([].concat(_toConsumableArray(tabs), [newTab]));
+    setTabCount(tabCount + 1);
+    setActiveTab(newTabValue);
+  };
+  var handleRemove = function handleRemove(options) {
+    var newTabs = tabs.filter(function (tab) {
+      return tab.value !== options.value;
+    });
+    setTabs(newTabs);
+    if (activeTab === options.value && newTabs.length > 0) {
+      setActiveTab(newTabs[0].value);
+    }
+  };
+  return /* @__PURE__ */React__default.createElement(Tabs, {
+    value: activeTab,
+    onChange: function onChange(val) {
+      return setActiveTab(val);
+    },
+    addable: true,
+    onAdd: handleAdd,
+    onRemove: handleRemove
+  }, tabs.map(function (tab) {
+    return /* @__PURE__ */React__default.createElement(TabPanel, {
+      key: tab.value,
+      label: tab.label,
+      value: tab.value,
+      removable: true
+    }, /* @__PURE__ */React__default.createElement("div", {
+      style: {
+        padding: "16px"
+      }
+    }, tab.label, " \u7684\u5185\u5BB9"));
+  }));
+};
+
+export { AddableExample as default };
+//# sourceMappingURL=addable.js.map

package/es/tab/_example/addable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addable.js","sources":["../../../../components/tab/_example/addable.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Tabs, TabPanel } from \"../index\";\n\nconst AddableExample = () => {\n  const [activeTab, setActiveTab] = useState(\"tab1\");\n  const [tabs, setTabs] = useState([\n    { label: \"选项卡一\", value: \"tab1\" },\n    { label: \"选项卡二\", value: \"tab2\" }\n  ]);\n  const [tabCount, setTabCount] = useState(2);\n\n  const handleAdd = () => {\n    const newTabValue = `tab${tabCount + 1}`;\n    const newTab = { label: `选项卡${tabCount + 1}`, value: newTabValue };\n    setTabs([...tabs, newTab]);\n    setTabCount(tabCount + 1);\n    setActiveTab(newTabValue);\n  };\n\n  const handleRemove = (options: { value: string | number; index: number }) => {\n    const newTabs = tabs.filter((tab) => tab.value !== options.value);\n    setTabs(newTabs);\n    if (activeTab === options.value && newTabs.length > 0) {\n      setActiveTab(newTabs[0].value);\n    }\n  };\n\n  return (\n    <Tabs\n      value={activeTab}\n      onChange={(val) => setActiveTab(val as string)}\n      addable\n      onAdd={handleAdd}\n      onRemove={handleRemove}\n    >\n      {tabs.map((tab) => (\n        <TabPanel key={tab.value} label={tab.label} value={tab.value} removable>\n          <div style={{ padding: \"16px\" }}>{tab.label} 的内容</div>\n        </TabPanel>\n      ))}\n    </Tabs>\n  );\n};\n\nexport default AddableExample;"],"names":["AddableExample","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","_useState3","label","value","_useState4","tabs","setTabs","_useState5","_useState6","tabCount","setTabCount","handleAdd","newTabValue","concat","newTab","_toConsumableArray","handleRemove","options","newTabs","filter","tab","length","React","createElement","Tabs","onChange","val","addable","onAdd","onRemove","map","TabPanel","key","removable","style","padding"],"mappings":"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"}

package/es/tab/_example/card-theme.js

@@ -0,0 +1,66 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Tabs } from '../index.js';
+import { T as TabPanel } from '../../_chunks/dep-hCWFQAqL.js';
+import '../Tabs.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../TabNav.js';
+import 'classnames';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-DYFbjXzW.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../TabNavItem.js';
+import '@tendaui/icons';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../TabBar.js';
+import '../../_chunks/dep-B2D1svZy.js';
+import 'lodash-es';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import './css.js';
+
+var CardThemeExample = function CardThemeExample() {
+  var _useState = useState("tab1"),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
+  return /* @__PURE__ */React__default.createElement(Tabs, {
+    value: activeTab,
+    onChange: function onChange(val) {
+      return setActiveTab(val);
+    },
+    theme: "card"
+  }, /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E00",
+    value: "tab1"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u5361\u7247\u98CE\u683C - \u9009\u9879\u5361\u4E00\u7684\u5185\u5BB9")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E8C",
+    value: "tab2"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u5361\u7247\u98CE\u683C - \u9009\u9879\u5361\u4E8C\u7684\u5185\u5BB9")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E09",
+    value: "tab3"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u5361\u7247\u98CE\u683C - \u9009\u9879\u5361\u4E09\u7684\u5185\u5BB9")));
+};
+
+export { CardThemeExample as default };
+//# sourceMappingURL=card-theme.js.map

package/es/tab/_example/card-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-theme.js","sources":["../../../../components/tab/_example/card-theme.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Tabs, TabPanel } from \"../index\";\n\nconst CardThemeExample = () => {\n  const [activeTab, setActiveTab] = useState(\"tab1\");\n\n  return (\n    <Tabs value={activeTab} onChange={(val) => setActiveTab(val as string)} theme=\"card\">\n      <TabPanel label=\"选项卡一\" value=\"tab1\">\n        <div style={{ padding: \"16px\" }}>卡片风格 - 选项卡一的内容</div>\n      </TabPanel>\n      <TabPanel label=\"选项卡二\" value=\"tab2\">\n        <div style={{ padding: \"16px\" }}>卡片风格 - 选项卡二的内容</div>\n      </TabPanel>\n      <TabPanel label=\"选项卡三\" value=\"tab3\">\n        <div style={{ padding: \"16px\" }}>卡片风格 - 选项卡三的内容</div>\n      </TabPanel>\n    </Tabs>\n  );\n};\n\nexport default CardThemeExample;"],"names":["CardThemeExample","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","React","createElement","Tabs","value","onChange","val","theme","TabPanel","label","style","padding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,mBAAmB,SAAnBA,mBAAyB;AAC7B,EAAA,IAAAC,SAAA,GAAkCC,SAAS,MAAM,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAWG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAACC,IAAA,EAAA;AAAKC,IAAAA,KAAA,EAAOL,SAAA;AAAWM,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQN,YAAA,CAAaM,GAAa,CAAA;AAAA,IAAA,CAAA;AAAGC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC5EN,cAAA,CAAAC,aAAA,CAACM,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOL,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3BH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIQ,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,uEAAc,CACjD,CAAA,iBACAV,cAAA,CAAAC,aAAA,CAACM,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOL,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3BH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIQ,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,uEAAc,CACjD,CAAA,iBACAV,cAAA,CAAAC,aAAA,CAACM,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOL,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3BH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIQ,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAO;AAAA,GAAA,EAAG,uEAAc,CACjD,CACF,CAAA;AAEJ;;;;"}

package/es/tab/_example/default.js

@@ -0,0 +1,65 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Tabs } from '../index.js';
+import { T as TabPanel } from '../../_chunks/dep-hCWFQAqL.js';
+import '../Tabs.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../TabNav.js';
+import 'classnames';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-DYFbjXzW.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../TabNavItem.js';
+import '@tendaui/icons';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../TabBar.js';
+import '../../_chunks/dep-B2D1svZy.js';
+import 'lodash-es';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import './css.js';
+
+var DefaultExample = function DefaultExample() {
+  var _useState = useState("tab1"),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
+  return /* @__PURE__ */React__default.createElement(Tabs, {
+    value: activeTab,
+    onChange: function onChange(val) {
+      return setActiveTab(val);
+    }
+  }, /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E00",
+    value: "tab1"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E00\u7684\u5185\u5BB9")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E8C",
+    value: "tab2"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E8C\u7684\u5185\u5BB9")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E09",
+    value: "tab3"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E09\u7684\u5185\u5BB9")));
+};
+
+export { DefaultExample as default };
+//# sourceMappingURL=default.js.map

package/es/tab/_example/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../components/tab/_example/default.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Tabs, TabPanel } from \"../index\";\n\nconst DefaultExample = () => {\n  const [activeTab, setActiveTab] = useState(\"tab1\");\n\n  return (\n    <Tabs value={activeTab} onChange={(val) => setActiveTab(val as string)}>\n      <TabPanel label=\"选项卡一\" value=\"tab1\">\n        <div style={{ padding: \"16px\" }}>选项卡一的内容</div>\n      </TabPanel>\n      <TabPanel label=\"选项卡二\" value=\"tab2\">\n        <div style={{ padding: \"16px\" }}>选项卡二的内容</div>\n      </TabPanel>\n      <TabPanel label=\"选项卡三\" value=\"tab3\">\n        <div style={{ padding: \"16px\" }}>选项卡三的内容</div>\n      </TabPanel>\n    </Tabs>\n  );\n};\n\nexport default DefaultExample;"],"names":["DefaultExample","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","React","createElement","Tabs","value","onChange","val","TabPanel","label","style","padding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,iBAAiB,SAAjBA,iBAAuB;AAC3B,EAAA,IAAAC,SAAA,GAAkCC,SAAS,MAAM,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAWG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAACC,IAAA,EAAA;AAAKC,IAAAA,KAAA,EAAOL,SAAA;AAAWM,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQN,YAAA,CAAaM,GAAa,CAAA;AAAA,IAAA;AAAA,GAAA,iBACnEL,cAAA,CAAAC,aAAA,CAACK,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM;AAAOJ,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3BH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIO,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,4CAAO,CAC1C,CAAA,iBACAT,cAAA,CAAAC,aAAA,CAACK,QAAA,EAAA;AAASC,IAAAA,OAAM,0BAAA;AAAOJ,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3BH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIO,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,4CAAO,CAC1C,CAAA,iBACAT,cAAA,CAAAC,aAAA,CAACK,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOJ,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3BH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIO,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAO;AAAA,GAAA,EAAG,4CAAO,CAC1C,CACF,CAAA;AAEJ;;;;"}

package/es/tab/_example/disabled.js

@@ -0,0 +1,99 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Tabs } from '../index.js';
+import { T as TabPanel } from '../../_chunks/dep-hCWFQAqL.js';
+import '../Tabs.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../TabNav.js';
+import 'classnames';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-DYFbjXzW.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../TabNavItem.js';
+import '@tendaui/icons';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../TabBar.js';
+import '../../_chunks/dep-B2D1svZy.js';
+import 'lodash-es';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import './css.js';
+
+var DisabledExample = function DisabledExample() {
+  var _useState = useState("tab1"),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "24px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u90E8\u5206\u7981\u7528"), /* @__PURE__ */React__default.createElement(Tabs, {
+    value: activeTab,
+    onChange: function onChange(val) {
+      return setActiveTab(val);
+    }
+  }, /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E00",
+    value: "tab1"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E00\u7684\u5185\u5BB9")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E8C\uFF08\u7981\u7528\uFF09",
+    value: "tab2",
+    disabled: true
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E8C\u7684\u5185\u5BB9")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E09",
+    value: "tab3"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E09\u7684\u5185\u5BB9")))), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u5168\u90E8\u7981\u7528"), /* @__PURE__ */React__default.createElement(Tabs, {
+    value: "tab1",
+    disabled: true
+  }, /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E00",
+    value: "tab1"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E00\u7684\u5185\u5BB9")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E8C",
+    value: "tab2"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E8C\u7684\u5185\u5BB9")))));
+};
+
+export { DisabledExample as default };
+//# sourceMappingURL=disabled.js.map

package/es/tab/_example/disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.js","sources":["../../../../components/tab/_example/disabled.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Tabs, TabPanel } from \"../index\";\n\nconst DisabledExample = () => {\n  const [activeTab, setActiveTab] = useState(\"tab1\");\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\" }}>\n      <div>\n        <div style={{ marginBottom: \"8px\", color: \"#666\" }}>部分禁用</div>\n        <Tabs value={activeTab} onChange={(val) => setActiveTab(val as string)}>\n          <TabPanel label=\"选项卡一\" value=\"tab1\">\n            <div style={{ padding: \"16px\" }}>选项卡一的内容</div>\n          </TabPanel>\n          <TabPanel label=\"选项卡二（禁用）\" value=\"tab2\" disabled>\n            <div style={{ padding: \"16px\" }}>选项卡二的内容</div>\n          </TabPanel>\n          <TabPanel label=\"选项卡三\" value=\"tab3\">\n            <div style={{ padding: \"16px\" }}>选项卡三的内容</div>\n          </TabPanel>\n        </Tabs>\n      </div>\n      <div>\n        <div style={{ marginBottom: \"8px\", color: \"#666\" }}>全部禁用</div>\n        <Tabs value=\"tab1\" disabled>\n          <TabPanel label=\"选项卡一\" value=\"tab1\">\n            <div style={{ padding: \"16px\" }}>选项卡一的内容</div>\n          </TabPanel>\n          <TabPanel label=\"选项卡二\" value=\"tab2\">\n            <div style={{ padding: \"16px\" }}>选项卡二的内容</div>\n          </TabPanel>\n        </Tabs>\n      </div>\n    </div>\n  );\n};\n\nexport default DisabledExample;"],"names":["DisabledExample","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","React","createElement","style","display","flexDirection","gap","marginBottom","color","Tabs","value","onChange","val","TabPanel","label","padding","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,kBAAkB,SAAlBA,kBAAwB;AAC5B,EAAA,IAAAC,SAAA,GAAkCC,SAAS,MAAM,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAWG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,4BACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;KAAG,0BAAI,CAAA,iBACxDP,cAAA,CAAAC,aAAA,CAACO,IAAA,EAAA;AAAKC,IAAAA,KAAA,EAAOX,SAAA;AAAWY,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC;aAAQZ,YAAA,CAAaY,GAAa,CAAA;AAAA,IAAA;AAAA,GAAA,iBACnEX,cAAA,CAAAC,aAAA,CAACW,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOJ,IAAAA,KAAA,EAAM;oBAC3BT,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,4CAAO,CAC1C,CAAA,iBACAd,cAAA,CAAAC,aAAA,CAACW,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,kDAAA;AAAWJ,IAAAA,KAAA,EAAM,MAAA;AAAOM,IAAAA,QAAA,EAAQ;oBAC9Cf,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,4CAAO,CAC1C,CAAA,iBACAd,cAAA,CAAAC,aAAA,CAACW,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOJ,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3BT,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,4CAAO,CAC1C,CACF,CACF,CAAA,iBACAd,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,cAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,0BAAI,CAAA,iBACxDP,cAAA,CAAAC,aAAA,CAACO,IAAA,EAAA;AAAKC,IAAAA,OAAM,MAAA;AAAOM,IAAAA,QAAA,EAAQ;AAAA,GAAA,iBACzBf,cAAA,CAAAC,aAAA,CAACW,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOJ,IAAAA,KAAA,EAAM;oBAC3BT,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,4CAAO,CAC1C,CAAA,iBACAd,cAAA,CAAAC,aAAA,CAACW,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOJ,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3BT,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,OAAA,EAAS;AAAO;AAAA,GAAA,EAAG,4CAAO,CAC1C,CACF,CACF,CACF,CAAA;AAEJ;;;;"}

package/es/tab/_example/lazy.js

@@ -0,0 +1,73 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Tabs } from '../index.js';
+import { T as TabPanel } from '../../_chunks/dep-hCWFQAqL.js';
+import '../Tabs.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../TabNav.js';
+import 'classnames';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-DYFbjXzW.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../TabNavItem.js';
+import '@tendaui/icons';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../TabBar.js';
+import '../../_chunks/dep-B2D1svZy.js';
+import 'lodash-es';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import './css.js';
+
+var LazyExample = function LazyExample() {
+  var _useState = useState("tab1"),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u61D2\u52A0\u8F7D\u6A21\u5F0F\u4E0B\uFF0C\u53EA\u6709\u5728\u9009\u9879\u5361\u88AB\u6FC0\u6D3B\u65F6\u624D\u4F1A\u6E32\u67D3\u5185\u5BB9"), /* @__PURE__ */React__default.createElement(Tabs, {
+    value: activeTab,
+    onChange: function onChange(val) {
+      return setActiveTab(val);
+    }
+  }, /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E00",
+    value: "tab1",
+    lazy: true
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E00\u7684\u5185\u5BB9\uFF08\u61D2\u52A0\u8F7D\uFF09")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E8C",
+    value: "tab2",
+    lazy: true
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E8C\u7684\u5185\u5BB9\uFF08\u61D2\u52A0\u8F7D\uFF09")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E09",
+    value: "tab3",
+    lazy: true
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u9009\u9879\u5361\u4E09\u7684\u5185\u5BB9\uFF08\u61D2\u52A0\u8F7D\uFF09"))));
+};
+
+export { LazyExample as default };
+//# sourceMappingURL=lazy.js.map

package/es/tab/_example/lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.js","sources":["../../../../components/tab/_example/lazy.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Tabs, TabPanel } from \"../index\";\n\nconst LazyExample = () => {\n  const [activeTab, setActiveTab] = useState(\"tab1\");\n\n  return (\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>懒加载模式下，只有在选项卡被激活时才会渲染内容</div>\n      <Tabs value={activeTab} onChange={(val) => setActiveTab(val as string)}>\n        <TabPanel label=\"选项卡一\" value=\"tab1\" lazy>\n          <div style={{ padding: \"16px\" }}>选项卡一的内容（懒加载）</div>\n        </TabPanel>\n        <TabPanel label=\"选项卡二\" value=\"tab2\" lazy>\n          <div style={{ padding: \"16px\" }}>选项卡二的内容（懒加载）</div>\n        </TabPanel>\n        <TabPanel label=\"选项卡三\" value=\"tab3\" lazy>\n          <div style={{ padding: \"16px\" }}>选项卡三的内容（懒加载）</div>\n        </TabPanel>\n      </Tabs>\n    </div>\n  );\n};\n\nexport default LazyExample;"],"names":["LazyExample","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","React","createElement","style","marginBottom","color","Tabs","value","onChange","val","TabPanel","label","lazy","padding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,cAAc,SAAdA,cAAoB;AACxB,EAAA,IAAAC,SAAA,GAAkCC,SAAS,MAAM,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAWG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,mDACG,KAAA,EAAA,IAAA,iBACCI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;KAAG,4IAAuB,CAAA,iBAC3EJ,cAAA,CAAAC,aAAA,CAACI,IAAA,EAAA;AAAKC,IAAAA,OAAOR,SAAA;AAAWS,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQT,aAAaS,GAAa,CAAA;AAAA,IAAA;AAAA,GAAA,iBACnER,cAAA,CAAAC,aAAA,CAACQ,QAAA,EAAA;AAASC,IAAAA,OAAM,0BAAA;AAAOJ,IAAAA,KAAA,EAAM,MAAA;AAAOK,IAAAA,IAAA,EAAI;oBACtCX,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEU,MAAAA,SAAS;AAAO;GAAA,EAAG,0EAAY,CAC/C,kBACAZ,cAAA,CAAAC,aAAA,CAACQ,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOJ,IAAAA,OAAM,MAAA;AAAOK,IAAAA,IAAA,EAAI;AAAA,GAAA,iBACtCX,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEU,MAAAA,OAAA,EAAS;AAAO;KAAG,0EAAY,CAC/C,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAACQ;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOJ,IAAAA,KAAA,EAAM,MAAA;AAAOK,IAAAA,MAAI;AAAA,GAAA,iBACtCX,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEU,MAAAA,OAAA,EAAS;AAAO;KAAG,0EAAY,CAC/C,CACF,CACF,CAAA;AAEJ;;;;"}