@tendaui/react 1.2.3 → 1.3.0

package/es/input/_example/group.js

@@ -0,0 +1,47 @@
+import React__default from 'react';
+import { InputGroup, Input } from '../index.js';
+import { IconUser, IconLock } from '@tendaui/icons';
+import '../Input.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import 'lodash-es';
+import '../../_chunks/dep-grkSd2UB.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../InputGroup.js';
+import '../style/css.js';
+
+var InputGroupExample = function InputGroupExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px",
+      width: "500px"
+    }
+  }, /* @__PURE__ */React__default.createElement(InputGroup, {
+    separate: true
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u7528\u6237\u540D",
+    prefixIcon: /* @__PURE__ */React__default.createElement(IconUser, null)
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    type: "password",
+    placeholder: "\u5BC6\u7801",
+    prefixIcon: /* @__PURE__ */React__default.createElement(IconLock, null)
+  })));
+};
+
+export { InputGroupExample as default };
+//# sourceMappingURL=group.js.map

package/es/input/_example/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sources":["../../../../components/input/_example/group.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input, InputGroup } from \"../index\";\nimport { IconUser, IconLock } from \"@tendaui/icons\";\n\nconst InputGroupExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\", width: \"500px\" }}>\n    <InputGroup separate>\n      <Input placeholder=\"用户名\" prefixIcon={<IconUser />} />\n      <Input type=\"password\" placeholder=\"密码\" prefixIcon={<IconLock />} />\n    </InputGroup>\n  </div>\n);\n\nexport default InputGroupExample;\n"],"names":["InputGroupExample","React","createElement","style","display","flexDirection","gap","width","InputGroup","separate","Input","placeholder","prefixIcon","IconUser","type","IconLock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,oBAAoB,SAApBA;wBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,KAAK,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAA,iBAClFN,cAAA,CAAAC,aAAA,CAACM;AAAWC,IAAAA,QAAA,EAAQ;AAAA,GAAA,iBAClBR,cAAA,CAAAC,aAAA,CAACQ,KAAA,EAAA;AAAMC,IAAAA,aAAY,oBAAA;IAAMC,UAAA,8CAAaC,QAAA,EAAA,IAAS;GAAI,kBACnDZ,cAAA,CAAAC,aAAA,CAACQ,KAAA,EAAA;AAAMI,IAAAA,IAAA,EAAK,UAAA;AAAWH,IAAAA,aAAY,cAAA;IAAKC,UAAA,8CAAaG,QAAA,EAAA,IAAS;GAAI,CACpE,CACF,CAAA;AAAA;;;;"}

package/es/input/_example/label-suffix.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import { Input } from '../index.js';
+import '../Input.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import 'lodash-es';
+import '../../_chunks/dep-grkSd2UB.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../InputGroup.js';
+import '../style/css.js';
+
+var LabelSuffixInput = function LabelSuffixInput() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px",
+      width: "500px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    label: "http://",
+    placeholder: "\u8BF7\u8F93\u5165\u7F51\u5740"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    suffix: ".com",
+    placeholder: "\u8BF7\u8F93\u5165\u57DF\u540D"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    label: "http://",
+    suffix: ".com",
+    placeholder: "\u8BF7\u8F93\u5165\u57DF\u540D"
+  }));
+};
+
+export { LabelSuffixInput as default };
+//# sourceMappingURL=label-suffix.js.map

