@tendaui/react 1.2.3 → 1.3.0

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":"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"}

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;;;;"}

package/es/tab/_example/placement.js

@@ -0,0 +1,96 @@
+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 PlacementExample = function PlacementExample() {
+  var _useState = useState("top"),
+    _useState2 = _slicedToArray(_useState, 2),
+    placement = _useState2[0],
+    setPlacement = _useState2[1];
+  var _useState3 = useState("tab1"),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeTab = _useState4[0],
+    setActiveTab = _useState4[1];
+  return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      marginRight: "8px"
+    }
+  }, "\u9009\u9879\u5361\u4F4D\u7F6E\uFF1A"), /* @__PURE__ */React__default.createElement("select", {
+    value: placement,
+    onChange: function onChange(e) {
+      return setPlacement(e.target.value);
+    }
+  }, /* @__PURE__ */React__default.createElement("option", {
+    value: "top"
+  }, "\u9876\u90E8"), /* @__PURE__ */React__default.createElement("option", {
+    value: "bottom"
+  }, "\u5E95\u90E8"), /* @__PURE__ */React__default.createElement("option", {
+    value: "left"
+  }, "\u5DE6\u4FA7"), /* @__PURE__ */React__default.createElement("option", {
+    value: "right"
+  }, "\u53F3\u4FA7"))), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      height: "200px",
+      border: "1px solid #eee"
+    }
+  }, /* @__PURE__ */React__default.createElement(Tabs, {
+    value: activeTab,
+    onChange: function onChange(val) {
+      return setActiveTab(val);
+    },
+    placement: placement
+  }, /* @__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 { PlacementExample as default };
+//# sourceMappingURL=placement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placement.js","sources":["../../../../components/tab/_example/placement.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Tabs, TabPanel } from \"../index\";\n\nconst PlacementExample = () => {\n  const [placement, setPlacement] = useState<\"top\" | \"bottom\" | \"left\" | \"right\">('top');\n  const [activeTab, setActiveTab] = useState(\"tab1\");\n\n  return (\n    <div>\n      <div style={{ marginBottom: \"16px\" }}>\n        <span style={{ marginRight: \"8px\" }}>选项卡位置：</span>\n        <select value={placement} onChange={(e) => setPlacement(e.target.value as any)}>\n          <option value=\"top\">顶部</option>\n          <option value=\"bottom\">底部</option>\n          <option value=\"left\">左侧</option>\n          <option value=\"right\">右侧</option>\n        </select>\n      </div>\n      <div style={{ height: \"200px\", border: \"1px solid #eee\" }}>\n        <Tabs value={activeTab} onChange={(val) => setActiveTab(val as string)} placement={placement}>\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      </div>\n    </div>\n  );\n};\n\nexport default PlacementExample;"],"names":["PlacementExample","_useState","useState","_useState2","_slicedToArray","placement","setPlacement","_useState3","_useState4","activeTab","setActiveTab","React","createElement","style","marginBottom","marginRight","value","onChange","e","target","height","border","Tabs","val","TabPanel","label","padding"],"mappings":"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"}

package/es/tab/_example/removable.js

@@ -0,0 +1,78 @@
+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 RemovableExample = function RemovableExample() {
+  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"
+    }, {
+      label: "\u9009\u9879\u5361\u4E09",
+      value: "tab3"
+    }]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tabs = _useState4[0],
+    setTabs = _useState4[1];
+  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);
+    },
+    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 { RemovableExample as default };
+//# sourceMappingURL=removable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"removable.js","sources":["../../../../components/tab/_example/removable.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Tabs, TabPanel } from \"../index\";\n\nconst RemovableExample = () => {\n  const [activeTab, setActiveTab] = useState(\"tab1\");\n  const [tabs, setTabs] = useState([\n    { label: \"选项卡一\", value: \"tab1\" },\n    { label: \"选项卡二\", value: \"tab2\" },\n    { label: \"选项卡三\", value: \"tab3\" }\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 value={activeTab} onChange={(val) => setActiveTab(val as string)} onRemove={handleRemove}>\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 RemovableExample;"],"names":["RemovableExample","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","_useState3","label","value","_useState4","tabs","setTabs","handleRemove","options","newTabs","filter","tab","length","Tabs","onChange","val","onRemove","map","React","createElement","TabPanel","key","removable","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;AAC9B,EAAA,IAAAI,UAAA,GAAwBL,QAAA,CAAS,CAC/B;AAAEM,MAAAA,KAAA,EAAO,0BAAA;AAAQC,MAAAA,KAAA,EAAO;AAAO,KAAA,EAC/B;AAAED,MAAAA,KAAA,EAAO,0BAAA;AAAQC,MAAAA,KAAA,EAAO;AAAO,KAAA,EAC/B;AAAED,MAAAA,KAAA,EAAO,0BAAA;AAAQC,MAAAA,KAAA,EAAO;AAAO,KAAA,CAChC,CAAA;IAAAC,UAAA,GAAAN,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAJMI,IAAAA,IAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAME,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAMpB,EAAA,IAAMG,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,OAAA,EAAuD;AAC3E,IAAA,IAAMC,OAAA,GAAUJ,KAAKK,MAAA,CAAO,UAACC;aAAQA,GAAA,CAAIR,KAAA,KAAUK,QAAQL,KAAK;IAAA,CAAA,CAAA;IAChEG,OAAA,CAAQG,OAAO,CAAA;IACf,IAAIV,SAAA,KAAcS,OAAA,CAAQL,KAAA,IAASM,OAAA,CAAQG,SAAS,CAAA,EAAG;AACrDZ,MAAAA,YAAA,CAAaS,OAAA,CAAQ,CAAC,CAAA,CAAEN,KAAK,CAAA;AAC/B,IAAA;EACF,CAAA;AAEA,EAAA,mDACGU,IAAA,EAAA;AAAKV,IAAAA,KAAA,EAAOJ;AAAWe,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC;aAAQf,YAAA,CAAae,GAAa,CAAA;AAAA,IAAA,CAAA;AAAGC,IAAAA,QAAA,EAAUT;KAC/EF,IAAA,CAAKY,GAAA,CAAI,UAACN,GAAA,EAAA;AAAA,IAAA,sBACTO,cAAA,CAAAC,aAAA,CAACC;MAASC,GAAA,EAAKV,GAAA,CAAIR,KAAA;MAAOD,KAAA,EAAOS,IAAIT,KAAA;MAAOC,KAAA,EAAOQ,IAAIR,KAAA;AAAOmB,MAAAA,SAAA,EAAS;sBACrEJ,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAII,MAAAA,OAAO;AAAEC,QAAAA,OAAA,EAAS;AAAO;AAAA,KAAA,EAAIb,GAAA,CAAIT,OAAM,qBAAI,CAClD,CACD;AAAA,EAAA,CAAA,CACH,CAAA;AAEJ;;;;"}

package/es/tab/_example/sizes.js

@@ -0,0 +1,85 @@
+import React__default 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-CzLhKWCf.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 SizesExample = function SizesExample() {
+  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"
+    }
+  }, "\u4E2D\u5C3A\u5BF8\uFF08\u9ED8\u8BA4\uFF09"), /* @__PURE__ */React__default.createElement(Tabs, {
+    defaultValue: "tab1",
+    size: "medium"
+  }, /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E00",
+    value: "tab1"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u4E2D\u5C3A\u5BF8\u5185\u5BB9")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E8C",
+    value: "tab2"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u4E2D\u5C3A\u5BF8\u5185\u5BB9")))), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u5927\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(Tabs, {
+    defaultValue: "tab1",
+    size: "large"
+  }, /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E00",
+    value: "tab1"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u5927\u5C3A\u5BF8\u5185\u5BB9")), /* @__PURE__ */React__default.createElement(TabPanel, {
+    label: "\u9009\u9879\u5361\u4E8C",
+    value: "tab2"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "16px"
+    }
+  }, "\u5927\u5C3A\u5BF8\u5185\u5BB9")))));
+};
+
+export { SizesExample as default };
+//# sourceMappingURL=sizes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../components/tab/_example/sizes.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tabs, TabPanel } from \"../index\";\n\nconst SizesExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>中尺寸（默认）</div>\n      <Tabs defaultValue=\"tab1\" size=\"medium\">\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      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>大尺寸</div>\n      <Tabs defaultValue=\"tab1\" size=\"large\">\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\nexport default SizesExample;"],"names":["SizesExample","React","createElement","style","display","flexDirection","gap","marginBottom","color","Tabs","defaultValue","size","TabPanel","label","value","padding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,YAAA,GAAe,SAAfA,YAAAA,GAAA;AAAA,EAAA,sBACJC,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,8CACjE,KAAA,EAAA,IAAA,iBACCL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,4CAAO,CAAA,iBAC3DP,cAAA,CAAAC,aAAA,CAACO,IAAA,EAAA;AAAKC,IAAAA,cAAa,MAAA;AAAOC,IAAAA,IAAA,EAAK;AAAA,GAAA,iBAC7BV,cAAA,CAAAC,aAAA,CAACU,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3Bb,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,gCAAK,CACxC,CAAA,iBACAd,cAAA,CAAAC,aAAA,CAACU,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3Bb,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,gCAAK,CACxC,CACF,CACF,CAAA,iBACAd,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,OAAO;AAAO;GAAA,EAAG,oBAAG,CAAA,iBACvDP,cAAA,CAAAC,aAAA,CAACO,IAAA,EAAA;AAAKC,IAAAA,YAAA,EAAa,MAAA;AAAOC,IAAAA,IAAA,EAAK;AAAA,GAAA,iBAC7BV,cAAA,CAAAC,aAAA,CAACU,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOC,IAAAA,OAAM;AAAA,GAAA,iBAC3Bb,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,gCAAK,CACxC,CAAA,iBACAd,cAAA,CAAAC,aAAA,CAACU,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOC,IAAAA,KAAA,EAAM;AAAA,GAAA,iBAC3Bb,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,OAAA,EAAS;AAAO;AAAA,GAAA,EAAG,gCAAK,CACxC,CACF,CACF,CACF,CAAA;AAAA;;;;"}

