@tendaui/react 1.2.4 → 1.3.0

package/es/switch/_example/disabled.js

@@ -0,0 +1,72 @@
+import React__default from 'react';
+import { Switch } from '@tendaui/react';
+
+var DisabledExample = function DisabledExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "24px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    defaultValue: false
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u6B63\u5E38\u5173\u95ED")), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    defaultValue: true
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u6B63\u5E38\u5F00\u542F")), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    disabled: true,
+    defaultValue: false
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u7981\u7528\u5173\u95ED")), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    disabled: true,
+    defaultValue: true
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u7981\u7528\u5F00\u542F")));
+};
+
+export { DisabledExample as default };
+//# sourceMappingURL=disabled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.js","sources":["../../../../components/switch/_example/disabled.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@tendaui/react\";\n\nconst DisabledExample = () => (\n  <div style={{ display: \"flex\", gap: \"24px\" }}>\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch defaultValue={false} />\n      <span style={{ color: \"#666\", fontSize: \"12px\" }}>正常关闭</span>\n    </div>\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch defaultValue={true} />\n      <span style={{ color: \"#666\", fontSize: \"12px\" }}>正常开启</span>\n    </div>\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch disabled defaultValue={false} />\n      <span style={{ color: \"#666\", fontSize: \"12px\" }}>禁用关闭</span>\n    </div>\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch disabled defaultValue={true} />\n      <span style={{ color: \"#666\", fontSize: \"12px\" }}>禁用开启</span>\n    </div>\n  </div>\n);\n\nexport default DisabledExample;\n"],"names":["DisabledExample","React","createElement","style","display","gap","flexDirection","alignItems","Switch","defaultValue","color","fontSize","disabled"],"mappings":";;;AAGA,IAAMA,eAAA,GAAkB,SAAlBA,eAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBACzCJ,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQE,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,UAAA,EAAY,QAAA;AAAUF,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,iBACvFJ,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOC,IAAAA,YAAA,EAAc;GAAO,CAAA,8CAC5B,MAAA,EAAA;AAAKN,IAAAA,KAAA,EAAO;AAAEO,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,0BAAI,CACxD,CAAA,iBACAV,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQE,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,UAAA,EAAY,QAAA;AAAUF,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,iBACvFJ,cAAA,CAAAC,aAAA,CAACM;AAAOC,IAAAA,YAAA,EAAc;GAAM,CAAA,iBAC5BR,cAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKC,IAAAA,KAAA,EAAO;AAAEO,MAAAA,KAAA,EAAO;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,0BAAI,CACxD,CAAA,iBACAV,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQE,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,UAAA,EAAY,QAAA;AAAUF,MAAAA,KAAK;AAAM;AAAA,GAAA,iBACvFJ,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOI,IAAAA,QAAA,EAAQ,IAAA;AAACH,IAAAA,YAAA,EAAc;GAAO,CAAA,iBACtCR,cAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKC,IAAAA,KAAA,EAAO;AAAEO,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,0BAAI,CACxD,CAAA,iBACAV,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQE,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,UAAA,EAAY,QAAA;AAAUF,MAAAA,GAAA,EAAK;AAAM;oBACvFJ,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOI,IAAAA,QAAA,EAAQ,IAAA;AAACH,IAAAA,YAAA,EAAc;GAAM,CAAA,iBACrCR,cAAA,CAAAC,aAAA,CAAC;AAAKC,IAAAA,KAAA,EAAO;AAAEO,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;AAAA,GAAA,EAAG,0BAAI,CACxD,CACF,CAAA;AAAA;;;;"}

package/es/switch/_example/loading.js

@@ -0,0 +1,44 @@
+import React__default from 'react';
+import { Switch } from '@tendaui/react';
+
+var LoadingExample = function LoadingExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "24px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    loading: true,
+    defaultValue: false
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u52A0\u8F7D\u4E2D\uFF08\u5173\uFF09")), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    loading: true,
+    defaultValue: true
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u52A0\u8F7D\u4E2D\uFF08\u5F00\uFF09")));
+};
+
+export { LoadingExample as default };
+//# sourceMappingURL=loading.js.map

package/es/switch/_example/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sources":["../../../../components/switch/_example/loading.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@tendaui/react\";\n\nconst LoadingExample = () => (\n  <div style={{ display: \"flex\", gap: \"24px\" }}>\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch loading defaultValue={false} />\n      <span style={{ color: \"#666\", fontSize: \"12px\" }}>加载中（关）</span>\n    </div>\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch loading defaultValue={true} />\n      <span style={{ color: \"#666\", fontSize: \"12px\" }}>加载中（开）</span>\n    </div>\n  </div>\n);\n\nexport default LoadingExample;\n"],"names":["LoadingExample","React","createElement","style","display","gap","flexDirection","alignItems","Switch","loading","defaultValue","color","fontSize"],"mappings":";;;AAGA,IAAMA,cAAA,GAAiB,SAAjBA,cAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBACzCJ,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQE,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,YAAY,QAAA;AAAUF,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,8CACtFG,MAAA,EAAA;AAAOC,IAAAA,OAAA,EAAO,IAAA;AAACC,IAAAA,YAAA,EAAc;GAAO,CAAA,iBACrCT,cAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKC,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,sCAAM,CAC1D,CAAA,8CACC,KAAA,EAAA;AAAIT,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQE,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,UAAA,EAAY,QAAA;AAAUF,MAAAA,KAAK;AAAM;AAAA,GAAA,iBACvFJ,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOC,IAAAA,SAAO,IAAA;AAACC,IAAAA,YAAA,EAAc;GAAM,CAAA,8CACnC,MAAA,EAAA;AAAKP,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,KAAA,EAAO;AAAQC,MAAAA,QAAA,EAAU;AAAO;AAAA,GAAA,EAAG,sCAAM,CAC1D,CACF,CAAA;AAAA;;;;"}