package/es/input/_example/label-suffix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-suffix.js","sources":["../../../../components/input/_example/label-suffix.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\n\nconst LabelSuffixInput = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\", width: \"500px\" }}>\n    <Input label=\"http://\" placeholder=\"请输入网址\" />\n    <Input suffix=\".com\" placeholder=\"请输入域名\" />\n    <Input label=\"http://\" suffix=\".com\" placeholder=\"请输入域名\" />\n  </div>\n);\n\nexport default LabelSuffixInput;\n"],"names":["LabelSuffixInput","React","createElement","style","display","flexDirection","gap","width","Input","label","placeholder","suffix"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,mBAAmB,SAAnBA;wBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,KAAK,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAA,8CACjFC,KAAA,EAAA;AAAMC,IAAAA,KAAA,EAAM,SAAA;AAAUC,IAAAA,WAAA,EAAY;GAAQ,CAAA,iBAC3CT,cAAA,CAAAC,aAAA,CAACM,KAAA,EAAA;AAAMG,IAAAA,MAAA,EAAO;AAAOD,IAAAA,WAAA,EAAY;GAAQ,CAAA,iBACzCT,cAAA,CAAAC,aAAA,CAACM;AAAMC,IAAAA,KAAA,EAAM,SAAA;AAAUE,IAAAA,QAAO,MAAA;AAAOD,IAAAA,WAAA,EAAY;GAAQ,CAC3D,CAAA;AAAA;;;;"}

package/es/input/_example/max-length.js

@@ -0,0 +1,44 @@
+import React__default from 'react';
+import { Input } from '../index.js';
+import '../Input.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import 'lodash-es';
+import '../../_chunks/dep-grkSd2UB.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../InputGroup.js';
+import '../style/css.js';
+
+var MaxLengthInput = function MaxLengthInput() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px",
+      width: "500px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    maxlength: 10,
+    placeholder: "\u6700\u591A\u8F93\u516510\u4E2A\u5B57\u7B26"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    maxcharacter: 20,
+    placeholder: "\u6700\u591A\u8F93\u516520\u4E2A\u5B57\u7B26\uFF08\u4E2D\u6587\u7B972\u4E2A\uFF09"
+  }));
+};
+
+export { MaxLengthInput as default };
+//# sourceMappingURL=max-length.js.map

package/es/input/_example/max-length.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"max-length.js","sources":["../../../../components/input/_example/max-length.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\n\nconst MaxLengthInput = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\", width: \"500px\" }}>\n    <Input maxlength={10} placeholder=\"最多输入10个字符\" />\n    <Input maxcharacter={20} placeholder=\"最多输入20个字符（中文算2个）\" />\n  </div>\n);\n\nexport default MaxLengthInput;\n"],"names":["MaxLengthInput","React","createElement","style","display","flexDirection","gap","width","Input","maxlength","placeholder","maxcharacter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,cAAA,GAAiB,SAAjBA,cAAAA,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,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAA,iBAClFN,cAAA,CAAAC,aAAA,CAACM,KAAA,EAAA;AAAMC,IAAAA,SAAA,EAAW,EAAA;AAAIC,IAAAA,WAAA,EAAY;GAAY,CAAA,iBAC9CT,cAAA,CAAAC,aAAA,CAACM,KAAA,EAAA;AAAMG,IAAAA,YAAA,EAAc,EAAA;AAAID,IAAAA,WAAA,EAAY;AAAA,GAAmB,CAC1D,CAAA;AAAA;;;;"}

package/es/input/_example/password.js

@@ -0,0 +1,43 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { Input } from '../index.js';
+import { IconLock } from '@tendaui/icons';
+import '../Input.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import 'lodash-es';
+import '../../_chunks/dep-grkSd2UB.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../InputGroup.js';
+import '../style/css.js';
+
+var PasswordInput = function PasswordInput() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      width: 500
+    }
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    type: visible ? "text" : "password",
+    prefixIcon: /* @__PURE__ */React__default.createElement(IconLock, null),
+    placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+  }));
+};
+
+export { PasswordInput as default };
+//# sourceMappingURL=password.js.map

