@tendaui/react 1.2.4 → 1.3.1

package/es/ip-input/_example/full-featured.js

@@ -0,0 +1,48 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { I as IPInput } from '../../_chunks/dep-BZdpKjaa.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import 'lodash-es';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../style/css.js';
+
+var FullFeaturedExample = function FullFeaturedExample() {
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(IPInput, {
+    value: value,
+    onChange: setValue,
+    allowIPv6: true,
+    allowCIDR: true,
+    showClear: true,
+    placeholder: "\u8F93\u5165 IPv4 \u6216 IPv6 \u5730\u5740",
+    tips: "\u652F\u6301 IPv4\u3001IPv6 \u548C CIDR \u683C\u5F0F"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      padding: "12px",
+      background: "#f5f5f5",
+      borderRadius: "4px",
+      fontSize: "12px"
+    }
+  }, /* @__PURE__ */React__default.createElement("strong", null, "\u5F53\u524D\u503C\uFF1A"), value || "(\u7A7A)"));
+};
+
+export { FullFeaturedExample as default };
+//# sourceMappingURL=full-featured.js.map

package/es/ip-input/_example/full-featured.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-featured.js","sources":["../../../../components/ip-input/_example/full-featured.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport IPInput from \"../IPInput\";\n\nconst FullFeaturedExample = () => {\n  const [value, setValue] = useState(\"\");\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <IPInput\n        value={value}\n        onChange={setValue}\n        allowIPv6={true}\n        allowCIDR={true}\n        showClear={true}\n        placeholder=\"输入 IPv4 或 IPv6 地址\"\n        tips=\"支持 IPv4、IPv6 和 CIDR 格式\"\n      />\n      <div\n        style={{\n          padding: \"12px\",\n          background: \"#f5f5f5\",\n          borderRadius: \"4px\",\n          fontSize: \"12px\"\n        }}\n      >\n        <strong>当前值：</strong>\n        {value || \"(空)\"}\n      </div>\n    </div>\n  );\n};\n\nexport default FullFeaturedExample;"],"names":["FullFeaturedExample","_useState","useState","_useState2","_slicedToArray","value","setValue","React","createElement","style","display","flexDirection","gap","IPInput","onChange","allowIPv6","allowCIDR","showClear","placeholder","tips","padding","background","borderRadius","fontSize"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,sBAAsB,SAAtBA,sBAA4B;AAChC,EAAA,IAAAC,SAAA,GAA0BC,SAAS,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9BI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA;AACtB,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAACK,OAAA,EAAA;AACCR,IAAAA,KAAA,EAAAA,KAAA;AACAS,IAAAA,QAAA,EAAUR,QAAA;AACVS,IAAAA,SAAA,EAAW,IAAA;AACXC,IAAAA,SAAA,EAAW,IAAA;AACXC,IAAAA,SAAA,EAAW,IAAA;AACXC,IAAAA,WAAA,EAAY,4CAAA;AACZC,IAAAA,IAAA,EAAK;GACP,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AACCC,IAAAA,KAAA,EAAO;AACLW,MAAAA,OAAA,EAAS,MAAA;AACTC,MAAAA,UAAA,EAAY,SAAA;AACZC,MAAAA,YAAA,EAAc,KAAA;AACdC,MAAAA,QAAA,EAAU;AACZ;AAAA,GAAA,iBAEAhB,cAAA,CAAAC,aAAA,CAAC,gBAAO,0BAAI,CAAA,EACXH,KAAA,IAAS,UACZ,CACF,CAAA;AAEJ;;;;"}

package/es/ip-input/_example/ipv6.js

@@ -0,0 +1,47 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { I as IPInput } from '../../_chunks/dep-BZdpKjaa.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import 'lodash-es';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../style/css.js';
+
+var IPv6Example = function IPv6Example() {
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(IPInput, {
+    value: value,
+    onChange: function onChange(val) {
+      setValue(val);
+      console.log("\u503C:", val);
+    },
+    allowIPv6: true,
+    allowCIDR: true,
+    placeholder: "2001:db8::1"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5F53\u524D\u503C: ", value || "(\u7A7A)"));
+};
+
+export { IPv6Example as default };
+//# sourceMappingURL=ipv6.js.map

package/es/ip-input/_example/ipv6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ipv6.js","sources":["../../../../components/ip-input/_example/ipv6.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport IPInput from \"../IPInput\";\n\nconst IPv6Example = () => {\n  const [value, setValue] = useState(\"\");\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <IPInput\n        value={value}\n        onChange={(val) => {\n          setValue(val);\n          console.log(\"值:\", val);\n        }}\n        allowIPv6={true}\n        allowCIDR={true}\n        placeholder=\"2001:db8::1\"\n      />\n      <div style={{ color: \"#666\", fontSize: \"12px\" }}>当前值: {value || \"(空)\"}</div>\n    </div>\n  );\n};\n\nexport default IPv6Example;"],"names":["IPv6Example","_useState","useState","_useState2","_slicedToArray","value","setValue","React","createElement","style","display","flexDirection","gap","IPInput","onChange","val","console","log","allowIPv6","allowCIDR","placeholder","color","fontSize"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,cAAc,SAAdA,cAAoB;AACxB,EAAA,IAAAC,SAAA,GAA0BC,SAAS,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9BI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA;AACtB,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAACK,OAAA,EAAA;AACCR,IAAAA,KAAA,EAAAA,KAAA;AACAS,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAQ;MACjBT,QAAA,CAASS,GAAG,CAAA;AACZC,MAAAA,OAAA,CAAQC,GAAA,CAAI,WAAMF,GAAG,CAAA;IACvB,CAAA;AACAG,IAAAA,SAAA,EAAW,IAAA;AACXC,IAAAA,SAAA,EAAW,IAAA;AACXC,IAAAA,WAAA,EAAY;GACd,CAAA,iBACAb,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;AAAA,GAAA,EAAG,sBAAA,EAAMjB,KAAA,IAAS,UAAM,CACxE,CAAA;AAEJ;;;;"}

package/es/ip-input/_example/keyboard-navigation.js

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import { I as IPInput } from '../../_chunks/dep-BZdpKjaa.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import 'lodash-es';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../style/css.js';
+
+var KeyboardNavigationExample = function KeyboardNavigationExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, /* @__PURE__ */React__default.createElement("p", {
+    style: {
+      fontWeight: "bold"
+    }
+  }, "\u952E\u76D8\u64CD\u4F5C\u8BF4\u660E\uFF1A"), /* @__PURE__ */React__default.createElement("ul", {
+    style: {
+      margin: "8px 0",
+      paddingLeft: "20px"
+    }
+  }, /* @__PURE__ */React__default.createElement("li", null, "\u8F93\u5165 3 \u4F4D\u6570\u5B57\u81EA\u52A8\u8DF3\u8F6C\u5230\u4E0B\u4E00\u6BB5"), /* @__PURE__ */React__default.createElement("li", null, "\u8F93\u5165 . \u6216\u7A7A\u683C\u8DF3\u8F6C\u5230\u4E0B\u4E00\u6BB5"), /* @__PURE__ */React__default.createElement("li", null, "\u5DE6/\u53F3\u7BAD\u5934\u952E\u5728\u6BB5\u4E4B\u95F4\u79FB\u52A8"), /* @__PURE__ */React__default.createElement("li", null, "\u5728\u6BB5\u5F00\u5934\u6309 Backspace \u8DF3\u8F6C\u5230\u4E0A\u4E00\u6BB5"))), /* @__PURE__ */React__default.createElement(IPInput, {
+    placeholder: "192.168.0.1",
+    autoFocus: true
+  }));
+};
+
+export { KeyboardNavigationExample as default };
+//# sourceMappingURL=keyboard-navigation.js.map