package/es/switch/_example/sizes.js

@@ -0,0 +1,60 @@
+import React__default from 'react';
+import { Switch } from '@tendaui/react';
+
+var SizesExample = function SizesExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "24px",
+      alignItems: "center"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    size: "small",
+    defaultValue: true
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5C0F")), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    size: "medium",
+    defaultValue: true
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u4E2D\uFF08\u9ED8\u8BA4\uFF09")), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    size: "large",
+    defaultValue: true
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5927")));
+};
+
+export { SizesExample as default };
+//# sourceMappingURL=sizes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../components/switch/_example/sizes.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@tendaui/react\";\n\nconst SizesExample = () => (\n  <div style={{ display: \"flex\", gap: \"24px\", alignItems: \"center\" }}>\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch size=\"small\" defaultValue={true} />\n      <span style={{ color: \"#666\", fontSize: \"12px\" }}>小</span>\n    </div>\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch size=\"medium\" defaultValue={true} />\n      <span style={{ color: \"#666\", fontSize: \"12px\" }}>中（默认）</span>\n    </div>\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch size=\"large\" defaultValue={true} />\n      <span style={{ color: \"#666\", fontSize: \"12px\" }}>大</span>\n    </div>\n  </div>\n);\n\nexport default SizesExample;\n"],"names":["SizesExample","React","createElement","style","display","gap","alignItems","flexDirection","Switch","size","defaultValue","color","fontSize"],"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,GAAA,EAAK,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAS;oBAC/DL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQG,MAAAA,eAAe,QAAA;AAAUD,MAAAA,UAAA,EAAY,QAAA;AAAUD,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,8CACtFG,MAAA,EAAA;AAAOC,IAAAA,IAAA,EAAK,OAAA;AAAQC,IAAAA,YAAA,EAAc;GAAM,CAAA,8CACxC,MAAA,EAAA;AAAKP,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,QAAC,CACrD,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQG,MAAAA,aAAA,EAAe,QAAA;AAAUD,MAAAA,UAAA,EAAY;AAAUD,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,iBACvFJ,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOC,IAAAA,IAAA,EAAK;AAASC,IAAAA,YAAA,EAAc;GAAM,CAAA,iBAC1CT,cAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKC,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,gCAAK,CACzD,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQG,MAAAA,aAAA,EAAe,QAAA;AAAUD,MAAAA,UAAA,EAAY,QAAA;AAAUD,MAAAA,GAAA,EAAK;AAAM;oBACvFJ,cAAA,CAAAC,aAAA,CAACM,MAAA,EAAA;AAAOC,IAAAA,IAAA,EAAK,OAAA;AAAQC,IAAAA,YAAA,EAAc;GAAM,kBACzCT,cAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKC,IAAAA,KAAA,EAAO;AAAEQ,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,UAAU;AAAO;AAAA,GAAA,EAAG,QAAC,CACrD,CACF,CAAA;AAAA;;;;"}

package/es/switch/_example/with-label.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import { Switch } from '@tendaui/react';
+
+var WithLabelExample = function WithLabelExample() {
+  return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    label: ["\u5F00", "\u5173"],
+    defaultValue: true
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666"
+    }
+  }, "\u6570\u7EC4\u5F62\u5F0F")), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    label: ["ON", "OFF"],
+    defaultValue: false
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666"
+    }
+  }, "\u82F1\u6587\u6807\u7B7E")), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    label: ["1", "0"],
+    defaultValue: true
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666"
+    }
+  }, "\u6570\u5B57\u6807\u7B7E")));
+};
+
+export { WithLabelExample as default };
+//# sourceMappingURL=with-label.js.map

package/es/switch/_example/with-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-label.js","sources":["../../../../components/switch/_example/with-label.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@tendaui/react\";\n\nconst WithLabelExample = () => (\n  <div>\n    <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch label={[\"开\", \"关\"]} defaultValue={true} />\n      <span style={{ color: \"#666\" }}>数组形式</span>\n    </div>\n    <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch label={[\"ON\", \"OFF\"]} defaultValue={false} />\n      <span style={{ color: \"#666\" }}>英文标签</span>\n    </div>\n    <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\n      <Switch label={[\"1\", \"0\"]} defaultValue={true} />\n      <span style={{ color: \"#666\" }}>数字标签</span>\n    </div>\n  </div>\n);\n\nexport default WithLabelExample;\n"],"names":["WithLabelExample","React","createElement","style","display","alignItems","gap","Switch","label","defaultValue","color"],"mappings":";;;AAGA,IAAMA,gBAAA,GAAmB,SAAnBA,gBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,8CACE,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,YAAY,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,iBAC9DL,cAAA,CAAAC,aAAA,CAACK;AAAOC,IAAAA,KAAA,EAAO,CAAC,QAAA,EAAK,QAAG,CAAA;AAAGC,IAAAA,YAAA,EAAc;GAAM,CAAA,iBAC/CR,cAAA,CAAAC,aAAA,CAAC;AAAKC,IAAAA,KAAA,EAAO;AAAEO,MAAAA,OAAO;AAAO;GAAA,EAAG,0BAAI,CACtC,CAAA,8CACC,KAAA,EAAA;AAAIP,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,YAAY,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,iBAC9DL,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AAAOC,IAAAA,OAAO,CAAC,IAAA,EAAM,KAAK,CAAA;AAAGC,IAAAA,YAAA,EAAc;GAAO,CAAA,iBACnDR,cAAA,CAAAC,aAAA,CAAC;AAAKC,IAAAA,KAAA,EAAO;AAAEO,MAAAA,OAAO;AAAO;GAAA,EAAG,0BAAI,CACtC,CAAA,8CACC,KAAA,EAAA;AAAIP,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,UAAA,EAAY;AAAUC,MAAAA,GAAA,EAAK;AAAM;oBAC9DL,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AAAOC,IAAAA,OAAO,CAAC,GAAA,EAAK,GAAG,CAAA;AAAGC,IAAAA,YAAA,EAAc;GAAM,CAAA,iBAC/CR,cAAA,CAAAC,aAAA,CAAC;AAAKC,IAAAA,KAAA,EAAO;AAAEO,MAAAA,OAAO;AAAO;AAAA,GAAA,EAAG,0BAAI,CACtC,CACF,CAAA;AAAA;;;;"}