package/es/input/_example/password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password.js","sources":["../../../../components/input/_example/password.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Input } from \"../index\";\nimport { IconLock, IconEyeOpened, IconEyeClosed } from \"@tendaui/icons\";\n\nconst PasswordInput = () => {\n  const [visible, setVisible] = useState(false);\n  return (\n    <div style={{ width: 500 }}>\n      <Input type={visible ? \"text\" : \"password\"} prefixIcon={<IconLock />} placeholder=\"请输入密码\" />\n    </div>\n  );\n};\n\nexport default PasswordInput;\n"],"names":["PasswordInput","_useState","useState","_useState2","_slicedToArray","visible","setVisible","style","width","React","createElement","Input","type","prefixIcon","IconLock","placeholder"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,SAAhBA,gBAAsB;AAC1B,EAAA,IAAAC,SAAA,GAA8BC,SAAS,KAAK,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAArCI,IAAAA,OAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAASG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,mDACG,KAAA,EAAA;AAAII,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAI;oBACvBC,cAAA,CAAAC,aAAA,CAACC,KAAA,EAAA;AAAMC,IAAAA,MAAMP,OAAA,GAAU,MAAA,GAAS;IAAYQ,UAAA,iBAAYJ,cAAA,CAAAC,aAAA,CAACI,cAAS,CAAA;AAAIC,IAAAA,WAAA,EAAY;GAAQ,CAC5F,CAAA;AAEJ;;;;"}

package/es/input/_example/sizes.js

@@ -0,0 +1,47 @@
+import React__default from 'react';
+import { Input } from '../index.js';
+import '../Input.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import 'lodash-es';
+import '../../_chunks/dep-grkSd2UB.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../InputGroup.js';
+import '../style/css.js';
+
+var SizesInput = function SizesInput() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px",
+      width: "500px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    size: "small",
+    placeholder: "\u5C0F\u5C3A\u5BF8"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    size: "medium",
+    placeholder: "\u4E2D\u5C3A\u5BF8\uFF08\u9ED8\u8BA4\uFF09"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    size: "large",
+    placeholder: "\u5927\u5C3A\u5BF8"
+  }));
+};
+
+export { SizesInput as default };
+//# sourceMappingURL=sizes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../components/input/_example/sizes.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\n\nconst SizesInput = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\", width: \"500px\" }}>\n    <Input size=\"small\" placeholder=\"小尺寸\" />\n    <Input size=\"medium\" placeholder=\"中尺寸（默认）\" />\n    <Input size=\"large\" placeholder=\"大尺寸\" />\n  </div>\n);\n\nexport default SizesInput;\n"],"names":["SizesInput","React","createElement","style","display","flexDirection","gap","width","Input","size","placeholder"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,UAAA,GAAa,SAAbA,UAAAA,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,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAQ;oBAClFN,cAAA,CAAAC,aAAA,CAACM,KAAA,EAAA;AAAMC,IAAAA,IAAA,EAAK,OAAA;AAAQC,IAAAA,aAAY;GAAM,CAAA,iBACtCT,cAAA,CAAAC,aAAA,CAACM,KAAA,EAAA;AAAMC,IAAAA,MAAK,QAAA;AAASC,IAAAA,WAAA,EAAY;GAAU,CAAA,8CAC1CF,KAAA,EAAA;AAAMC,IAAAA,IAAA,EAAK,OAAA;AAAQC,IAAAA,WAAA,EAAY;GAAM,CACxC,CAAA;AAAA;;;;"}

package/es/input/_example/status.js

@@ -0,0 +1,55 @@
+import React__default from 'react';
+import { Input } from '../index.js';
+import '../Input.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import 'lodash-es';
+import '../../_chunks/dep-grkSd2UB.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../InputGroup.js';
+import '../style/css.js';
+
+var StatusInput = function StatusInput() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "24px",
+      width: "500px",
+      margin: "8px 0"
+    }
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    status: "default",
+    placeholder: "\u9ED8\u8BA4\u72B6\u6001",
+    tips: "\u8FD9\u662F\u4E00\u6761\u63D0\u793A\u4FE1\u606F"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    status: "success",
+    placeholder: "\u6210\u529F\u72B6\u6001",
+    tips: "\u6821\u9A8C\u901A\u8FC7"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    status: "warning",
+    placeholder: "\u8B66\u544A\u72B6\u6001",
+    tips: "\u8BF7\u6CE8\u610F\u8F93\u5165\u5185\u5BB9"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    status: "error",
+    placeholder: "\u9519\u8BEF\u72B6\u6001",
+    tips: "\u8F93\u5165\u5185\u5BB9\u6709\u8BEF"
+  }));
+};
+
+export { StatusInput as default };
+//# sourceMappingURL=status.js.map

