@tendaui/react 1.2.3 → 1.3.0

package/es/switch/_example/controlled.js

@@ -0,0 +1,23 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Switch } from '@tendaui/react';
+
+var ControlledExample = function ControlledExample() {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(Switch, {
+    value: checked,
+    onChange: function onChange(val) {
+      return setChecked(val);
+    }
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#666"
+    }
+  }, "\u5F53\u524D\u72B6\u6001\uFF1A", checked ? "\u5F00\u542F" : "\u5173\u95ED"));
+};
+
+export { ControlledExample as default };
+//# sourceMappingURL=controlled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlled.js","sources":["../../../../components/switch/_example/controlled.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Switch } from \"@tendaui/react\";\n\nconst ControlledExample = () => {\n  const [checked, setChecked] = useState(true);\n  return (\n    <div>\n      <Switch value={checked} onChange={(val) => setChecked(val as boolean)} />\n      <div style={{ color: \"#666\" }}>当前状态：{checked ? \"开启\" : \"关闭\"}</div>\n    </div>\n  );\n};\n\nexport default ControlledExample;\n"],"names":["ControlledExample","_useState","useState","_useState2","_slicedToArray","checked","setChecked","React","createElement","Switch","value","onChange","val","style","color"],"mappings":";;;;AAGA,IAAMA,oBAAoB,SAApBA,oBAA0B;AAC9B,EAAA,IAAAC,SAAA,GAA8BC,SAAS,IAAI,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAACC,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAOL;AAASM,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQN,UAAA,CAAWM,GAAc,CAAA;AAAA,IAAA;GAAG,kBACvEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIK,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAO;KAAG,gCAAA,EAAMT,OAAA,GAAU,cAAA,GAAO,cAAK,CAC7D,CAAA;AAEJ;;;;"}

package/es/switch/_example/custom-value.js

@@ -0,0 +1,50 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Switch } from '@tendaui/react';
+
+var CustomValueExample = function CustomValueExample() {
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    value1 = _useState2[0],
+    setValue1 = _useState2[1];
+  var _useState3 = useState("open"),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value2 = _useState4[0],
+    setValue2 = _useState4[1];
+  return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    customValue: [1, 0],
+    value: value1,
+    onChange: function onChange(val) {
+      return setValue1(val);
+    }
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666"
+    }
+  }, "\u6570\u5B57\u503C: ", String(value1))), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    customValue: ["open", "close"],
+    value: value2,
+    onChange: function onChange(val) {
+      return setValue2(val);
+    }
+  }), /* @__PURE__ */React__default.createElement("span", {
+    style: {
+      color: "#666"
+    }
+  }, "\u5B57\u7B26\u4E32\u503C: ", String(value2))));
+};
+
+export { CustomValueExample as default };
+//# sourceMappingURL=custom-value.js.map

package/es/switch/_example/custom-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-value.js","sources":["../../../../components/switch/_example/custom-value.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Switch } from \"@tendaui/react\";\n\nconst CustomValueExample = () => {\n  const [value1, setValue1] = useState<string | number | boolean>(1);\n  const [value2, setValue2] = useState<string | number | boolean>(\"open\");\n  return (\n    <div>\n      <div style={{ display: \"flex\", alignItems: \"center\", gap: \"16px\" }}>\n        <Switch customValue={[1, 0]} value={value1} onChange={(val) => setValue1(val)} />\n        <span style={{ color: \"#666\" }}>数字值: {String(value1)}</span>\n      </div>\n      <div style={{ display: \"flex\", alignItems: \"center\", gap: \"16px\" }}>\n        <Switch customValue={[\"open\", \"close\"]} value={value2} onChange={(val) => setValue2(val)} />\n        <span style={{ color: \"#666\" }}>字符串值: {String(value2)}</span>\n      </div>\n    </div>\n  );\n};\n\nexport default CustomValueExample;\n"],"names":["CustomValueExample","_useState","useState","_useState2","_slicedToArray","value1","setValue1","_useState3","_useState4","value2","setValue2","React","createElement","style","display","alignItems","gap","Switch","customValue","value","onChange","val","color","String"],"mappings":";;;;AAGA,IAAMA,qBAAqB,SAArBA,qBAA2B;AAC/B,EAAA,IAAAC,SAAA,GAA4BC,SAAoC,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1DI,IAAAA,MAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAQG,IAAAA,SAAS,GAAAH,UAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAAI,UAAA,GAA4BL,SAAoC,MAAM,CAAA;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA/DE,IAAAA,MAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAQE,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AACxB,EAAA,mDACG,KAAA,EAAA,IAAA,iBACCG,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,UAAA,EAAY,QAAA;AAAUC,MAAAA,KAAK;AAAO;AAAA,GAAA,8CAC9DC,MAAA,EAAA;AAAOC,IAAAA,WAAA,EAAa,CAAC,CAAA,EAAG,CAAC,CAAA;AAAGC,IAAAA,KAAA,EAAOd;AAAQe,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQf,SAAA,CAAUe,GAAG,CAAA;AAAA,IAAA;GAAG,CAAA,iBAC/EV,cAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKC,IAAAA,OAAO;AAAES,MAAAA,KAAA,EAAO;AAAO;AAAA,GAAA,EAAG,sBAAA,EAAMC,OAAOlB,MAAM,CAAE,CACvD,CAAA,8CACC,KAAA,EAAA;AAAIQ,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,UAAA,EAAY,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;oBAC/DL,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AAAOC,IAAAA,aAAa,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAGC,IAAAA,KAAA,EAAOV,MAAA;AAAQW,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQX,SAAA,CAAUW,GAAG,CAAA;AAAA,IAAA;GAAG,CAAA,8CACzF,MAAA,EAAA;AAAKR,IAAAA,KAAA,EAAO;AAAES,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,4BAAA,EAAOC,OAAOd,MAAM,CAAE,CACxD,CACF,CAAA;AAEJ;;;;"}

package/es/switch/_example/default.js

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { Switch } from '@tendaui/react';
+
+var DefaultExample = function DefaultExample() {
+  return /* @__PURE__ */React__default.createElement(Switch, {
+    defaultValue: true
+  });
+};
+
+export { DefaultExample as default };
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../components/switch/_example/default.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@tendaui/react\";\n\nconst DefaultExample = () => <Switch defaultValue={true} />;\n\nexport default DefaultExample;\n"],"names":["DefaultExample","React","createElement","Switch","defaultValue"],"mappings":";;;AAGA,IAAMA,cAAA,GAAiB,SAAjBA,cAAAA,GAAA;AAAA,EAAA,sBAAuBC,cAAA,CAAAC,aAAA,CAACC,MAAA,EAAA;AAAOC,IAAAA,cAAc;AAAA,GAAM,CAAA;AAAA;;;;"}

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,