package/es/ip-input/_example/keyboard-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-navigation.js","sources":["../../../../components/ip-input/_example/keyboard-navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport IPInput from \"../IPInput\";\n\nconst KeyboardNavigationExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <div style={{ color: \"#666\", fontSize: \"12px\" }}>\n      <p style={{ fontWeight: \"bold\" }}>键盘操作说明：</p>\n      <ul style={{ margin: \"8px 0\", paddingLeft: \"20px\" }}>\n        <li>输入 3 位数字自动跳转到下一段</li>\n        <li>输入 . 或空格跳转到下一段</li>\n        <li>左/右箭头键在段之间移动</li>\n        <li>在段开头按 Backspace 跳转到上一段</li>\n      </ul>\n    </div>\n    <IPInput placeholder=\"192.168.0.1\" autoFocus />\n  </div>\n);\n\nexport default KeyboardNavigationExample;"],"names":["KeyboardNavigationExample","React","createElement","style","display","flexDirection","gap","color","fontSize","fontWeight","margin","paddingLeft","IPInput","placeholder","autoFocus"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,yBAAA,GAA4B,SAA5BA,yBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;oBAClEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;AAAA,GAAA,iBAC5CP,cAAA,CAAAC,aAAA,CAAC,GAAA,EAAA;AAAEC,IAAAA,KAAA,EAAO;AAAEM,MAAAA,UAAA,EAAY;AAAO;GAAA,EAAG,4CAAO,CAAA,iBACzCR,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA;AAAGC,IAAAA,KAAA,EAAO;AAAEO,MAAAA,MAAA,EAAQ,OAAA;AAASC,MAAAA,WAAA,EAAa;AAAO;GAAA,iBAChDV,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA,IAAA,EAAG,mFAAgB,CAAA,iBACpBD,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA,IAAA,EAAG,uEAAc,CAAA,iBAClBD,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA,IAAA,EAAG,qEAAY,CAAA,iBAChBD,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA,IAAA,EAAG,+EAAsB,CAC5B,CACF,CAAA,iBACAD,cAAA,CAAAC,aAAA,CAACU,OAAA,EAAA;AAAQC,IAAAA,WAAA,EAAY,aAAA;AAAcC,IAAAA,SAAA,EAAS;GAAC,CAC/C,CAAA;AAAA;;;;"}

package/es/ip-input/_example/paste-demo.js

@@ -0,0 +1,54 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { I as IPInput } from '../../_chunks/dep-BZdpKjaa.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import 'lodash-es';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../style/css.js';
+
+var PasteDemoExample = function PasteDemoExample() {
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5C1D\u8BD5\u7C98\u8D34\u4EE5\u4E0B\u5185\u5BB9\uFF1A", /* @__PURE__ */React__default.createElement("ul", {
+    style: {
+      margin: "8px 0",
+      paddingLeft: "20px"
+    }
+  }, /* @__PURE__ */React__default.createElement("li", null, "192.168.0.1"), /* @__PURE__ */React__default.createElement("li", null, "192.168.0.1/24"), /* @__PURE__ */React__default.createElement("li", null, "abc 10.0.0.1 xyz\uFF08\u4F1A\u81EA\u52A8\u63D0\u53D6 IP\uFF09"), /* @__PURE__ */React__default.createElement("li", null, "2001:db8::1\uFF08\u9700\u8981\u5F00\u542F IPv6\uFF09"))), /* @__PURE__ */React__default.createElement(IPInput, {
+    value: value,
+    onChange: setValue,
+    allowCIDR: true,
+    allowIPv6: true,
+    showClear: true
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5F53\u524D\u503C: ", value || "(\u7A7A)"));
+};
+
+export { PasteDemoExample as default };
+//# sourceMappingURL=paste-demo.js.map

package/es/ip-input/_example/paste-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste-demo.js","sources":["../../../../components/ip-input/_example/paste-demo.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport IPInput from \"../IPInput\";\n\nconst PasteDemoExample = () => {\n  const [value, setValue] = useState(\"\");\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <div style={{ color: \"#666\", fontSize: \"12px\" }}>\n        尝试粘贴以下内容：\n        <ul style={{ margin: \"8px 0\", paddingLeft: \"20px\" }}>\n          <li>192.168.0.1</li>\n          <li>192.168.0.1/24</li>\n          <li>abc 10.0.0.1 xyz（会自动提取 IP）</li>\n          <li>2001:db8::1（需要开启 IPv6）</li>\n        </ul>\n      </div>\n      <IPInput value={value} onChange={setValue} allowCIDR={true} allowIPv6={true} showClear={true} />\n      <div style={{ color: \"#666\", fontSize: \"12px\" }}>当前值: {value || \"(空)\"}</div>\n    </div>\n  );\n};\n\nexport default PasteDemoExample;\n"],"names":["PasteDemoExample","_useState","useState","_useState2","_slicedToArray","value","setValue","React","createElement","style","display","flexDirection","gap","color","fontSize","margin","paddingLeft","IPInput","onChange","allowCIDR","allowIPv6","showClear"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,mBAAmB,SAAnBA,mBAAyB;AAC7B,EAAA,IAAAC,SAAA,GAA0BC,SAAS,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9BI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA;AACtB,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,wDAAA,iBAE/CP,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA;AAAGC,IAAAA,OAAO;AAAEM,MAAAA,MAAA,EAAQ,OAAA;AAASC,MAAAA,WAAA,EAAa;AAAO;GAAA,iBAChDT,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA,IAAA,EAAG,aAAW,kBACfD,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA,IAAA,EAAG,gBAAc,CAAA,iBAClBD,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA,IAAA,EAAG,+DAA0B,CAAA,8CAC7B,IAAA,EAAA,IAAA,EAAG,sDAAsB,CAC5B,CACF,kBACAD,cAAA,CAAAC,aAAA,CAACS,OAAA,EAAA;AAAQZ,IAAAA,KAAA,EAAAA,KAAA;AAAca,IAAAA,QAAA,EAAUZ;AAAUa,IAAAA,SAAA,EAAW,IAAA;AAAMC,IAAAA,SAAA,EAAW,IAAA;AAAMC,IAAAA,SAAA,EAAW;GAAM,CAAA,iBAC9Fd,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,UAAU;AAAO;AAAA,GAAA,EAAG,sBAAA,EAAMT,KAAA,IAAS,UAAM,CACxE,CAAA;AAEJ;;;;"}

package/es/ip-input/_example/states.js

@@ -0,0 +1,52 @@
+import React__default from 'react';
+import { I as IPInput } from '../../_chunks/dep-BZdpKjaa.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import 'lodash-es';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../style/css.js';
+
+var StatesExample = function StatesExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u6B63\u5E38\u72B6\u6001"), /* @__PURE__ */React__default.createElement(IPInput, {
+    defaultValue: "192.168.0.1"
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u7981\u7528\u72B6\u6001"), /* @__PURE__ */React__default.createElement(IPInput, {
+    defaultValue: "192.168.0.1",
+    disabled: true
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u53EA\u8BFB\u72B6\u6001"), /* @__PURE__ */React__default.createElement(IPInput, {
+    defaultValue: "192.168.0.1",
+    readOnly: true
+  })));
+};
+
+export { StatesExample as default };
+//# sourceMappingURL=states.js.map

