@tendaui/react 1.2.4 → 1.3.0

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;
@@ -93,7 +93,7 @@
   cursor: not-allowed;
 }
 .t-tabs__nav-item.t-is-active > .remove-btn {
-  margin-left: var(--td-comp-margin-s);
+  margin-inline-start: var(--td-comp-margin-s);
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
   display: flex;
 }
@@ -110,22 +110,22 @@
 }
 .t-tabs__nav-item__bar.t-is-top {
   bottom: 0;
-  left: 0;
+  inset-inline-start: 0;
   height: 3px;
 }
 .t-tabs__nav-item__bar.t-is-bottom {
   top: 0;
-  left: 0;
+  inset-inline-start: 0;
   height: 3px;
 }
 .t-tabs__nav-item__bar.t-is-left {
   top: 0;
-  right: 0;
+  inset-inline-end: 0;
   width: 3px;
 }
 .t-tabs__nav-item__bar.t-is-right {
   top: 0;
-  left: 0;
+  inset-inline-start: 0;
   width: 3px;
 }
 .t-tabs .t-tab-panel.t-is-hidden {

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

package/es/table/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../components/table/Cell.tsx"],"sourcesContent":["import React, { MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { isFunction, get } from \"lodash-es\";\nimport useConfig from \"../hooks/useConfig\";\nimport { BaseTableCellParams, TableRowData } from \"./type\";\n\nexport interface CellProps<T extends TableRowData = TableRowData> {\n  cellParams: BaseTableCellParams<T>;\n  cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n}\n\n/**\n * 渲染单元格内容\n */\nexport function renderCell<T extends TableRowData = TableRowData>(\n  params: BaseTableCellParams<T>,\n  extra?: {\n    cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);\n  }\n): React.ReactNode {\n  const { col, row } = params;\n\n  // 如果列配置了自定义渲染函数\n  if (isFunction(col.cell)) {\n    return col.cell(params);\n  }\n\n  if (isFunction(col.render)) {\n    return col.render(params);\n  }\n\n  // 如果列配置了字符串或 ReactNode\n  if (col.cell && !isFunction(col.cell)) {\n    return col.cell;\n  }\n\n  // 默认从 row 数据中获取值\n  const value = get(row, col.colKey) as React.ReactNode;\n\n  // 处理空值\n  if (value === undefined || value === null || value === \"\") {\n    if (extra?.cellEmptyContent) {\n      return isFunction(extra.cellEmptyContent) ? extra.cellEmptyContent(params) : extra.cellEmptyContent;\n    }\n  }\n\n  return value;\n}\n\nconst Cell = <T extends TableRowData = TableRowData>(props: CellProps<T>) => {\n  const { cellParams, cellEmptyContent, onClick } = props;\n  const { col, colIndex } = cellParams;\n  const { classPrefix } = useConfig();\n\n  const cellNode = renderCell(cellParams, { cellEmptyContent });\n\n  // 处理省略文本\n  const isEllipsis = Boolean(col.ellipsis);\n  const cellContent = isEllipsis ? (\n    <div\n      className={`${classPrefix}-table__ellipsis`}\n      title={String(cellNode)}\n      style={{ width: \"100%\", overflow: \"hidden\" }}\n    >\n      {cellNode}\n    </div>\n  ) : (\n    cellNode\n  );\n\n  // 处理类名\n  const customClasses = isFunction(col.className) ? col.className(cellParams) : col.className;\n\n  const classes = classNames(customClasses, {\n    [`${classPrefix}-table__cell--ellipsis`]: isEllipsis,\n    [`${classPrefix}-align-left`]: col.align === \"left\" || !col.align,\n    [`${classPrefix}-align-center`]: col.align === \"center\",\n    [`${classPrefix}-align-right`]: col.align === \"right\"\n  });\n\n  // 处理属性\n  const attrs = isFunction(col.attrs) ? col.attrs(cellParams) : col.attrs || {};\n\n  // 处理单元格样式\n  const cellStyle: React.CSSProperties = {};\n  if (col.width) {\n    cellStyle.width = typeof col.width === \"number\" ? `${col.width}px` : col.width;\n  }\n  if (col.minWidth) {\n    cellStyle.minWidth = typeof col.minWidth === \"number\" ? `${col.minWidth}px` : col.minWidth;\n  }\n\n  return (\n    <td\n      key={col.colKey || colIndex}\n      className={classes || undefined}\n      style={Object.keys(cellStyle).length > 0 ? cellStyle : undefined}\n      {...attrs}\n      onClick={onClick}\n    >\n      {cellContent}\n    </td>\n  );\n};\n\nCell.displayName = \"Cell\";\n\nexport default Cell;\n"],"names":["renderCell","params","extra","col","row","isFunction","cell","render","value","get","colKey","cellEmptyContent","Cell","props","cellParams","onClick","colIndex","_useConfig","useConfig","classPrefix","cellNode","isEllipsis","Boolean","ellipsis","cellContent","React","createElement","className","concat","title","String","style","width","overflow","customClasses","classes","classNames","_defineProperty","align","attrs","cellStyle","minWidth","_objectSpread","key","Object","keys","length","displayName"],"mappings":"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"}
+{"version":3,"file":"Cell.js","sources":["../../../components/table/Cell.tsx"],"sourcesContent":["import React, { MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { isFunction, get } from \"lodash-es\";\nimport useConfig from \"../hooks/useConfig\";\nimport { BaseTableCellParams, TableRowData } from \"./type\";\nimport Ellipsis from \"./Ellipsis\";\n\nexport interface CellProps<T extends TableRowData = TableRowData> {\n  cellParams: BaseTableCellParams<T>;\n  cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n}\n\n/**\n * 渲染单元格内容\n */\nexport function renderCell<T extends TableRowData = TableRowData>(\n  params: BaseTableCellParams<T>,\n  extra?: {\n    cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);\n  }\n): React.ReactNode {\n  const { col, row } = params;\n\n  // 如果列配置了自定义渲染函数\n  if (isFunction(col.cell)) {\n    return col.cell(params);\n  }\n\n  if (isFunction(col.render)) {\n    return col.render(params);\n  }\n\n  // 如果列配置了字符串或 ReactNode\n  if (col.cell && !isFunction(col.cell)) {\n    return col.cell;\n  }\n\n  // 默认从 row 数据中获取值\n  const value = get(row, col.colKey) as React.ReactNode;\n\n  // 处理空值\n  if (value === undefined || value === null || value === \"\") {\n    if (extra?.cellEmptyContent) {\n      return isFunction(extra.cellEmptyContent) ? extra.cellEmptyContent(params) : extra.cellEmptyContent;\n    }\n  }\n\n  return value;\n}\n\nconst Cell = <T extends TableRowData = TableRowData>(props: CellProps<T>) => {\n  const { cellParams, cellEmptyContent, onClick } = props;\n  const { col, colIndex } = cellParams;\n  const { classPrefix } = useConfig();\n\n  const cellNode = renderCell(cellParams, { cellEmptyContent });\n\n  // 处理省略文本\n  const isEllipsis = Boolean(col.ellipsis);\n  const cellContent = isEllipsis ? (\n    <Ellipsis classPrefix={classPrefix}>\n      {cellNode}\n    </Ellipsis>\n  ) : (\n    cellNode\n  );\n\n  // 处理类名\n  const customClasses = isFunction(col.className) ? col.className(cellParams) : col.className;\n\n  const classes = classNames(customClasses, {\n    [`${classPrefix}-table__cell--ellipsis`]: isEllipsis,\n    [`${classPrefix}-align-left`]: col.align === \"left\" || !col.align,\n    [`${classPrefix}-align-center`]: col.align === \"center\",\n    [`${classPrefix}-align-right`]: col.align === \"right\"\n  });\n\n  // 处理属性\n  const attrs = isFunction(col.attrs) ? col.attrs(cellParams) : col.attrs || {};\n\n  // 处理单元格样式\n  const cellStyle: React.CSSProperties = {};\n  if (col.width) {\n    cellStyle.width = typeof col.width === \"number\" ? `${col.width}px` : col.width;\n  }\n  if (col.minWidth) {\n    cellStyle.minWidth = typeof col.minWidth === \"number\" ? `${col.minWidth}px` : col.minWidth;\n  }\n\n  return (\n    <td\n      key={col.colKey || colIndex}\n      className={classes || undefined}\n      style={Object.keys(cellStyle).length > 0 ? cellStyle : undefined}\n      {...attrs}\n      onClick={onClick}\n    >\n      {cellContent}\n    </td>\n  );\n};\n\nCell.displayName = \"Cell\";\n\nexport default Cell;\n"],"names":["renderCell","params","extra","col","row","isFunction","cell","render","value","get","colKey","cellEmptyContent","Cell","props","cellParams","onClick","colIndex","_useConfig","useConfig","classPrefix","cellNode","isEllipsis","Boolean","ellipsis","cellContent","React","createElement","Ellipsis","customClasses","className","classes","classNames","_defineProperty","concat","align","attrs","cellStyle","width","minWidth","_objectSpread","key","style","Object","keys","length","displayName"],"mappings":";;;;;;;;;;;;;;;AAgBO,SAASA,UAAAA,CACdC,QACAC,KAAA,EAGiB;AACjB,EAAA,IAAQC,GAAA,GAAaF,MAAA,CAAbE,GAAA;IAAKC,GAAA,GAAQH,MAAA,CAARG,GAAA;AAGb,EAAA,IAAIC,UAAA,CAAWF,GAAA,CAAIG,IAAI,CAAA,EAAG;AACxB,IAAA,OAAOH,GAAA,CAAIG,KAAKL,MAAM,CAAA;AACxB,EAAA;AAEA,EAAA,IAAII,UAAA,CAAWF,GAAA,CAAII,MAAM,CAAA,EAAG;AAC1B,IAAA,OAAOJ,GAAA,CAAII,OAAON,MAAM,CAAA;AAC1B,EAAA;EAGA,IAAIE,IAAIG,IAAA,IAAQ,CAACD,UAAA,CAAWF,GAAA,CAAIG,IAAI,CAAA,EAAG;IACrC,OAAOH,GAAA,CAAIG,IAAA;AACb,EAAA;EAGA,IAAME,KAAA,GAAQC,GAAA,CAAIL,GAAA,EAAKD,GAAA,CAAIO,MAAM,CAAA;AAGjC,EAAA,IAAIF,KAAA,KAAU,KAAA,CAAA,IAAaA,KAAA,KAAU,IAAA,IAAQA,UAAU,EAAA,EAAI;AACzD,IAAA,IAAIN,kBAAAA,oBAAAA,MAAOS,gBAAA,EAAkB;AAC3B,MAAA,OAAON,UAAA,CAAWH,MAAMS,gBAAgB,CAAA,GAAIT,MAAMS,gBAAA,CAAiBV,MAAM,IAAIC,KAAA,CAAMS,gBAAA;AACrF,IAAA;AACF,EAAA;AAEA,EAAA,OAAOH,KAAA;AACT;AAEA,IAAMI,IAAA,GAAO,SAAPA,IAAAA,CAA+CC,KAAA,EAAwB;AAC3E,EAAA,IAAQC,UAAA,GAA0CD,KAAA,CAA1CC,UAAA;IAAYH,gBAAA,GAA8BE,KAAA,CAA9BF,gBAAA;IAAkBI,OAAA,GAAYF,KAAA,CAAZE,OAAA;AACtC,EAAA,IAAQZ,GAAA,GAAkBW,UAAA,CAAlBX,GAAA;IAAKa,QAAA,GAAaF,UAAA,CAAbE,QAAA;AACb,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;AAER,EAAA,IAAMC,QAAA,GAAWpB,UAAA,CAAWc,UAAA,EAAY;AAAEH,IAAAA,kBAAAA;AAAiB,GAAC,CAAA;AAG5D,EAAA,IAAMU,UAAA,GAAaC,OAAA,CAAQnB,GAAA,CAAIoB,QAAQ,CAAA;EACvC,IAAMC,cAAcH,UAAA,kBAClBI,cAAA,CAAAC,aAAA,CAACC,QAAA,EAAA;AAASR,IAAAA,WAAA,EAAAA;AAAA,GAAA,EACPC,QACH,CAAA,GAEAA,QAAA;AAIF,EAAA,IAAMQ,aAAA,GAAgBvB,WAAWF,GAAA,CAAI0B,SAAS,IAAI1B,GAAA,CAAI0B,SAAA,CAAUf,UAAU,CAAA,GAAIX,GAAA,CAAI0B,SAAA;EAElF,IAAMC,OAAA,GAAUC,WAAWH,aAAA,EAAAI,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA,EAAA,EAAA,EAAA,CAAAC,MAAA,CACrBd,WAAW,EAAA,wBAAA,CAAA,EAA2BE,UAAA,CAAA,EAAA,EAAA,CAAAY,MAAA,CACtCd,WAAW,EAAA,aAAA,CAAA,EAAgBhB,GAAA,CAAI+B,KAAA,KAAU,MAAA,IAAU,CAAC/B,GAAA,CAAI+B,KAAA,CAAA,EAAA,EAAA,CAAAD,MAAA,CACxDd,WAAW,EAAA,eAAA,CAAA,EAAkBhB,IAAI+B,KAAA,KAAU,QAAA,CAAA,EAAA,EAAA,CAAAD,MAAA,CAC3Cd,WAAW,EAAA,cAAA,CAAA,EAAiBhB,IAAI+B,KAAA,KAAU,OAAA,CAC/C,CAAA;EAGD,IAAMC,KAAA,GAAQ9B,UAAA,CAAWF,GAAA,CAAIgC,KAAK,CAAA,GAAIhC,GAAA,CAAIgC,KAAA,CAAMrB,UAAU,CAAA,GAAIX,GAAA,CAAIgC,KAAA,IAAS,EAAC;EAG5E,IAAMC,YAAiC,EAAC;EACxC,IAAIjC,IAAIkC,KAAA,EAAO;AACbD,IAAAA,SAAA,CAAUC,KAAA,GAAQ,OAAOlC,GAAA,CAAIkC,KAAA,KAAU,qBAAclC,GAAA,CAAIkC,KAAK,EAAA,IAAA,CAAA,GAAOlC,GAAA,CAAIkC,KAAA;AAC3E,EAAA;EACA,IAAIlC,IAAImC,QAAA,EAAU;AAChBF,IAAAA,SAAA,CAAUE,QAAA,GAAW,OAAOnC,GAAA,CAAImC,QAAA,KAAa,qBAAcnC,GAAA,CAAImC,QAAQ,EAAA,IAAA,CAAA,GAAOnC,GAAA,CAAImC,QAAA;AACpF,EAAA;EAEA,sBACEb,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAAa,aAAA,CAAAA,aAAA,CAAA;AACCC,IAAAA,GAAA,EAAKrC,IAAIO,MAAA,IAAUM,QAAA;AACnBa,IAAAA,WAAWC,OAAA,IAAW,KAAA,CAAA;AACtBW,IAAAA,OAAOC,MAAA,CAAOC,IAAA,CAAKP,SAAS,CAAA,CAAEQ,MAAA,GAAS,IAAIR,SAAA,GAAY,KAAA;AAAA,GAAA,EACnDD,KAAA,CAAA,EAAA,EAAA,EAAA;AACJpB,IAAAA,OAAA,EAAAA;AAAA,GAAA,CAAA,EAECS,WACH,CAAA;AAEJ;AAEAZ,IAAA,CAAKiC,WAAA,GAAc,MAAA;;;;"}