package/es/input/_example/status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.js","sources":["../../../../components/input/_example/status.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\n\nconst StatusInput = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\", width: \"500px\", margin: \"8px 0\" }}>\n    <Input status=\"default\" placeholder=\"默认状态\" tips=\"这是一条提示信息\" />\n    <Input status=\"success\" placeholder=\"成功状态\" tips=\"校验通过\" />\n    <Input status=\"warning\" placeholder=\"警告状态\" tips=\"请注意输入内容\" />\n    <Input status=\"error\" placeholder=\"错误状态\" tips=\"输入内容有误\" />\n  </div>\n);\n\nexport default StatusInput;\n"],"names":["StatusInput","React","createElement","style","display","flexDirection","gap","width","margin","Input","status","placeholder","tips"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,WAAA,GAAc,SAAdA,WAAAA,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,MAAA;AAAQC,MAAAA,OAAO,OAAA;AAASC,MAAAA,MAAA,EAAQ;AAAQ;AAAA,GAAA,iBACnGP,cAAA,CAAAC,aAAA,CAACO,KAAA,EAAA;AAAMC,IAAAA,QAAO,SAAA;AAAUC,IAAAA,WAAA,EAAY,0BAAA;AAAOC,IAAAA,IAAA,EAAK;GAAW,CAAA,8CAC1DH,KAAA,EAAA;AAAMC,IAAAA,MAAA,EAAO,SAAA;AAAUC,IAAAA,WAAA,EAAY,0BAAA;AAAOC,IAAAA,IAAA,EAAK;GAAO,CAAA,iBACvDX,cAAA,CAAAC,aAAA,CAACO,KAAA,EAAA;AAAMC,IAAAA,MAAA,EAAO,SAAA;AAAUC,IAAAA,WAAA,EAAY;AAAOC,IAAAA,IAAA,EAAK;GAAU,CAAA,iBAC1DX,cAAA,CAAAC,aAAA,CAACO,KAAA,EAAA;AAAMC,IAAAA,MAAA,EAAO;AAAQC,IAAAA,WAAA,EAAY,0BAAA;AAAOC,IAAAA,IAAA,EAAK;AAAA,GAAS,CACzD,CAAA;AAAA;;;;"}

package/es/input/_example/text-align.js

@@ -0,0 +1,50 @@
+import React__default from 'react';
+import { Input } from '../index.js';
+import '../Input.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import 'lodash-es';
+import '../../_chunks/dep-grkSd2UB.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../InputGroup.js';
+import '../style/css.js';
+
+var TextAlignInput = function TextAlignInput() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px",
+      width: 500
+    }
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    align: "left",
+    placeholder: "\u5DE6\u5BF9\u9F50",
+    defaultValue: "\u5DE6\u5BF9\u9F50\u5185\u5BB9"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    align: "center",
+    placeholder: "\u5C45\u4E2D\u5BF9\u9F50",
+    defaultValue: "\u5C45\u4E2D\u5BF9\u9F50\u5185\u5BB9"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    align: "right",
+    placeholder: "\u53F3\u5BF9\u9F50",
+    defaultValue: "\u53F3\u5BF9\u9F50\u5185\u5BB9"
+  }));
+};
+
+export { TextAlignInput as default };
+//# sourceMappingURL=text-align.js.map