package/es/switch/index.js

@@ -10,20 +10,21 @@ import '../loading/index.js';
 import '../loading/Loading.js';
 import '../_chunks/dep-DRwijJcv.js';
 import 'lodash-es';
-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';
 import '../common/Portal.js';
 import 'react-dom';
 import '../_chunks/dep-BRbJGDI9.js';
 import '../loading/Gradient.js';
-import '../_chunks/dep-DQ6kXoi8.js';
+import '../_chunks/dep-DHWwZ2Nj.js';
 import '../_chunks/dep-PPA-yoAy.js';
 import '../_chunks/dep-DGvfel3I.js';
 import '../_chunks/dep-DbVHGoUC.js';
 import '../loading/style/css.js';
-import '../_chunks/dep-DTlQ2dCA.js';
-import '../_chunks/dep-aX8qrQpB.js';
+import '../_chunks/dep--qagmRQa.js';
+import '../_chunks/dep-BbOvNxhg.js';
 
 var Switch = Switch$1;
 

package/es/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/switch/index.ts"],"sourcesContent":["import _Switch from \"./Switch\";\nimport \"./style/index\";\nexport * from \"./type\";\n\nexport const Switch = _Switch;\n\nexport default Switch;\n"],"names":["Switch","_Switch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,MAAA,GAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/switch/index.ts"],"sourcesContent":["import _Switch from \"./Switch\";\nimport \"./style/index\";\nexport * from \"./type\";\n\nexport const Switch = _Switch;\n\nexport default Switch;\n"],"names":["Switch","_Switch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,MAAA,GAASC;;;;"}

package/es/switch/style/index.css

@@ -129,6 +129,24 @@
   color: var(--td-brand-color-disabled);
 }
 
+[dir=rtl] .t-switch__handle {
+  left: auto;
+  right: 4px;
+}
+[dir=rtl] .t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
+  left: -6px;
+  right: 0;
+}
+[dir=rtl] .t-switch:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
+  right: -6px;
+  left: 0;
+}
+[dir=rtl] .t-switch.t-is-checked .t-switch__handle {
+  right: auto;
+  left: 2.5px;
+  transform: none;
+}
+
 .t-switch.t-size-l {
   min-width: calc(var(--td-comp-size-xs) / 0.618);
   height: var(--td-comp-size-xs);
@@ -162,6 +180,7 @@
 }
 .t-switch.t-size-l.t-is-checked .t-switch__handle {
   left: calc(100% - 3px);
+  transform: translate(-100%, 0);
   top: 3px;
   width: calc(var(--td-comp-size-xs) - 6px);
   height: calc(var(--td-comp-size-xs) - 6px);
@@ -170,6 +189,24 @@
   padding: 0 calc(var(--td-comp-size-xs) / 0.618 / 2 + 4px) 0 var(--td-comp-margin-s);
 }
 
+[dir=rtl] .t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
+  left: -8px;
+  right: 0;
+}
+[dir=rtl] .t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
+  right: -8px;
+  left: 0;
+}
+[dir=rtl] .t-switch.t-size-l .t-switch__handle {
+  left: auto;
+  right: 5px;
+}
+[dir=rtl] .t-switch.t-size-l.t-is-checked .t-switch__handle {
+  right: auto;
+  left: 3px;
+  transform: none;
+}
+
 .t-switch.t-size-s {
   min-width: calc(var(--td-comp-size-xxxs) / 0.618);
   height: var(--td-comp-size-xxxs);
@@ -203,10 +240,29 @@
 }
 .t-switch.t-size-s.t-is-checked .t-switch__handle {
   left: calc(100% - 2px);
+  transform: translate(-100%, 0);
   top: 2px;
   width: calc(var(--td-comp-size-xxxs) - 4px);
   height: calc(var(--td-comp-size-xxxs) - 4px);
 }
 .t-switch.t-size-s.t-is-checked .t-switch__content {
   padding: 0 calc(var(--td-comp-size-xxxs) / 0.618 / 2 + 2px) 0 var(--td-comp-margin-xxs);
+}
+
+[dir=rtl] .t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
+  left: -4px;
+  right: 0;
+}
+[dir=rtl] .t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
+  right: -4px;
+  left: 0;
+}
+[dir=rtl] .t-switch.t-size-s .t-switch__handle {
+  left: auto;
+  right: 3px;
+}
+[dir=rtl] .t-switch.t-size-s.t-is-checked .t-switch__handle {
+  right: auto;
+  left: 2px;
+  transform: none;
 }