package/es/ip-input/_example/states.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.js","sources":["../../../../components/ip-input/_example/states.tsx"],"sourcesContent":["import React from \"react\";\nimport IPInput from \"../IPInput\";\n\nconst StatesExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>正常状态</div>\n      <IPInput defaultValue=\"192.168.0.1\" />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>禁用状态</div>\n      <IPInput defaultValue=\"192.168.0.1\" disabled />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>只读状态</div>\n      <IPInput defaultValue=\"192.168.0.1\" readOnly />\n    </div>\n  </div>\n);\n\nexport default StatesExample;"],"names":["StatesExample","React","createElement","style","display","flexDirection","gap","marginBottom","color","IPInput","defaultValue","disabled","readOnly"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,aAAA,GAAgB,SAAhBA,aAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,4BACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;KAAG,0BAAI,CAAA,iBACxDP,cAAA,CAAAC,aAAA,CAACO,OAAA,EAAA;AAAQC,IAAAA,cAAa;AAAA,GAAc,CACtC,CAAA,iBACAT,cAAA,CAAAC,aAAA,CAAC,4BACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;KAAG,0BAAI,CAAA,iBACxDP,cAAA,CAAAC,aAAA,CAACO,OAAA,EAAA;AAAQC,IAAAA,cAAa,aAAA;AAAcC,IAAAA,QAAA,EAAQ;AAAA,GAAC,CAC/C,kBACAV,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,0BAAI,CAAA,iBACxDP,cAAA,CAAAC,aAAA,CAACO;AAAQC,IAAAA,YAAA,EAAa,aAAA;AAAcE,IAAAA,QAAA,EAAQ;GAAC,CAC/C,CACF,CAAA;AAAA;;;;"}

package/es/ip-input/_example/with-cidr.js

@@ -0,0 +1,47 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { I as IPInput } from '../../_chunks/dep-BZdpKjaa.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-grkSd2UB.js';
+import 'lodash-es';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../style/css.js';
+
+var WithCIDRExample = function WithCIDRExample() {
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(IPInput, {
+    value: value,
+    onChange: function onChange(val) {
+      setValue(val);
+      console.log("\u503C:", val);
+    },
+    allowCIDR: true,
+    showClear: true,
+    placeholder: "192.168.0.1/24"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5F53\u524D\u503C: ", value || "(\u7A7A)"));
+};
+
+export { WithCIDRExample as default };
+//# sourceMappingURL=with-cidr.js.map

package/es/ip-input/_example/with-cidr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-cidr.js","sources":["../../../../components/ip-input/_example/with-cidr.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport IPInput from \"../IPInput\";\n\nconst WithCIDRExample = () => {\n  const [value, setValue] = useState(\"\");\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <IPInput\n        value={value}\n        onChange={(val) => {\n          setValue(val);\n          console.log(\"值:\", val);\n        }}\n        allowCIDR={true}\n        showClear={true}\n        placeholder=\"192.168.0.1/24\"\n      />\n      <div style={{ color: \"#666\", fontSize: \"12px\" }}>当前值: {value || \"(空)\"}</div>\n    </div>\n  );\n};\n\nexport default WithCIDRExample;"],"names":["WithCIDRExample","_useState","useState","_useState2","_slicedToArray","value","setValue","React","createElement","style","display","flexDirection","gap","IPInput","onChange","val","console","log","allowCIDR","showClear","placeholder","color","fontSize"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAMA,kBAAkB,SAAlBA,kBAAwB;AAC5B,EAAA,IAAAC,SAAA,GAA0BC,SAAS,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9BI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA;AACtB,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAACK,OAAA,EAAA;AACCR,IAAAA,KAAA,EAAAA,KAAA;AACAS,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAQ;MACjBT,QAAA,CAASS,GAAG,CAAA;AACZC,MAAAA,OAAA,CAAQC,GAAA,CAAI,WAAMF,GAAG,CAAA;IACvB,CAAA;AACAG,IAAAA,SAAA,EAAW,IAAA;AACXC,IAAAA,SAAA,EAAW,IAAA;AACXC,IAAAA,WAAA,EAAY;GACd,CAAA,iBACAb,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;AAAA,GAAA,EAAG,sBAAA,EAAMjB,KAAA,IAAS,UAAM,CACxE,CAAA;AAEJ;;;;"}

package/es/ip-input/index.js

@@ -1,4 +1,4 @@
-export { I as IPInput, e as extractIPFromText, b as isValidCIDRMask, a as isValidIPv4, i as isValidIPv4Segment, c as isValidIPv6, p as parseIPv4ToSegments, s as segmentsToIPv4 } from '../_chunks/dep-D68MD94M.js';
+export { I as IPInput, e as extractIPFromText, b as isValidCIDRMask, a as isValidIPv4, i as isValidIPv4Segment, c as isValidIPv6, p as parseIPv4ToSegments, s as segmentsToIPv4 } from '../_chunks/dep-BZdpKjaa.js';
 import '../_chunks/dep-Cwish4GD.js';
 import '../_chunks/dep-D-UKOauR.js';
 import '../_chunks/dep-CgyDw_YI.js';
@@ -7,10 +7,11 @@ import 'react';
 import 'classnames';
 import '@tendaui/icons';
 import '../_chunks/dep-DGvfel3I.js';
-import '../_chunks/dep-DwWrhxkd.js';
+import '../_chunks/dep-grkSd2UB.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 './style/css.js';
 //# sourceMappingURL=index.js.map

package/es/ip-input/index.js.map

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

package/es/layout/Aside.js

@@ -1,11 +1,12 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
-import React from 'react';
+import React__default from 'react';
 import classNames from 'classnames';
-import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.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';
 
 var _excluded = ["width", "className", "style", "children"];
@@ -30,7 +31,7 @@ var Aside = function Aside(props) {
     minWidth: asideWidth,
     flex: "0 0 ".concat(asideWidth)
   }, style);
-  return /* @__PURE__ */React.createElement("aside", _objectSpread({
+  return /* @__PURE__ */React__default.createElement("aside", _objectSpread({
     className: asideClassNames,
     style: asideStyle
   }, otherAsideProps), children);

package/es/layout/Aside.js.map

@@ -1 +1 @@
-{"version":3,"file":"Aside.js","sources":["../../../components/layout/Aside.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdAsideProps } from \"./type\";\nimport { StyledProps } from \"../common\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nexport interface AsideProps extends TdAsideProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\nconst Aside: React.FC<AsideProps> = (props) => {\n  const { width, className, style, children, ...otherAsideProps } = useDefaultProps(props, { width: \"232px\" });\n\n  const { classPrefix } = useConfig();\n  const asideClassNames = classNames(`${classPrefix}-layout__sider`, className);\n  const asideWidth: string = typeof width === \"number\" ? `${width}px` : width;\n\n  const asideStyle: React.CSSProperties = {\n    width: asideWidth,\n    maxWidth: asideWidth,\n    minWidth: asideWidth,\n    flex: `0 0 ${asideWidth}`,\n    ...style\n  };\n\n  return (\n    <aside className={asideClassNames} style={asideStyle} {...otherAsideProps}>\n      {children}\n    </aside>\n  );\n};\n\nAside.displayName = \"Aside\";\n\nexport default Aside;\n"],"names":["Aside","props","_useDefaultProps","useDefaultProps","width","className","style","children","otherAsideProps","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","asideClassNames","classNames","concat","asideWidth","asideStyle","_objectSpread","maxWidth","minWidth","flex","React","createElement","displayName"],"mappings":";;;;;;;;;;;;;AAaA,IAAMA,KAAA,GAA8B,SAA9BA,KAAAA,CAA+BC,KAAA,EAAU;AAC7C,EAAA,IAAAC,gBAAA,GAAkEC,eAAA,CAAgBF,KAAA,EAAO;AAAEG,MAAAA,KAAA,EAAO;AAAQ,KAAC,CAAA;IAAnGA,KAAA,GAAAF,gBAAA,CAAAE,KAAA;IAAOC,SAAA,GAAAH,gBAAA,CAAAG,SAAA;IAAWC,KAAA,GAAAJ,gBAAA,CAAAI,KAAA;IAAOC,QAAA,GAAAL,gBAAA,CAAAK,QAAA;AAAaC,IAAAA,eAAA,GAAAC,wBAAA,CAAAP,gBAAA,EAAAQ,SAAA,CAAA;AAE9C,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;EACR,IAAMC,eAAA,GAAkBC,UAAA,CAAA,EAAA,CAAAC,MAAA,CAAcH,WAAW,EAAA,gBAAA,CAAA,EAAkBR,SAAS,CAAA;EAC5E,IAAMY,aAAqB,OAAOb,KAAA,KAAU,QAAA,GAAA,EAAA,CAAAY,MAAA,CAAcZ,KAAK,EAAA,IAAA,CAAA,GAAOA,KAAA;EAEtE,IAAMc,UAAA,GAAAC,aAAA,CAAA;AACJf,IAAAA,KAAA,EAAOa,UAAA;AACPG,IAAAA,QAAA,EAAUH,UAAA;AACVI,IAAAA,QAAA,EAAUJ,UAAA;IACVK,IAAA,EAAA,MAAA,CAAAN,MAAA,CAAaC,UAAU;AAAA,GAAA,EACpBX,KAAA,CACL;AAEA,EAAA,sBACEiB,KAAA,CAAAC,aAAA,CAAC;AAAMnB,IAAAA,SAAA,EAAWS,eAAA;AAAiBR,IAAAA,OAAOY;GAAA,EAAgBV,kBACvDD,QACH,CAAA;AAEJ;AAEAP,KAAA,CAAMyB,WAAA,GAAc,OAAA;;;;"}
+{"version":3,"file":"Aside.js","sources":["../../../components/layout/Aside.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdAsideProps } from \"./type\";\nimport { StyledProps } from \"../common\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nexport interface AsideProps extends TdAsideProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\nconst Aside: React.FC<AsideProps> = (props) => {\n  const { width, className, style, children, ...otherAsideProps } = useDefaultProps(props, { width: \"232px\" });\n\n  const { classPrefix } = useConfig();\n  const asideClassNames = classNames(`${classPrefix}-layout__sider`, className);\n  const asideWidth: string = typeof width === \"number\" ? `${width}px` : width;\n\n  const asideStyle: React.CSSProperties = {\n    width: asideWidth,\n    maxWidth: asideWidth,\n    minWidth: asideWidth,\n    flex: `0 0 ${asideWidth}`,\n    ...style\n  };\n\n  return (\n    <aside className={asideClassNames} style={asideStyle} {...otherAsideProps}>\n      {children}\n    </aside>\n  );\n};\n\nAside.displayName = \"Aside\";\n\nexport default Aside;\n"],"names":["Aside","props","_useDefaultProps","useDefaultProps","width","className","style","children","otherAsideProps","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","asideClassNames","classNames","concat","asideWidth","asideStyle","_objectSpread","maxWidth","minWidth","flex","React","createElement","displayName"],"mappings":";;;;;;;;;;;;;;AAaA,IAAMA,KAAA,GAA8B,SAA9BA,KAAAA,CAA+BC,KAAA,EAAU;AAC7C,EAAA,IAAAC,gBAAA,GAAkEC,eAAA,CAAgBF,KAAA,EAAO;AAAEG,MAAAA,KAAA,EAAO;AAAQ,KAAC,CAAA;IAAnGA,KAAA,GAAAF,gBAAA,CAAAE,KAAA;IAAOC,SAAA,GAAAH,gBAAA,CAAAG,SAAA;IAAWC,KAAA,GAAAJ,gBAAA,CAAAI,KAAA;IAAOC,QAAA,GAAAL,gBAAA,CAAAK,QAAA;AAAaC,IAAAA,eAAA,GAAAC,wBAAA,CAAAP,gBAAA,EAAAQ,SAAA,CAAA;AAE9C,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;EACR,IAAMC,eAAA,GAAkBC,UAAA,CAAA,EAAA,CAAAC,MAAA,CAAcH,WAAW,EAAA,gBAAA,CAAA,EAAkBR,SAAS,CAAA;EAC5E,IAAMY,aAAqB,OAAOb,KAAA,KAAU,QAAA,GAAA,EAAA,CAAAY,MAAA,CAAcZ,KAAK,EAAA,IAAA,CAAA,GAAOA,KAAA;EAEtE,IAAMc,UAAA,GAAAC,aAAA,CAAA;AACJf,IAAAA,KAAA,EAAOa,UAAA;AACPG,IAAAA,QAAA,EAAUH,UAAA;AACVI,IAAAA,QAAA,EAAUJ,UAAA;IACVK,IAAA,EAAA,MAAA,CAAAN,MAAA,CAAaC,UAAU;AAAA,GAAA,EACpBX,KAAA,CACL;AAEA,EAAA,sBACEiB,cAAA,CAAAC,aAAA,CAAC;AAAMnB,IAAAA,SAAA,EAAWS,eAAA;AAAiBR,IAAAA,OAAOY;GAAA,EAAgBV,kBACvDD,QACH,CAAA;AAEJ;AAEAP,KAAA,CAAMyB,WAAA,GAAc,OAAA;;;;"}

package/es/layout/Layout.js

@@ -1,12 +1,13 @@
 import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
-import React, { useMemo } from 'react';
+import React__default, { useMemo } from 'react';
 import classNames from 'classnames';
-import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
 import Aside from './Aside.js';
-import { p as parseTNode } from '../_chunks/dep-D6YxJv-F.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import { p as parseTNode } from '../_chunks/dep-spxR0DG0.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import '../_chunks/dep-DGvfel3I.js';
 import 'lodash-es';
@@ -28,7 +29,7 @@ var Header = function Header(props) {
     others = _objectWithoutProperties(props, _excluded);
   var renderHeight = isNaN(Number(height)) ? height : "".concat(height, "px");
   var headerClassNames = classNames("".concat(classPrefix, "-layout__header"), className);
-  return /* @__PURE__ */React.createElement("header", _objectSpread({
+  return /* @__PURE__ */React__default.createElement("header", _objectSpread({
     className: headerClassNames,
     style: _objectSpread({
       height: renderHeight
@@ -46,7 +47,7 @@ var Footer = function Footer(props) {
     others = _objectWithoutProperties(props, _excluded2);
   var renderHeight = isNaN(Number(height)) ? height : "".concat(height, "px");
   var footerClassNames = classNames("".concat(classPrefix, "-layout__footer"), className);
-  return /* @__PURE__ */React.createElement("footer", _objectSpread({
+  return /* @__PURE__ */React__default.createElement("footer", _objectSpread({
     className: footerClassNames,
     style: _objectSpread({
       height: renderHeight
@@ -62,7 +63,7 @@ var Content = function Content(props) {
     content = props.content,
     others = _objectWithoutProperties(props, _excluded3);
   var contentClassNames = classNames("".concat(classPrefix, "-layout__content"), className);
-  return /* @__PURE__ */React.createElement("main", _objectSpread({
+  return /* @__PURE__ */React__default.createElement("main", _objectSpread({
     className: contentClassNames,
     style: style
   }, others), parseTNode(content) || parseTNode(children));
@@ -75,7 +76,7 @@ var Layout = function Layout(props) {
     otherLayoutProps = _objectWithoutProperties(props, _excluded4);
   var shouldAsides = useMemo(function () {
     var asides = [];
-    React.Children.forEach(children, function (child) {
+    React__default.Children.forEach(children, function (child) {
       if (!child || _typeof(child) !== "object") {
         return;
       }
@@ -88,7 +89,7 @@ var Layout = function Layout(props) {
   var _useConfig4 = useConfig(),
     classPrefix = _useConfig4.classPrefix;
   var layoutClassNames = classNames("".concat(classPrefix, "-layout"), _defineProperty(_defineProperty({}, "".concat(classPrefix, "-layout--with-sider"), shouldAsides), "".concat(classPrefix, "-layout__direction-").concat(direction), direction), className);
-  return /* @__PURE__ */React.createElement("div", _objectSpread({
+  return /* @__PURE__ */React__default.createElement("div", _objectSpread({
     className: layoutClassNames,
     style: style
   }, otherLayoutProps), parseTNode(children));

package/es/layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../../components/layout/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport { TdLayoutProps, TdHeaderProps, TdFooterProps } from \"./type\";\nimport { useMemo } from \"react\";\nimport Aside from \"./Aside\";\nimport parseTNode from \"../utils/parseTNode\";\nexport interface LayoutProps extends TdLayoutProps, StyledProps, React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\nexport interface HeaderProps extends TdHeaderProps, StyledProps, React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\nexport interface ContentProps extends StyledProps, React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\nexport interface FooterProps extends TdFooterProps, StyledProps, React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\nconst Header: React.FC<HeaderProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { className, style = {}, children, height, ...others } = props;\n  const renderHeight = isNaN(Number(height)) ? height : `${height}px`;\n  const headerClassNames = classNames(`${classPrefix}-layout__header`, className);\n  return (\n    <header className={headerClassNames} style={{ height: renderHeight, ...style }} {...others}>\n      {parseTNode(children)}\n    </header>\n  );\n};\n\nconst Footer: React.FC<FooterProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { className, style = {}, children, height, ...others } = props;\n  const renderHeight = isNaN(Number(height)) ? height : `${height}px`;\n  const footerClassNames = classNames(`${classPrefix}-layout__footer`, className);\n  return (\n    <footer className={footerClassNames} style={{ height: renderHeight, ...style }} {...others}>\n      {parseTNode(children)}\n    </footer>\n  );\n};\nconst Content: React.FC<ContentProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { className, style, children, content, ...others } = props;\n  const contentClassNames = classNames(`${classPrefix}-layout__content`, className);\n  return (\n    <main className={contentClassNames} style={style} {...others}>\n      {parseTNode(content) || parseTNode(children)}\n    </main>\n  );\n};\n\nconst Layout: React.FC<LayoutProps> & {\n  Header: typeof Header;\n  Content: typeof Content;\n  Footer: typeof Footer;\n  Aside: typeof Aside;\n} = (props) => {\n  const { direction, className, style, children, ...otherLayoutProps } = props;\n\n  const shouldAsides = useMemo(() => {\n    const asides: React.ReactElement[] = [];\n    React.Children.forEach(children, (child: React.ReactElement) => {\n      if (!child || typeof child !== \"object\") {\n        return;\n      }\n      if (child.type === Aside) {\n        asides.push(child);\n      }\n    });\n    return !!asides.length;\n  }, [children]);\n\n  const { classPrefix } = useConfig();\n  const layoutClassNames = classNames(\n    `${classPrefix}-layout`,\n    {\n      [`${classPrefix}-layout--with-sider`]: shouldAsides,\n      [`${classPrefix}-layout__direction-${direction}`]: direction\n    },\n    className\n  );\n\n  return (\n    <div className={layoutClassNames} style={style} {...otherLayoutProps}>\n      {parseTNode(children)}\n    </div>\n  );\n};\n\nLayout.Header = Header;\nLayout.Content = Content;\nLayout.Footer = Footer;\nLayout.Aside = Aside;\n\nHeader.displayName = \"Header\";\nContent.displayName = \"Content\";\nFooter.displayName = \"Footer\";\nLayout.displayName = \"Layout\";\n\nexport default Layout;\n"],"names":["Header","props","_useConfig","useConfig","classPrefix","className","style","_props$style","children","height","others","_objectWithoutProperties","_excluded","renderHeight","isNaN","Number","concat","headerClassNames","classNames","React","createElement","_objectSpread","parseTNode","Footer","_useConfig2","_props$style2","_excluded2","footerClassNames","Content","_useConfig3","content","_excluded3","contentClassNames","Layout","direction","otherLayoutProps","_excluded4","shouldAsides","useMemo","asides","Children","forEach","child","_typeof","type","Aside","push","length","_useConfig4","layoutClassNames","_defineProperty","displayName"],"mappings":"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"}
+{"version":3,"file":"Layout.js","sources":["../../../components/layout/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport { TdLayoutProps, TdHeaderProps, TdFooterProps } from \"./type\";\nimport { useMemo } from \"react\";\nimport Aside from \"./Aside\";\nimport parseTNode from \"../utils/parseTNode\";\nexport interface LayoutProps extends TdLayoutProps, StyledProps, React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\nexport interface HeaderProps extends TdHeaderProps, StyledProps, React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\nexport interface ContentProps extends StyledProps, React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\nexport interface FooterProps extends TdFooterProps, StyledProps, React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\nconst Header: React.FC<HeaderProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { className, style = {}, children, height, ...others } = props;\n  const renderHeight = isNaN(Number(height)) ? height : `${height}px`;\n  const headerClassNames = classNames(`${classPrefix}-layout__header`, className);\n  return (\n    <header className={headerClassNames} style={{ height: renderHeight, ...style }} {...others}>\n      {parseTNode(children)}\n    </header>\n  );\n};\n\nconst Footer: React.FC<FooterProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { className, style = {}, children, height, ...others } = props;\n  const renderHeight = isNaN(Number(height)) ? height : `${height}px`;\n  const footerClassNames = classNames(`${classPrefix}-layout__footer`, className);\n  return (\n    <footer className={footerClassNames} style={{ height: renderHeight, ...style }} {...others}>\n      {parseTNode(children)}\n    </footer>\n  );\n};\nconst Content: React.FC<ContentProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { className, style, children, content, ...others } = props;\n  const contentClassNames = classNames(`${classPrefix}-layout__content`, className);\n  return (\n    <main className={contentClassNames} style={style} {...others}>\n      {parseTNode(content) || parseTNode(children)}\n    </main>\n  );\n};\n\nconst Layout: React.FC<LayoutProps> & {\n  Header: typeof Header;\n  Content: typeof Content;\n  Footer: typeof Footer;\n  Aside: typeof Aside;\n} = (props) => {\n  const { direction, className, style, children, ...otherLayoutProps } = props;\n\n  const shouldAsides = useMemo(() => {\n    const asides: React.ReactElement[] = [];\n    React.Children.forEach(children, (child: React.ReactElement) => {\n      if (!child || typeof child !== \"object\") {\n        return;\n      }\n      if (child.type === Aside) {\n        asides.push(child);\n      }\n    });\n    return !!asides.length;\n  }, [children]);\n\n  const { classPrefix } = useConfig();\n  const layoutClassNames = classNames(\n    `${classPrefix}-layout`,\n    {\n      [`${classPrefix}-layout--with-sider`]: shouldAsides,\n      [`${classPrefix}-layout__direction-${direction}`]: direction\n    },\n    className\n  );\n\n  return (\n    <div className={layoutClassNames} style={style} {...otherLayoutProps}>\n      {parseTNode(children)}\n    </div>\n  );\n};\n\nLayout.Header = Header;\nLayout.Content = Content;\nLayout.Footer = Footer;\nLayout.Aside = Aside;\n\nHeader.displayName = \"Header\";\nContent.displayName = \"Content\";\nFooter.displayName = \"Footer\";\nLayout.displayName = \"Layout\";\n\nexport default Layout;\n"],"names":["Header","props","_useConfig","useConfig","classPrefix","className","style","_props$style","children","height","others","_objectWithoutProperties","_excluded","renderHeight","isNaN","Number","concat","headerClassNames","classNames","React","createElement","_objectSpread","parseTNode","Footer","_useConfig2","_props$style2","_excluded2","footerClassNames","Content","_useConfig3","content","_excluded3","contentClassNames","Layout","direction","otherLayoutProps","_excluded4","shouldAsides","useMemo","asides","Children","forEach","child","_typeof","type","Aside","push","length","_useConfig4","layoutClassNames","_defineProperty","displayName"],"mappings":"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"}

package/es/layout/_example/combine-left.js

@@ -0,0 +1,68 @@
+import React__default from 'react';
+import { Layout } from '../index.js';
+import '../Layout.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../Aside.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import 'lodash-es';
+import '../style/css.js';
+
+var Header = Layout.Header,
+  Content = Layout.Content,
+  Footer = Layout.Footer,
+  Aside = Layout.Aside;
+var demoStyles = {
+  header: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    lineHeight: "64px",
+    textAlign: "center"
+  },
+  aside: {
+    background: "var(--td-brand-color-8)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  content: {
+    background: "var(--td-brand-color-5)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    height: "120px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  footer: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "12px",
+    textAlign: "center",
+    lineHeight: "48px"
+  }
+};
+var CombineLeftLayout = function CombineLeftLayout() {
+  return /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Header, {
+    style: demoStyles.header
+  }, "Header"), /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Aside, {
+    style: demoStyles.aside
+  }, "Aside"), /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Content, {
+    style: demoStyles.content
+  }, "Content"), /* @__PURE__ */React__default.createElement(Footer, {
+    style: demoStyles.footer
+  }, "Copyright @ 2019-2024 All Rights Reserved"))));
+};
+
+export { CombineLeftLayout as default };
+//# sourceMappingURL=combine-left.js.map

package/es/layout/_example/combine-left.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combine-left.js","sources":["../../../../components/layout/_example/combine-left.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"../index\";\n\nconst { Header, Content, Footer, Aside } = Layout;\n\n// 定义演示用的样式\nconst demoStyles = {\n  header: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    lineHeight: \"64px\",\n    textAlign: \"center\" as const\n  },\n  aside: {\n    background: \"var(--td-brand-color-8)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  content: {\n    background: \"var(--td-brand-color-5)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    height: \"120px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  footer: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"12px\",\n    textAlign: \"center\" as const,\n    lineHeight: \"48px\"\n  }\n};\n\nconst CombineLeftLayout = () => (\n  <Layout>\n    <Header style={demoStyles.header}>Header</Header>\n    <Layout>\n      <Aside style={demoStyles.aside}>Aside</Aside>\n      <Layout>\n        <Content style={demoStyles.content}>Content</Content>\n        <Footer style={demoStyles.footer}>Copyright @ 2019-2024 All Rights Reserved</Footer>\n      </Layout>\n    </Layout>\n  </Layout>\n);\n\nexport default CombineLeftLayout;\n"],"names":["Header","Layout","Content","Footer","Aside","demoStyles","header","background","color","fontSize","lineHeight","textAlign","aside","display","alignItems","justifyContent","content","height","footer","CombineLeftLayout","React","createElement","style"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAQA,MAAA,GAAmCC,MAAA,CAAnCD,MAAA;EAAQE,OAAA,GAA2BD,MAAA,CAA3BC,OAAA;EAASC,MAAA,GAAkBF,MAAA,CAAlBE,MAAA;EAAQC,QAAUH,MAAA,CAAVG;AAGjC,IAAMC,UAAA,GAAa;AACjBC,EAAAA,MAAA,EAAQ;AACNC,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVC,IAAAA,UAAA,EAAY,MAAA;AACZC,IAAAA,SAAA,EAAW;GACb;AACAC,EAAAA,KAAA,EAAO;AACLL,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVI,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAC,EAAAA,OAAA,EAAS;AACPT,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVQ,IAAAA,MAAA,EAAQ,OAAA;AACRJ,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAG,EAAAA,MAAA,EAAQ;AACNX,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVE,IAAAA,SAAA,EAAW,QAAA;AACXD,IAAAA,UAAA,EAAY;AACd;AACF,CAAA;AAEA,IAAMS,oBAAoB,SAApBA;wBACJC,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACrB;IAAOsB,KAAA,EAAOjB,UAAA,CAAWC;AAAA,GAAA,EAAQ,QAAM,kBACxCc,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACjB,KAAA,EAAA;IAAMkB,OAAOjB,UAAA,CAAWO;AAAA,GAAA,EAAO,OAAK,CAAA,8CACpCX,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACnB,OAAA,EAAA;IAAQoB,KAAA,EAAOjB,WAAWW;GAAA,EAAS,SAAO,CAAA,iBAC3CI,cAAA,CAAAC,aAAA,CAAClB;IAAOmB,KAAA,EAAOjB,UAAA,CAAWa;KAAQ,2CAAyC,CAC7E,CACF,CACF,CAAA;AAAA;;;;"}