package/es/input/_example/text-align.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-align.js","sources":["../../../../components/input/_example/text-align.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\n\nconst TextAlignInput = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\", width: 500 }}>\n    <Input align=\"left\" placeholder=\"左对齐\" defaultValue=\"左对齐内容\" />\n    <Input align=\"center\" placeholder=\"居中对齐\" defaultValue=\"居中对齐内容\" />\n    <Input align=\"right\" placeholder=\"右对齐\" defaultValue=\"右对齐内容\" />\n  </div>\n);\n\nexport default TextAlignInput;\n"],"names":["TextAlignInput","React","createElement","style","display","flexDirection","gap","width","Input","align","placeholder","defaultValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,iBAAiB,SAAjBA;wBACJC,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAQC,MAAAA,KAAA,EAAO;AAAI;oBAC9EN,cAAA,CAAAC,aAAA,CAACM,KAAA,EAAA;AAAMC,IAAAA,OAAM,MAAA;AAAOC,IAAAA,WAAA,EAAY,oBAAA;AAAMC,IAAAA,YAAA,EAAa;GAAQ,CAAA,iBAC3DV,cAAA,CAAAC,aAAA,CAACM;AAAMC,IAAAA,KAAA,EAAM,QAAA;AAASC,IAAAA,aAAY,0BAAA;AAAOC,IAAAA,YAAA,EAAa;GAAS,CAAA,iBAC/DV,cAAA,CAAAC,aAAA,CAACM;AAAMC,IAAAA,KAAA,EAAM,OAAA;AAAQC,IAAAA,aAAY,oBAAA;AAAMC,IAAAA,YAAA,EAAa;GAAQ,CAC9D,CAAA;AAAA;;;;"}

package/es/input/_example/with-icon.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import { Input } from '../index.js';
+import { IconSearch, IconUser } from '@tendaui/icons';
+import '../Input.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import 'lodash-es';
+import '../../_chunks/dep-grkSd2UB.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../InputGroup.js';
+import '../style/css.js';
+
+var WithIconInput = function WithIconInput() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px",
+      width: "500px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */React__default.createElement(IconSearch, null),
+    placeholder: "\u524D\u7F6E\u56FE\u6807"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    suffixIcon: /* @__PURE__ */React__default.createElement(IconSearch, null),
+    placeholder: "\u540E\u7F6E\u56FE\u6807"
+  }), /* @__PURE__ */React__default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */React__default.createElement(IconUser, null),
+    suffixIcon: /* @__PURE__ */React__default.createElement(IconSearch, null),
+    placeholder: "\u524D\u540E\u56FE\u6807"
+  }));
+};
+
+export { WithIconInput as default };
+//# sourceMappingURL=with-icon.js.map

package/es/input/_example/with-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-icon.js","sources":["../../../../components/input/_example/with-icon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\nimport { IconSearch, IconUser } from \"@tendaui/icons\";\n\nconst WithIconInput = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\", width: \"500px\" }}>\n    <Input prefixIcon={<IconSearch />} placeholder=\"前置图标\" />\n    <Input suffixIcon={<IconSearch />} placeholder=\"后置图标\" />\n    <Input prefixIcon={<IconUser />} suffixIcon={<IconSearch />} placeholder=\"前后图标\" />\n  </div>\n);\n\nexport default WithIconInput;\n"],"names":["WithIconInput","React","createElement","style","display","flexDirection","gap","width","Input","prefixIcon","IconSearch","placeholder","suffixIcon","IconUser"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,aAAA,GAAgB,SAAhBA,aAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,KAAK,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAA,iBAClFN,cAAA,CAAAC,aAAA,CAACM;IAAMC,UAAA,iBAAYR,cAAA,CAAAC,aAAA,CAACQ,gBAAW,CAAA;AAAIC,IAAAA,WAAA,EAAY;GAAO,CAAA,iBACtDV,cAAA,CAAAC,aAAA,CAACM;IAAMI,UAAA,iBAAYX,cAAA,CAAAC,aAAA,CAACQ,gBAAW,CAAA;AAAIC,IAAAA,WAAA,EAAY;GAAO,CAAA,iBACtDV,cAAA,CAAAC,aAAA,CAACM;IAAMC,UAAA,iBAAYR,cAAA,CAAAC,aAAA,CAACW,cAAS,CAAA;IAAID,UAAA,8CAAaF,UAAA,EAAA,IAAW,CAAA;AAAIC,IAAAA,WAAA,EAAY;AAAA,GAAO,CAClF,CAAA;AAAA;;;;"}

package/es/input/index.js

@@ -11,13 +11,14 @@ import '@tendaui/icons';
 import '../_chunks/dep-BRbJGDI9.js';
 import '../_chunks/dep-DRwijJcv.js';
 import 'lodash-es';
-import '../_chunks/dep-DwWrhxkd.js';
-import '../_chunks/dep-D6YxJv-F.js';
+import '../_chunks/dep-grkSd2UB.js';
+import '../_chunks/dep-spxR0DG0.js';
 import '../_chunks/dep-DGvfel3I.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 '../_chunks/dep-CD_4-1Xb.js';
+import '../_chunks/dep-UHQn9biR.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
 

package/es/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/input/index.ts"],"sourcesContent":["import _Input from \"./Input\";\nimport _InputGroup from \"./InputGroup\";\nimport \"./style/index.js\";\n\nexport type { InputProps, InputRef } from \"./Input\";\n\nexport * from \"./type\";\n\nexport const Input = _Input;\nexport const InputGroup = _InputGroup;\nexport default Input;\n"],"names":["Input","_Input","InputGroup","_InputGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAA,GAAQC;AACd,IAAMC,UAAA,GAAaC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/input/index.ts"],"sourcesContent":["import _Input from \"./Input\";\nimport _InputGroup from \"./InputGroup\";\nimport \"./style/index.js\";\n\nexport type { InputProps, InputRef } from \"./Input\";\n\nexport * from \"./type\";\n\nexport const Input = _Input;\nexport const InputGroup = _InputGroup;\nexport default Input;\n"],"names":["Input","_Input","InputGroup","_InputGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAA,GAAQC;AACd,IAAMC,UAAA,GAAaC;;;;"}