package/es/tab/TabBar.js

@@ -1,13 +1,14 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
-import React, { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
-import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
-import { a as useLatest, u as useMutationObservable } from '../_chunks/dep-CkmtEv0Y.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import { a as useLatest, u as useMutationObservable } from '../_chunks/dep-B2D1svZy.js';
 import { u as useIsomorphicLayoutEffect } from '../_chunks/dep-BRbJGDI9.js';
 import { c as canUseDocument } from '../_chunks/dep-DRwijJcv.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 'lodash-es';
 
@@ -53,7 +54,7 @@ var TabBar = function TabBar(props) {
   useEffect(function () {
     currentActiveIdRef.current = activeId;
   }, [activeId]);
-  var computeStyle = React.useCallback(function () {
+  var computeStyle = React__default.useCallback(function () {
     var isHorizontal = ["bottom", "top"].includes(tabPosition);
     var transformPosition = isHorizontal ? "translateX" : "translateY";
     var itemProp = isHorizontal ? "width" : "height";
@@ -89,7 +90,7 @@ var TabBar = function TabBar(props) {
       });
     }
   }, [tabPosition, activeId, containerRef.current]);
-  var handleMutationObserver = React.useCallback(function (mutations) {
+  var handleMutationObserver = React__default.useCallback(function (mutations) {
     mutations.forEach(function (mutation) {
       if (mutation.type === "characterData") {
         computeStyle();
@@ -98,7 +99,7 @@ var TabBar = function TabBar(props) {
   }, [computeStyle]);
   useMutationObservable(containerRef.current, handleMutationObserver);
   useResizeObserver(navsWrapRef, computeStyle);
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     className: classNames(_defineProperty(_defineProperty({}, "".concat(tabsClassPrefix, "__bar"), true), "".concat(classPrefix, "-is-").concat(tabPosition), true)),
     style: barStyle
   });

package/es/tab/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","sources":["../../../components/hooks/useResizeObserve.ts","../../../components/tab/TabBar.tsx"],"sourcesContent":["import useIsomorphicLayoutEffect from \"./useLayoutEffect\";\nimport { canUseDocument } from \"../utils/dom\";\nimport useLatest from \"./useLastest\";\n\nexport default function useResizeObserver(\n  container: React.MutableRefObject<HTMLElement | null>,\n  callback: (data: ResizeObserverEntry[]) => void,\n  enabled = true\n) {\n  const callbackRef = useLatest(callback);\n\n  useIsomorphicLayoutEffect(() => {\n    const isSupport = canUseDocument && window.ResizeObserver;\n    const element = container.current;\n    let observer: ResizeObserver = null;\n\n    if (!enabled) return;\n\n    if (isSupport && element) {\n      const resizeCallback: ResizeObserverCallback = (entries) => {\n        callbackRef.current(entries);\n      };\n      observer = new ResizeObserver(resizeCallback);\n      observer.observe(element);\n    }\n\n    return () => {\n      if (observer && element) {\n        observer.unobserve(element);\n        observer.disconnect?.();\n        observer = null;\n      }\n    };\n    // eslint-disable-next-line\n  }, [container, enabled]);\n}\n","import React, { useEffect, useState, CSSProperties, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport useMutationObserver from \"../hooks/useMutationObserver\";\nimport useResizeObserver from \"../hooks/useResizeObserve\";\ninterface TabBarProps {\n  tabPosition: string;\n  activeId: string | number;\n  containerRef: React.MutableRefObject<HTMLDivElement>;\n  navsWrapRef: React.MutableRefObject<HTMLDivElement>;\n}\n\nconst TabBar: React.FC<TabBarProps> = (props) => {\n  const { tabPosition, activeId, containerRef, navsWrapRef } = props;\n  const { classPrefix } = useConfig();\n  const [barStyle, setBarStyle] = useState<CSSProperties>({});\n  const tabsClassPrefix = `${classPrefix}-tabs`;\n  const currentActiveIdRef = useRef(activeId);\n  useEffect(() => {\n    currentActiveIdRef.current = activeId;\n  }, [activeId]);\n\n  const computeStyle = React.useCallback(() => {\n    const isHorizontal = [\"bottom\", \"top\"].includes(tabPosition);\n    const transformPosition = isHorizontal ? \"translateX\" : \"translateY\";\n    const itemProp = isHorizontal ? \"width\" : \"height\";\n    const barBorderProp = isHorizontal ? \"width\" : \"height\";\n\n    let offset = 0;\n\n    if (containerRef.current) {\n      const itemsRef = containerRef.current?.querySelectorAll<HTMLElement>(`.${tabsClassPrefix}__nav-item`);\n      if (itemsRef.length - 1 >= (currentActiveIdRef.current as number)) {\n        itemsRef.forEach((item, itemIndex) => {\n          if (itemIndex < (currentActiveIdRef.current as number)) {\n            offset += Number(getComputedStyle(item)[itemProp].replace(\"px\", \"\"));\n          }\n        });\n        const computedItem = itemsRef[currentActiveIdRef.current];\n        if (!computedItem) {\n          setBarStyle({ transform: `${transformPosition}(${0}px)`, [barBorderProp]: 0 });\n          return;\n        }\n        const itemPropValue = getComputedStyle(computedItem)[itemProp];\n        setBarStyle({ transform: `${transformPosition}(${offset}px)`, [barBorderProp]: itemPropValue || 0 });\n      }\n    }\n  }, [currentActiveIdRef, containerRef, tabPosition, tabsClassPrefix]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      setTimeout(() => computeStyle());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tabPosition, activeId, containerRef.current]);\n\n  const handleMutationObserver = React.useCallback(\n    (mutations: MutationRecord[]) => {\n      mutations.forEach((mutation) => {\n        if (mutation.type === \"characterData\") {\n          computeStyle();\n        }\n      });\n    },\n    [computeStyle]\n  );\n\n  useMutationObserver(containerRef.current, handleMutationObserver);\n\n  useResizeObserver(navsWrapRef, computeStyle);\n\n  return (\n    <div\n      className={classNames({\n        [`${tabsClassPrefix}__bar`]: true,\n        [`${classPrefix}-is-${tabPosition}`]: true\n      })}\n      style={barStyle}\n    ></div>\n  );\n};\n\nTabBar.displayName = \"TabBar\";\n\nexport default TabBar;\n"],"names":["useResizeObserver","container","callback","enabled","arguments","length","undefined","callbackRef","useLatest","useIsomorphicLayoutEffect","isSupport","canUseDocument","window","ResizeObserver","element","current","observer","resizeCallback","entries","observe","_observer$disconnect","_observer","unobserve","disconnect","call","TabBar","props","tabPosition","activeId","containerRef","navsWrapRef","_useConfig","useConfig","classPrefix","_useState","useState","_useState2","_slicedToArray","barStyle","setBarStyle","tabsClassPrefix","concat","currentActiveIdRef","useRef","useEffect","computeStyle","React","useCallback","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","_containerRef$current","itemsRef","querySelectorAll","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","_defineProperty","transform","itemPropValue","setTimeout","handleMutationObserver","mutations","mutation","type","useMutationObserver","createElement","className","classNames","style","displayName"],"mappings":"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"}
+{"version":3,"file":"TabBar.js","sources":["../../../components/hooks/useResizeObserve.ts","../../../components/tab/TabBar.tsx"],"sourcesContent":["import useIsomorphicLayoutEffect from \"./useLayoutEffect\";\nimport { canUseDocument } from \"../utils/dom\";\nimport useLatest from \"./useLastest\";\n\nexport default function useResizeObserver(\n  container: React.MutableRefObject<HTMLElement | null>,\n  callback: (data: ResizeObserverEntry[]) => void,\n  enabled = true\n) {\n  const callbackRef = useLatest(callback);\n\n  useIsomorphicLayoutEffect(() => {\n    const isSupport = canUseDocument && window.ResizeObserver;\n    const element = container.current;\n    let observer: ResizeObserver = null;\n\n    if (!enabled) return;\n\n    if (isSupport && element) {\n      const resizeCallback: ResizeObserverCallback = (entries) => {\n        callbackRef.current(entries);\n      };\n      observer = new ResizeObserver(resizeCallback);\n      observer.observe(element);\n    }\n\n    return () => {\n      if (observer && element) {\n        observer.unobserve(element);\n        observer.disconnect?.();\n        observer = null;\n      }\n    };\n  }, [container, enabled]);\n}\n","import React, { useEffect, useState, CSSProperties, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport useMutationObserver from \"../hooks/useMutationObserver\";\nimport useResizeObserver from \"../hooks/useResizeObserve\";\ninterface TabBarProps {\n  tabPosition: string;\n  activeId: string | number;\n  containerRef: React.MutableRefObject<HTMLDivElement>;\n  navsWrapRef: React.MutableRefObject<HTMLDivElement>;\n}\n\nconst TabBar: React.FC<TabBarProps> = (props) => {\n  const { tabPosition, activeId, containerRef, navsWrapRef } = props;\n  const { classPrefix } = useConfig();\n  const [barStyle, setBarStyle] = useState<CSSProperties>({});\n  const tabsClassPrefix = `${classPrefix}-tabs`;\n  const currentActiveIdRef = useRef(activeId);\n  useEffect(() => {\n    currentActiveIdRef.current = activeId;\n  }, [activeId]);\n\n  const computeStyle = React.useCallback(() => {\n    const isHorizontal = [\"bottom\", \"top\"].includes(tabPosition);\n    const transformPosition = isHorizontal ? \"translateX\" : \"translateY\";\n    const itemProp = isHorizontal ? \"width\" : \"height\";\n    const barBorderProp = isHorizontal ? \"width\" : \"height\";\n\n    let offset = 0;\n\n    if (containerRef.current) {\n      const itemsRef = containerRef.current?.querySelectorAll<HTMLElement>(`.${tabsClassPrefix}__nav-item`);\n      if (itemsRef.length - 1 >= (currentActiveIdRef.current as number)) {\n        itemsRef.forEach((item, itemIndex) => {\n          if (itemIndex < (currentActiveIdRef.current as number)) {\n            offset += Number(getComputedStyle(item)[itemProp].replace(\"px\", \"\"));\n          }\n        });\n        const computedItem = itemsRef[currentActiveIdRef.current];\n        if (!computedItem) {\n          setBarStyle({ transform: `${transformPosition}(${0}px)`, [barBorderProp]: 0 });\n          return;\n        }\n        const itemPropValue = getComputedStyle(computedItem)[itemProp];\n        setBarStyle({ transform: `${transformPosition}(${offset}px)`, [barBorderProp]: itemPropValue || 0 });\n      }\n    }\n  }, [currentActiveIdRef, containerRef, tabPosition, tabsClassPrefix]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      setTimeout(() => computeStyle());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tabPosition, activeId, containerRef.current]);\n\n  const handleMutationObserver = React.useCallback(\n    (mutations: MutationRecord[]) => {\n      mutations.forEach((mutation) => {\n        if (mutation.type === \"characterData\") {\n          computeStyle();\n        }\n      });\n    },\n    [computeStyle]\n  );\n\n  useMutationObserver(containerRef.current, handleMutationObserver);\n\n  useResizeObserver(navsWrapRef, computeStyle);\n\n  return (\n    <div\n      className={classNames({\n        [`${tabsClassPrefix}__bar`]: true,\n        [`${classPrefix}-is-${tabPosition}`]: true\n      })}\n      style={barStyle}\n    ></div>\n  );\n};\n\nTabBar.displayName = \"TabBar\";\n\nexport default TabBar;\n"],"names":["useResizeObserver","container","callback","enabled","arguments","length","undefined","callbackRef","useLatest","useIsomorphicLayoutEffect","isSupport","canUseDocument","window","ResizeObserver","element","current","observer","resizeCallback","entries","observe","_observer$disconnect","_observer","unobserve","disconnect","call","TabBar","props","tabPosition","activeId","containerRef","navsWrapRef","_useConfig","useConfig","classPrefix","_useState","useState","_useState2","_slicedToArray","barStyle","setBarStyle","tabsClassPrefix","concat","currentActiveIdRef","useRef","useEffect","computeStyle","React","useCallback","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","_containerRef$current","itemsRef","querySelectorAll","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","_defineProperty","transform","itemPropValue","setTimeout","handleMutationObserver","mutations","mutation","type","useMutationObserver","createElement","className","classNames","style","displayName"],"mappings":"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"}

package/es/tab/TabNav.js

@@ -1,19 +1,20 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
-import React, { useRef, useCallback, useState } from 'react';
+import React__default, { useRef, useCallback, useState } from 'react';
 import classNames from 'classnames';
 import { n as noop } from '../_chunks/dep-U1T8CQY9.js';
-import { u as useTabClass } from '../_chunks/dep-Tshfumgl.js';
+import { u as useTabClass } from '../_chunks/dep-DYFbjXzW.js';
 import TabNavItem from './TabNavItem.js';
 import TabBar from './TabBar.js';
 import { omit } from 'lodash-es';
 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';
 import '@tendaui/icons';
-import '../_chunks/dep-ByzdZjUR.js';
-import '../_chunks/dep-CkmtEv0Y.js';
+import '../_chunks/dep-bWaVq_y3.js';
+import '../_chunks/dep-B2D1svZy.js';
 import '../_chunks/dep-BRbJGDI9.js';
 import '../_chunks/dep-DRwijJcv.js';
 
@@ -57,7 +58,7 @@ var TabNav = function TabNav(props) {
     _useState2 = _slicedToArray(_useState, 2),
     activeTab = _useState2[0],
     setActiveTab = _useState2[1];
-  var TabBarCom = /* @__PURE__ */React.createElement(TabBar, {
+  var TabBarCom = /* @__PURE__ */React__default.createElement(TabBar, {
     tabPosition: placement,
     activeId: activeIndex,
     containerRef: navsWrapRef,
@@ -84,19 +85,19 @@ var TabNav = function TabNav(props) {
       e: e
     });
   };
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     ref: navsContainerRef,
     className: classNames(tdTabsClassGenerator("nav")),
     style: {
       minHeight: 48
     }
-  }, /* @__PURE__ */React.createElement("div", {
+  }, /* @__PURE__ */React__default.createElement("div", {
     className: classNames(tdTabsClassGenerator("nav-container"), addable ? tdClassGenerator("is-addable") : "")
-  }, /* @__PURE__ */React.createElement("div", {
+  }, /* @__PURE__ */React__default.createElement("div", {
     className: classNames(tdTabsClassGenerator("nav-wrap"), ["left", "right"].includes(placement) ? tdClassGenerator("is-vertical") : "", tdClassGenerator("is-smooth")),
     ref: navsWrapRef
   }, TabBarCom, itemList.map(function (v, index) {
-    return /* @__PURE__ */React.createElement(TabNavItem, _objectSpread(_objectSpread(_objectSpread({}, omit(props, ["className", "style"])), v), {}, {
+    return /* @__PURE__ */React__default.createElement(TabNavItem, _objectSpread(_objectSpread(_objectSpread({}, omit(props, ["className", "style"])), v), {}, {
       onRemove: v.onRemove,
       key: v.value,
       label: v.label,

package/es/tab/TabNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNav.js","sources":["../../../components/tab/TabNav.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, WheelEvent } from \"react\";\nimport classNames from \"classnames\";\nimport noop from \"../utils/noop\";\nimport { useTabClass } from \"./useTabClass\";\nimport TabNavItem from \"./TabNavItem\";\nimport TabBar from \"./TabBar\";\nimport { omit } from \"lodash-es\";\nimport { TdTabsProps, TdTabPanelProps, TabValue } from \"./type\";\nexport interface TabNavProps extends TdTabsProps {\n  itemList: TdTabPanelProps[];\n  activeValue: TabValue;\n  size?: \"medium\" | \"large\";\n  children?: React.ReactNode;\n}\nconst TabNav: React.FC<TabNavProps> = (props) => {\n  const {\n    placement = \"top\",\n    itemList = [],\n    theme,\n    addable,\n    onAdd,\n    scrollPosition = \"auto\",\n    size = \"medium\",\n    disabled = false,\n    onRemove = noop,\n    onChange = noop,\n    activeValue,\n    children,\n    action\n  } = props;\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n  const navsContainerRef = useRef<HTMLDivElement>(null);\n  const navsWrapRef = useRef<HTMLDivElement>(null);\n  const getIndex = useCallback(\n    (value) => {\n      const index = itemList.findIndex((item) => item.value === value);\n      return index > -1 ? index : -1;\n    },\n    [itemList]\n  );\n\n  const activeIndex = getIndex(activeValue);\n  const [activeTab, setActiveTab] = useState<HTMLElement>(null);\n  const TabBarCom = (\n    <TabBar tabPosition={placement} activeId={activeIndex} containerRef={navsWrapRef} navsWrapRef={navsWrapRef} />\n  );\n  const handleTabItemClick = (clickItem) => {\n    if (activeValue !== clickItem.value) {\n      onChange(clickItem.value);\n    }\n    clickItem?.onClick?.(clickItem.value);\n  };\n  const handleTabItemRemove = (removeItem) => {\n    const { value: removeValue, index: removeIndex } = removeItem;\n    if (removeValue === activeValue) {\n      onChange(removeIndex === 0 ? itemList[removeIndex + 1]?.value : itemList[removeIndex - 1].value);\n    }\n    onRemove(removeItem);\n  };\n  const handleTabAdd = (e) => {\n    onAdd({ e });\n  };\n  return (\n    <div ref={navsContainerRef} className={classNames(tdTabsClassGenerator(\"nav\"))} style={{ minHeight: 48 }}>\n      <div className={classNames(tdTabsClassGenerator(\"nav-container\"), addable ? tdClassGenerator(\"is-addable\") : \"\")}>\n        <div\n          className={classNames(\n            tdTabsClassGenerator(\"nav-wrap\"),\n            [\"left\", \"right\"].includes(placement) ? tdClassGenerator(\"is-vertical\") : \"\",\n            tdClassGenerator(\"is-smooth\")\n          )}\n          ref={navsWrapRef}\n        >\n          {TabBarCom}\n          {itemList.map((v, index) => (\n            <TabNavItem\n              {...omit(props, [\"className\", \"style\"])}\n              {...v}\n              onRemove={v.onRemove}\n              key={v.value}\n              label={v.label}\n              isActive={activeValue === v.value}\n              theme={theme}\n              placement={placement}\n              index={index}\n              disabled={disabled || v.disabled}\n              onClick={() => handleTabItemClick(v)}\n              onTabRemove={handleTabItemRemove}\n              innerRef={(ref) => {\n                if (activeValue === v.value) {\n                  setActiveTab(ref);\n                }\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTabNav.displayName = \"TabNav\";\nexport default TabNav;\n"],"names":["TabNav","props","_props$placement","placement","_props$itemList","itemList","theme","addable","onAdd","_props$scrollPosition","scrollPosition","_props$size","size","_props$disabled","disabled","_props$onRemove","onRemove","noop","_props$onChange","onChange","activeValue","children","action","_useTabClass","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","navsContainerRef","useRef","navsWrapRef","getIndex","useCallback","value","index","findIndex","item","activeIndex","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","TabBarCom","TabBar","tabPosition","activeId","containerRef","handleTabItemClick","clickItem","_clickItem$onClick","onClick","call","handleTabItemRemove","removeItem","removeValue","removeIndex","_itemList","handleTabAdd","e","React","createElement","ref","className","classNames","style","minHeight","includes","map","v","TabNavItem","_objectSpread","omit","key","label","isActive","onTabRemove","innerRef","displayName"],"mappings":"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"}
+{"version":3,"file":"TabNav.js","sources":["../../../components/tab/TabNav.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, WheelEvent } from \"react\";\nimport classNames from \"classnames\";\nimport noop from \"../utils/noop\";\nimport { useTabClass } from \"./useTabClass\";\nimport TabNavItem from \"./TabNavItem\";\nimport TabBar from \"./TabBar\";\nimport { omit } from \"lodash-es\";\nimport { TdTabsProps, TdTabPanelProps, TabValue } from \"./type\";\nexport interface TabNavProps extends TdTabsProps {\n  itemList: TdTabPanelProps[];\n  activeValue: TabValue;\n  size?: \"medium\" | \"large\";\n  children?: React.ReactNode;\n}\nconst TabNav: React.FC<TabNavProps> = (props) => {\n  const {\n    placement = \"top\",\n    itemList = [],\n    theme,\n    addable,\n    onAdd,\n    scrollPosition = \"auto\",\n    size = \"medium\",\n    disabled = false,\n    onRemove = noop,\n    onChange = noop,\n    activeValue,\n    children,\n    action\n  } = props;\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n  const navsContainerRef = useRef<HTMLDivElement>(null);\n  const navsWrapRef = useRef<HTMLDivElement>(null);\n  const getIndex = useCallback(\n    (value) => {\n      const index = itemList.findIndex((item) => item.value === value);\n      return index > -1 ? index : -1;\n    },\n    [itemList]\n  );\n\n  const activeIndex = getIndex(activeValue);\n  const [activeTab, setActiveTab] = useState<HTMLElement>(null);\n  const TabBarCom = (\n    <TabBar tabPosition={placement} activeId={activeIndex} containerRef={navsWrapRef} navsWrapRef={navsWrapRef} />\n  );\n  const handleTabItemClick = (clickItem) => {\n    if (activeValue !== clickItem.value) {\n      onChange(clickItem.value);\n    }\n    clickItem?.onClick?.(clickItem.value);\n  };\n  const handleTabItemRemove = (removeItem) => {\n    const { value: removeValue, index: removeIndex } = removeItem;\n    if (removeValue === activeValue) {\n      onChange(removeIndex === 0 ? itemList[removeIndex + 1]?.value : itemList[removeIndex - 1].value);\n    }\n    onRemove(removeItem);\n  };\n  const handleTabAdd = (e) => {\n    onAdd({ e });\n  };\n  return (\n    <div ref={navsContainerRef} className={classNames(tdTabsClassGenerator(\"nav\"))} style={{ minHeight: 48 }}>\n      <div className={classNames(tdTabsClassGenerator(\"nav-container\"), addable ? tdClassGenerator(\"is-addable\") : \"\")}>\n        <div\n          className={classNames(\n            tdTabsClassGenerator(\"nav-wrap\"),\n            [\"left\", \"right\"].includes(placement) ? tdClassGenerator(\"is-vertical\") : \"\",\n            tdClassGenerator(\"is-smooth\")\n          )}\n          ref={navsWrapRef}\n        >\n          {TabBarCom}\n          {itemList.map((v, index) => (\n            <TabNavItem\n              {...omit(props, [\"className\", \"style\"])}\n              {...v}\n              onRemove={v.onRemove}\n              key={v.value}\n              label={v.label}\n              isActive={activeValue === v.value}\n              theme={theme}\n              placement={placement}\n              index={index}\n              disabled={disabled || v.disabled}\n              onClick={() => handleTabItemClick(v)}\n              onTabRemove={handleTabItemRemove}\n              innerRef={(ref) => {\n                if (activeValue === v.value) {\n                  setActiveTab(ref);\n                }\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTabNav.displayName = \"TabNav\";\nexport default TabNav;\n"],"names":["TabNav","props","_props$placement","placement","_props$itemList","itemList","theme","addable","onAdd","_props$scrollPosition","scrollPosition","_props$size","size","_props$disabled","disabled","_props$onRemove","onRemove","noop","_props$onChange","onChange","activeValue","children","action","_useTabClass","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","navsContainerRef","useRef","navsWrapRef","getIndex","useCallback","value","index","findIndex","item","activeIndex","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","TabBarCom","TabBar","tabPosition","activeId","containerRef","handleTabItemClick","clickItem","_clickItem$onClick","onClick","call","handleTabItemRemove","removeItem","removeValue","removeIndex","_itemList","handleTabAdd","e","React","createElement","ref","className","classNames","style","minHeight","includes","map","v","TabNavItem","_objectSpread","omit","key","label","isActive","onTabRemove","innerRef","displayName"],"mappings":"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"}

package/es/tab/TabNavItem.js

@@ -1,13 +1,14 @@
-import React from 'react';
+import React__default from 'react';
 import classNames from 'classnames';
 import { IconClose } from '@tendaui/icons';
 import { n as noop } from '../_chunks/dep-U1T8CQY9.js';
-import { u as useTabClass } from '../_chunks/dep-Tshfumgl.js';
-import { u as useGlobalIcon } from '../_chunks/dep-ByzdZjUR.js';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import { u as useTabClass } from '../_chunks/dep-DYFbjXzW.js';
+import { u as useGlobalIcon } from '../_chunks/dep-bWaVq_y3.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
 import '../_chunks/dep-Cwish4GD.js';
 import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 
 var TabNavItem = function TabNavItem(props) {
@@ -36,15 +37,15 @@ var TabNavItem = function TabNavItem(props) {
     tdTabsClassGenerator = _useTabClass.tdTabsClassGenerator,
     tdClassGenerator = _useTabClass.tdClassGenerator,
     tdSizeClassGenerator = _useTabClass.tdSizeClassGenerator;
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     ref: innerRef,
     onClick: disabled ? noop : onClick,
     className: classNames(tdTabsClassGenerator("nav-item"), tdSizeClassGenerator(size), isActive ? tdClassGenerator("is-active") : "", tdClassGenerator("is-".concat(placement)), disabled ? tdClassGenerator("is-disabled") : "", props.className)
-  }, /* @__PURE__ */React.createElement("div", {
+  }, /* @__PURE__ */React__default.createElement("div", {
     className: classNames(tdTabsClassGenerator("nav-item-wrapper"))
-  }, /* @__PURE__ */React.createElement("span", {
+  }, /* @__PURE__ */React__default.createElement("span", {
     className: classNames(tdTabsClassGenerator("nav-item-text-wrapper"))
-  }, label)), removable && !disabled ? /* @__PURE__ */React.createElement("span", {
+  }, label)), removable && !disabled ? /* @__PURE__ */React__default.createElement("span", {
     className: classNames("remove-btn"),
     onClick: function onClick(e) {
       e.stopPropagation();
@@ -58,7 +59,7 @@ var TabNavItem = function TabNavItem(props) {
         index: index
       });
     }
-  }, /* @__PURE__ */React.createElement(CloseIcon, null)) : null);
+  }, /* @__PURE__ */React__default.createElement(CloseIcon, null)) : null);
 };
 
 export { TabNavItem as default };