package/es/table/Ellipsis.js

@@ -0,0 +1,77 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import React__default, { useRef, useCallback, useState } from 'react';
+import classNames from 'classnames';
+import { Tooltip } from '@tendaui/react';
+import '../_chunks/dep-D-UKOauR.js';
+
+function isNodeOverflow(node) {
+  if (!node) return false;
+  return node.scrollWidth > node.clientWidth;
+}
+
+function useDebounce(fn, delay) {
+  var timeoutRef = useRef(null);
+  return useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(function () {
+      fn.apply(void 0, args);
+    }, delay);
+  }, [fn, delay]);
+}
+
+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; }
+function Ellipsis(props) {
+  var _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? "td" : _props$classPrefix;
+  var root = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOverflow = _useState2[0],
+    setIsOverflow = _useState2[1];
+  var ellipsisClasses = classNames(["".concat(classPrefix, "-table__ellipsis"), "".concat(classPrefix, "-text-ellipsis")]);
+  var innerEllipsisClassName = ["".concat(classPrefix, "-table__ellipsis-content"), props.overlayClassName];
+  var onTriggerMouseenter = function onTriggerMouseenter() {
+    if (!root.current) return;
+    setIsOverflow(isNodeOverflow(root.current));
+  };
+  var onTriggerMouseleave = function onTriggerMouseleave() {
+    setIsOverflow(isNodeOverflow(root.current));
+  };
+  var onMouseAround = useDebounce(function (e) {
+    e.type === "mouseleave" ? onTriggerMouseleave() : onTriggerMouseenter();
+  }, 80);
+  var cellNode = props.content || props.children;
+  var ellipsisContent = /* @__PURE__ */React__default.createElement("div", {
+    ref: root,
+    className: ellipsisClasses,
+    onMouseEnter: onMouseAround,
+    onMouseLeave: onMouseAround
+  }, cellNode);
+  var content = null;
+  var tooltipProps = props.tooltipProps;
+  if (isOverflow) {
+    var rProps = _objectSpread({
+      content: props.popupContent || cellNode,
+      destroyOnClose: true,
+      zIndex: props.zIndex,
+      attach: props.attach,
+      placement: props.placement,
+      overlayClassName: tooltipProps !== null && tooltipProps !== void 0 && tooltipProps.overlayClassName ? innerEllipsisClassName.concat(tooltipProps.overlayClassName) : innerEllipsisClassName
+    }, props.tooltipProps || {});
+    content = /* @__PURE__ */React__default.createElement(Tooltip, _objectSpread({}, rProps), ellipsisContent);
+  } else {
+    content = ellipsisContent;
+  }
+  return content;
+}
+Ellipsis.displayName = "Ellipsis";
+
+export { Ellipsis as default };
+//# sourceMappingURL=Ellipsis.js.map