package/es/input/style/index.css

@@ -27,31 +27,40 @@
   list-style: none;
 }
 .t-input.t-is-success {
-  border-color: #000;
+  border-color: var(--td-success-color);
+}
+.t-input.t-is-success:hover {
+  border-color: var(--td-success-color);
 }
 .t-input.t-is-success:focus, .t-input.t-is-success.t-input--focused {
-  box-shadow: 0 0 0 2px #000;
+  box-shadow: 0 0 0 2px var(--td-success-color-focus);
 }
 .t-input.t-is-success > .t-input__extra {
-  color: #000;
+  color: var(--td-success-color);
 }
 .t-input.t-is-warning {
-  border-color: #000;
+  border-color: var(--td-warning-color);
+}
+.t-input.t-is-warning:hover {
+  border-color: var(--td-warning-color);
 }
 .t-input.t-is-warning:focus, .t-input.t-is-warning.t-input--focused {
-  box-shadow: 0 0 0 2px #000;
+  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
 }
 .t-input.t-is-warning > .t-input__extra {
-  color: #000;
+  color: var(--td-warning-color);
 }
 .t-input.t-is-error {
-  border-color: #000;
+  border-color: var(--td-error-color);
+}
+.t-input.t-is-error:hover {
+  border-color: var(--td-error-color);
 }
 .t-input.t-is-error:focus, .t-input.t-is-error.t-input--focused {
-  box-shadow: 0 0 0 2px #000;
+  box-shadow: 0 0 0 2px var(--td-error-color-focus);
 }
 .t-input.t-is-error > .t-input__extra {
-  color: #000;
+  color: var(--td-error-color);
 }
 .t-input {
   width: 100%;

package/es/input-number/InputNumber.js

@@ -1,11 +1,11 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
-import React, { useRef, useImperativeHandle, forwardRef } from 'react';
+import React__default, { useRef, useImperativeHandle, forwardRef } from 'react';
 import { IconPlus, IconChevronUp, IconMinusStroked, IconChevronDown } from '@tendaui/icons';
 import classNames from 'classnames';
 import { Input } from '../input/index.js';
 import { Button } from '../button/index.js';
 import useInputNumber from './useInputNumber.js';
-import { u as useGlobalIcon } from '../_chunks/dep-ByzdZjUR.js';
+import { u as useGlobalIcon } from '../_chunks/dep-bWaVq_y3.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
 import '../_chunks/dep-D-UKOauR.js';
 import '../input/Input.js';
@@ -14,12 +14,13 @@ import '../_chunks/dep-CzLhKWCf.js';
 import '../_chunks/dep-BRbJGDI9.js';
 import '../_chunks/dep-DRwijJcv.js';
 import 'lodash-es';
-import '../_chunks/dep-DwWrhxkd.js';
-import '../_chunks/dep-D6YxJv-F.js';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-grkSd2UB.js';
+import '../_chunks/dep-spxR0DG0.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
-import '../_chunks/dep-CD_4-1Xb.js';
+import '../_chunks/dep-UHQn9biR.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
 import '../input/InputGroup.js';
@@ -30,13 +31,13 @@ import '../loading/Loading.js';
 import '../common/Portal.js';
 import 'react-dom';
 import '../loading/Gradient.js';
-import '../_chunks/dep-DQ6kXoi8.js';
+import '../_chunks/dep-DHWwZ2Nj.js';
 import '../_chunks/dep-PPA-yoAy.js';
 import '../_chunks/dep-DbVHGoUC.js';
 import '../loading/style/css.js';
 import '../button/style/css.js';
 import '../utils/log/index.js';
-import '../_chunks/dep-DTlQ2dCA.js';
+import '../_chunks/dep--qagmRQa.js';
 
 var inputNumberDefaultProps = {
   allowInputOverLimit: true,
@@ -83,14 +84,14 @@ function TdInputNumber(originalProps, ref) {
   var wrapRef = useRef(null);
   var status = isError ? "error" : props.status;
   var iconSize = props.size === "medium" ? "default" : props.size;
-  var addIcon = props.theme === "column" ? /* @__PURE__ */React.createElement(ChevronUpIcon, {
+  var addIcon = props.theme === "column" ? /* @__PURE__ */React__default.createElement(ChevronUpIcon, {
     size: iconSize
-  }) : /* @__PURE__ */React.createElement(AddIcon, {
+  }) : /* @__PURE__ */React__default.createElement(AddIcon, {
     size: iconSize
   });
-  var reduceIcon = props.theme === "column" ? /* @__PURE__ */React.createElement(ChevronDownIcon, {
+  var reduceIcon = props.theme === "column" ? /* @__PURE__ */React__default.createElement(ChevronDownIcon, {
     size: iconSize
-  }) : /* @__PURE__ */React.createElement(RemoveIcon, {
+  }) : /* @__PURE__ */React__default.createElement(RemoveIcon, {
     size: iconSize
   });
   useImperativeHandle(ref, function () {
@@ -99,18 +100,18 @@ function TdInputNumber(originalProps, ref) {
       inputElement: inputRef.current
     };
   });
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     className: classNames(wrapClasses, props.className),
     style: props.style,
     ref: wrapRef
-  }, props.theme !== "normal" && /* @__PURE__ */React.createElement(Button, {
+  }, props.theme !== "normal" && /* @__PURE__ */React__default.createElement(Button, {
     className: reduceClasses,
     disabled: props.disabled,
     onClick: handleReduce,
     variant: "outline",
     shape: "square",
     icon: reduceIcon
-  }), /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread({
+  }), /* @__PURE__ */React__default.createElement(Input, _objectSpread(_objectSpread({
     ref: inputRef,
     autocomplete: "off",
     disabled: props.disabled,
@@ -124,14 +125,14 @@ function TdInputNumber(originalProps, ref) {
     value: userInput,
     onChange: onInnerInputChange,
     size: props.size
-  }, listeners), props.inputProps || {})), props.theme !== "normal" && /* @__PURE__ */React.createElement(Button, {
+  }, listeners), props.inputProps || {})), props.theme !== "normal" && /* @__PURE__ */React__default.createElement(Button, {
     className: addClasses,
     disabled: props.disabled,
     onClick: handleAdd,
     variant: "outline",
     shape: "square",
     icon: addIcon
-  }), props.tips && /* @__PURE__ */React.createElement("div", {
+  }), props.tips && /* @__PURE__ */React__default.createElement("div", {
     className: classNames("".concat(classPrefix, "-input__tips"), "".concat(classPrefix, "-input__tips--").concat(status))
   }, props.tips));
 }