package/es/tab/_example/with-action.js

@@ -0,0 +1,71 @@
+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 WithActionExample = function WithActionExample() {
+  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);
+    },
+    action: /* @__PURE__ */React__default.createElement("button", {
+      style: {
+        marginRight: "8px",
+        cursor: "pointer"
+      }
+    }, "\u64CD\u4F5C\u6309\u94AE")
+  }, /* @__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 { WithActionExample as default };
+//# sourceMappingURL=with-action.js.map

package/es/tab/_example/with-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-action.js","sources":["../../../../components/tab/_example/with-action.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Tabs, TabPanel } from \"../index\";\n\nconst WithActionExample = () => {\n  const [activeTab, setActiveTab] = useState(\"tab1\");\n\n  return (\n    <Tabs\n      value={activeTab}\n      onChange={(val) => setActiveTab(val as string)}\n      action={<button style={{ marginRight: \"8px\", cursor: \"pointer\" }}>操作按钮</button>}\n    >\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 WithActionExample;"],"names":["WithActionExample","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","React","createElement","Tabs","value","onChange","val","action","style","marginRight","cursor","TabPanel","label","padding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,oBAAoB,SAApBA,oBAA0B;AAC9B,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;AACCC,IAAAA,KAAA,EAAOL,SAAA;AACPM,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQN,YAAA,CAAaM,GAAa,CAAA;AAAA,IAAA,CAAA;AAC7CC,IAAAA,MAAA,iBAAQN,cAAA,CAAAC,aAAA,CAAC,QAAA,EAAA;AAAOM,MAAAA,KAAA,EAAO;AAAEC,QAAAA,aAAa,KAAA;AAAOC,QAAAA,MAAA,EAAQ;AAAU;AAAA,KAAA,EAAG,0BAAI;AAAA,GAAA,iBAEtET,cAAA,CAAAC,aAAA,CAACS,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOR,IAAAA,OAAM;AAAA,GAAA,iBAC3BH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIM,IAAAA,KAAA,EAAO;AAAEK,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,4CAAO,CAC1C,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAACS,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOR,IAAAA,OAAM;AAAA,GAAA,iBAC3BH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIM,IAAAA,KAAA,EAAO;AAAEK,MAAAA,OAAA,EAAS;AAAO;GAAA,EAAG,4CAAO,CAC1C,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAACS,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,0BAAA;AAAOR,IAAAA,OAAM;AAAA,GAAA,iBAC3BH,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIM,IAAAA,KAAA,EAAO;AAAEK,MAAAA,OAAA,EAAS;AAAO;AAAA,GAAA,EAAG,4CAAO,CAC1C,CACF,CAAA;AAEJ;;;;"}

package/es/tab/index.js

@@ -1,5 +1,5 @@
 import Tabs$1 from './Tabs.js';
-export { T as TabPanel } from '../_chunks/dep-CMPsNAXF.js';
+export { T as TabPanel } from '../_chunks/dep-hCWFQAqL.js';
 import './css.js';
 import '../_chunks/dep-Cwish4GD.js';
 import '../_chunks/dep-D-UKOauR.js';
@@ -10,20 +10,21 @@ import 'hoist-non-react-statics';
 import './TabNav.js';
 import 'classnames';
 import '../_chunks/dep-U1T8CQY9.js';
-import '../_chunks/dep-Tshfumgl.js';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.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-ByzdZjUR.js';
+import '../_chunks/dep-bWaVq_y3.js';
 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';
 import '../_chunks/dep-DGvfel3I.js';
-import '../_chunks/dep-DwWrhxkd.js';
+import '../_chunks/dep-grkSd2UB.js';
 
 var Tabs = Tabs$1;
 

package/es/tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/tab/index.ts"],"sourcesContent":["import _Tabs from \"./Tabs\";\nimport TabPanel from \"./TabPanel\";\nimport \"./style/index\";\nexport * from \"./type\";\nexport const Tabs = _Tabs;\nexport { TabPanel };\nexport default Tabs;\n"],"names":["Tabs","_Tabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,IAAA,GAAOC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/tab/index.ts"],"sourcesContent":["import _Tabs from \"./Tabs\";\nimport TabPanel from \"./TabPanel\";\nimport \"./style/index\";\nexport * from \"./type\";\nexport const Tabs = _Tabs;\nexport { TabPanel };\nexport default Tabs;\n"],"names":["Tabs","_Tabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,IAAA,GAAOC;;;;"}

package/es/tab/style/index.css

@@ -28,7 +28,7 @@
   position: relative;
 }
 .t-tabs__nav-container.t-is-addable {
-  margin-right: 40px;
+  margin-inline-end: 40px;
 }
 .t-tabs__nav-container.t-tabs__nav--card::after {
   content: "";
@@ -51,8 +51,8 @@
   align-items: center;
   height: var(--td-comp-size-m);
   padding: 0 var(--td-comp-paddingLR-s);
-  margin-left: var(--td-comp-margin-s);
-  margin-right: var(--td-comp-margin-s);
+  margin-inline-start: var(--td-comp-margin-s);
+  margin-inline-end: var(--td-comp-margin-s);
   border-radius: var(--td-radius-default);
   transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
   --ripple-color: $bg-color-container-active;
@@ -88,47 +88,46 @@
   color: var(--td-brand-color);
   text-shadow: 0 0 0.3px currentcolor;
 }
-.t-tabs__nav-item.t-is-disabled {
+.t-tabs__nav-item.t-is-active.t-is-disabled {
   color: var(--td-text-color-disabled);
   cursor: not-allowed;
 }
-.t-tabs__nav-item > .remove-btn {
-  margin-left: var(--td-comp-margin-s);
+.t-tabs__nav-item.t-is-active > .remove-btn {
+  margin-inline-start: var(--td-comp-margin-s);
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   display: flex;
 }
-.t-tabs__content {
+.t-tabs__nav-item__content {
   overflow: hidden;
   position: relative;
 }
-.t-tabs__bar {
+.t-tabs__nav-item__bar {
   position: absolute;
   background-color: var(--td-brand-color);
   z-index: 1;
   transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
   border-radius: var(--td-radius-small);
 }
-.t-tabs__bar.t-is-top {
+.t-tabs__nav-item__bar.t-is-top {
   bottom: 0;
-  left: 0;
+  inset-inline-start: 0;
   height: 3px;
 }
-.t-tabs__bar.t-is-bottom {
+.t-tabs__nav-item__bar.t-is-bottom {
   top: 0;
-  left: 0;
+  inset-inline-start: 0;
   height: 3px;
 }
-.t-tabs__bar.t-is-left {
+.t-tabs__nav-item__bar.t-is-left {
   top: 0;
-  right: 0;
+  inset-inline-end: 0;
   width: 3px;
 }
-.t-tabs__bar.t-is-right {
+.t-tabs__nav-item__bar.t-is-right {
   top: 0;
-  left: 0;
+  inset-inline-start: 0;
   width: 3px;
 }
-
-.t-tab-panel.t-is-hidden {
+.t-tabs .t-tab-panel.t-is-hidden {
   display: none;
 }

package/es/table/Cell.js

@@ -1,11 +1,15 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
-import React from 'react';
+import React__default from 'react';
 import classNames from 'classnames';
 import { isFunction, get } from 'lodash-es';
-import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import Ellipsis from './Ellipsis.js';
 import '../_chunks/dep-D-UKOauR.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
+import '../_chunks/dep-CzLhKWCf.js';
+import '@tendaui/react';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -41,13 +45,8 @@ var Cell = function Cell(props) {
     cellEmptyContent: cellEmptyContent
   });
   var isEllipsis = Boolean(col.ellipsis);
-  var cellContent = isEllipsis ? /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-table__ellipsis"),
-    title: String(cellNode),
-    style: {
-      width: "100%",
-      overflow: "hidden"
-    }
+  var cellContent = isEllipsis ? /* @__PURE__ */React__default.createElement(Ellipsis, {
+    classPrefix: classPrefix
   }, cellNode) : cellNode;
   var customClasses = isFunction(col.className) ? col.className(cellParams) : col.className;
   var classes = classNames(customClasses, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-table__cell--ellipsis"), isEllipsis), "".concat(classPrefix, "-align-left"), col.align === "left" || !col.align), "".concat(classPrefix, "-align-center"), col.align === "center"), "".concat(classPrefix, "-align-right"), col.align === "right"));
@@ -59,7 +58,7 @@ var Cell = function Cell(props) {
   if (col.minWidth) {
     cellStyle.minWidth = typeof col.minWidth === "number" ? "".concat(col.minWidth, "px") : col.minWidth;
   }
-  return /* @__PURE__ */React.createElement("td", _objectSpread(_objectSpread({
+  return /* @__PURE__ */React__default.createElement("td", _objectSpread(_objectSpread({
     key: col.colKey || colIndex,
     className: classes || void 0,
     style: Object.keys(cellStyle).length > 0 ? cellStyle : void 0