@tendaui/react 1.2.4 → 1.3.0

package/es/form/_example/complex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"complex.js","sources":["../../../../../node_modules/.pnpm/@babel+runtime@7.26.10/node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js","../../../../components/form/_example/complex.tsx"],"sourcesContent":["function _objectDestructuringEmpty(t) {\n  if (null == t) throw new TypeError(\"Cannot destructure \" + t);\n}\nexport { _objectDestructuringEmpty as default };","import React from \"react\";\nimport { Form, Input, Switch, Checkbox, Button, Select, Radio, FormItem } from \"@tendaui/react\";\nimport { NotificationProvider, useNotification } from \"@tendaui/react/notification\";\n\nconst { useForm } = Form;\nconst {} = Form;\nconst ComplexFormExample = () => {\n  const [form] = useForm();\n  const { success } = useNotification();\n\n  const onSubmit = (e: any) => {\n    if (e.validateResult === true) {\n      success({ title: \"成功\", message: \"表单提交成功\" });\n      console.log(\"表单数据:\", e.fields);\n    }\n  };\n\n  return (\n    <div style={{ width: 500 }}>\n      <Form form={form} onSubmit={onSubmit} labelWidth={100}>\n        <FormItem label=\"姓名\" name=\"name\" requiredMark rules={[{ required: true, message: \"请输入姓名\" }]}>\n          <Input placeholder=\"请输入姓名\" />\n        </FormItem>\n\n        <FormItem label=\"性别\" name=\"gender\">\n          <Radio.Group>\n            <Radio value=\"male\">男</Radio>\n            <Radio value=\"female\">女</Radio>\n          </Radio.Group>\n        </FormItem>\n\n        <FormItem label=\"城市\" name=\"city\">\n          <Select\n            placeholder=\"请选择城市\"\n            options={[\n              { label: \"北京\", value: \"beijing\" },\n              { label: \"上海\", value: \"shanghai\" },\n              { label: \"广州\", value: \"guangzhou\" },\n              { label: \"深圳\", value: \"shenzhen\" }\n            ]}\n          />\n        </FormItem>\n\n        <FormItem label=\"爱好\" name=\"hobbies\">\n          <Checkbox.Group>\n            <Checkbox value=\"reading\">阅读</Checkbox>\n            <Checkbox value=\"music\">音乐</Checkbox>\n            <Checkbox value=\"sports\">运动</Checkbox>\n            <Checkbox value=\"travel\">旅游</Checkbox>\n          </Checkbox.Group>\n        </FormItem>\n\n        <FormItem label=\"订阅通知\" name=\"subscribe\">\n          <Switch />\n        </FormItem>\n\n        <FormItem style={{ marginInlineStart: 100 }}>\n          <div style={{ display: \"flex\", gap: \"8px\" }}>\n            <Button type=\"submit\" theme=\"primary\">\n              提交\n            </Button>\n            <Button type=\"reset\">重置</Button>\n          </div>\n        </FormItem>\n      </Form>\n    </div>\n  );\n};\n\nconst FormExample = () => (\n  <NotificationProvider>\n    <ComplexFormExample />\n  </NotificationProvider>\n);\n\nexport default FormExample;\n"],"names":["useForm","Form","_objectDestructuringEmpty","ComplexFormExample","_useForm","_useForm2","_slicedToArray","form","_useNotification","useNotification","success","onSubmit","e","validateResult","title","message","console","log","fields","React","createElement","style","width","labelWidth","FormItem","label","name","requiredMark","rules","required","Input","placeholder","Radio","Group","value","Select","options","Checkbox","Switch","marginInlineStart","display","gap","Button","type","theme","FormExample","NotificationProvider"],"mappings":"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","x_google_ignoreList":[0]}

package/es/form/_example/default.js

@@ -0,0 +1,87 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default from 'react';
+import { Form, FormItem, Input, InputNumber, Switch, Button } from '@tendaui/react';
+import { useNotification, NotificationProvider } from '@tendaui/react/notification';
+
+var BaseForm = function BaseForm() {
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useNotification = useNotification(),
+    success = _useNotification.success;
+  var onSubmit = function onSubmit(e) {
+    if (e.validateResult === true) {
+      success({
+        title: "\u6210\u529F\u63D0\u793A",
+        message: "\u63D0\u4EA4\u6210\u529F"
+      });
+      console.log("\u8868\u5355\u6570\u636E:", e.fields);
+    }
+  };
+  var onReset = function onReset() {
+    success({
+      title: "\u6210\u529F\u63D0\u793A",
+      message: "\u91CD\u7F6E\u6210\u529F"
+    });
+  };
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      width: 500
+    }
+  }, /* @__PURE__ */React__default.createElement(Form, {
+    form: form,
+    onSubmit: onSubmit,
+    onReset: onReset,
+    colon: true,
+    labelWidth: 100
+  }, /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u59D3\u540D",
+    name: "name",
+    requiredMark: true,
+    rules: [{
+      required: true,
+      message: "\u8BF7\u8F93\u5165\u59D3\u540D"
+    }]
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u59D3\u540D"
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u90AE\u7BB1",
+    name: "email",
+    rules: [{
+      email: true,
+      message: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u90AE\u7BB1"
+    }]
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u90AE\u7BB1"
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u5E74\u9F84",
+    name: "age"
+  }, /* @__PURE__ */React__default.createElement(InputNumber, {
+    placeholder: "\u8BF7\u8F93\u5165\u5E74\u9F84",
+    min: 1,
+    max: 120
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u662F\u5426\u542F\u7528",
+    name: "enabled"
+  }, /* @__PURE__ */React__default.createElement(Switch, null)), /* @__PURE__ */React__default.createElement(FormItem, {
+    style: {
+      marginInlineStart: 100
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(Button, {
+    type: "submit",
+    theme: "primary"
+  }, "\u63D0\u4EA4"), /* @__PURE__ */React__default.createElement(Button, {
+    type: "reset"
+  }, "\u91CD\u7F6E")))));
+};
+var FormExample = function FormExample() {
+  return /* @__PURE__ */React__default.createElement(NotificationProvider, null, /* @__PURE__ */React__default.createElement(BaseForm, null));
+};
+
+export { FormExample as default };
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../components/form/_example/default.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, Input, Switch, InputNumber, Button, FormItem } from \"@tendaui/react\";\nimport { NotificationProvider, useNotification } from \"@tendaui/react/notification\";\n\nconst BaseForm = () => {\n  const [form] = Form.useForm();\n  const { success } = useNotification();\n\n  const onSubmit = (e: any) => {\n    if (e.validateResult === true) {\n      success({ title: \"成功提示\", message: \"提交成功\" });\n      console.log(\"表单数据:\", e.fields);\n    }\n  };\n\n  const onReset = () => {\n    success({ title: \"成功提示\", message: \"重置成功\" });\n  };\n\n  return (\n    <div style={{ width: 500 }}>\n      <Form form={form} onSubmit={onSubmit} onReset={onReset} colon labelWidth={100}>\n        <FormItem label=\"姓名\" name=\"name\" requiredMark rules={[{ required: true, message: \"请输入姓名\" }]}>\n          <Input placeholder=\"请输入姓名\" />\n        </FormItem>\n\n        <FormItem label=\"邮箱\" name=\"email\" rules={[{ email: true, message: \"请输入正确的邮箱\" }]}>\n          <Input placeholder=\"请输入邮箱\" />\n        </FormItem>\n\n        <FormItem label=\"年龄\" name=\"age\">\n          <InputNumber placeholder=\"请输入年龄\" min={1} max={120} />\n        </FormItem>\n\n        <FormItem label=\"是否启用\" name=\"enabled\">\n          <Switch />\n        </FormItem>\n\n        <FormItem style={{ marginInlineStart: 100 }}>\n          <div style={{ display: \"flex\", gap: \"8px\" }}>\n            <Button type=\"submit\" theme=\"primary\">\n              提交\n            </Button>\n            <Button type=\"reset\">重置</Button>\n          </div>\n        </FormItem>\n      </Form>\n    </div>\n  );\n};\n\nconst FormExample = () => (\n  <NotificationProvider>\n    <BaseForm />\n  </NotificationProvider>\n);\n\nexport default FormExample;\n"],"names":["BaseForm","_Form$useForm","Form","useForm","_Form$useForm2","_slicedToArray","form","_useNotification","useNotification","success","onSubmit","e","validateResult","title","message","console","log","fields","onReset","React","createElement","style","width","colon","labelWidth","FormItem","label","name","requiredMark","rules","required","Input","placeholder","email","InputNumber","min","max","Switch","marginInlineStart","display","gap","Button","type","theme","FormExample","NotificationProvider"],"mappings":"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"}

package/es/form/_example/disabled.js

@@ -0,0 +1,40 @@
+import React__default from 'react';
+import { Form, FormItem, Input, Select, Switch } from '@tendaui/react';
+
+var DisabledForm = function DisabledForm() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      width: 500
+    }
+  }, /* @__PURE__ */React__default.createElement(Form, {
+    disabled: true,
+    labelWidth: 100,
+    colon: true
+  }, /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u7528\u6237\u540D",
+    name: "username"
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
+    defaultValue: "admin"
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u89D2\u8272",
+    name: "role"
+  }, /* @__PURE__ */React__default.createElement(Select, {
+    defaultValue: "admin",
+    options: [{
+      label: "\u7BA1\u7406\u5458",
+      value: "admin"
+    }, {
+      label: "\u7528\u6237",
+      value: "user"
+    }]
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u542F\u7528",
+    name: "enabled"
+  }, /* @__PURE__ */React__default.createElement(Switch, {
+    defaultValue: true
+  }))));
+};
+
+export { DisabledForm as default };
+//# sourceMappingURL=disabled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.js","sources":["../../../../components/form/_example/disabled.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, Input, Switch, Select, FormItem } from \"@tendaui/react\";\n\nconst DisabledForm = () => (\n  <div style={{ width: 500 }}>\n    <Form disabled labelWidth={100} colon>\n      <FormItem label=\"用户名\" name=\"username\">\n        <Input placeholder=\"请输入用户名\" defaultValue=\"admin\" />\n      </FormItem>\n      <FormItem label=\"角色\" name=\"role\">\n        <Select\n          defaultValue=\"admin\"\n          options={[\n            { label: \"管理员\", value: \"admin\" },\n            { label: \"用户\", value: \"user\" }\n          ]}\n        />\n      </FormItem>\n      <FormItem label=\"启用\" name=\"enabled\">\n        <Switch defaultValue={true} />\n      </FormItem>\n    </Form>\n  </div>\n);\n\nexport default DisabledForm;\n"],"names":["DisabledForm","React","createElement","style","width","Form","disabled","labelWidth","colon","FormItem","label","name","Input","placeholder","defaultValue","Select","options","value","Switch"],"mappings":";;;AAGA,IAAMA,eAAe,SAAfA;wBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAI;AAAA,GAAA,iBACvBH,cAAA,CAAAC,aAAA,CAACG;AAAKC,IAAAA,QAAA,EAAQ,IAAA;AAACC,IAAAA,UAAA,EAAY,GAAA;AAAKC,IAAAA,OAAK;AAAA,GAAA,iBACnCP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM;AAAMC,IAAAA,IAAA,EAAK;AAAA,GAAA,iBACzBV,cAAA,CAAAC,aAAA,CAACU,KAAA,EAAA;AAAMC,IAAAA,aAAY,sCAAA;AAASC,IAAAA,YAAA,EAAa;GAAQ,CACnD,kBACAb,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,cAAA;AAAKC,IAAAA,MAAK;AAAA,GAAA,iBACxBV,cAAA,CAAAC,aAAA,CAACa,MAAA,EAAA;AACCD,IAAAA,YAAA,EAAa,OAAA;AACbE,IAAAA,OAAA,EAAS,CACP;AAAEN,MAAAA,KAAA,EAAO,oBAAA;AAAOO,MAAAA,KAAA,EAAO;AAAQ,KAAA,EAC/B;AAAEP,MAAAA,KAAA,EAAO,cAAA;AAAMO,MAAAA,KAAA,EAAO;KAAO;GAEjC,CACF,CAAA,iBACAhB,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,cAAA;AAAKC,IAAAA,IAAA,EAAK;AAAA,GAAA,iBACxBV,cAAA,CAAAC,aAAA,CAACgB,MAAA,EAAA;AAAOJ,IAAAA,YAAA,EAAc;GAAM,CAC9B,CACF,CACF,CAAA;AAAA;;;;"}

package/es/form/_example/form-list.js

@@ -0,0 +1,122 @@
+import { _ as _defineProperty } from '../../_chunks/dep-Cwish4GD.js';
+import { _ as _objectWithoutProperties } from '../../_chunks/dep-DN7d1SzH.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default from 'react';
+import { Form, FormList, FormItem, Select, Input, Button } from '@tendaui/react';
+import '../../_chunks/dep-D-UKOauR.js';
+
+var _excluded = ["key", "name"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormListExample = function FormListExample() {
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var onSubmit = function onSubmit() {
+    var allFields = form.getFieldsValue(true);
+    console.log("\u8868\u5355\u6570\u636E:", allFields);
+  };
+  var cityOptions = [{
+    label: "\u5317\u4EAC",
+    value: "bj"
+  }, {
+    label: "\u4E0A\u6D77",
+    value: "sh"
+  }, {
+    label: "\u5E7F\u5DDE",
+    value: "gz"
+  }, {
+    label: "\u6DF1\u5733",
+    value: "sz"
+  }];
+  return /* @__PURE__ */React__default.createElement(Form, {
+    form: form,
+    colon: true,
+    onSubmit: onSubmit,
+    labelWidth: 100,
+    initialData: {
+      address: [{
+        city: "bj",
+        area: "\u6D77\u6DC0"
+      }, {
+        city: "sh",
+        area: "\u6D66\u4E1C"
+      }]
+    }
+  }, /* @__PURE__ */React__default.createElement(FormList, {
+    name: "address"
+  }, function (fields, _ref) {
+    var add = _ref.add,
+      remove = _ref.remove;
+    return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, fields.map(function (_ref2, index) {
+      var key = _ref2.key,
+        name = _ref2.name,
+        restField = _objectWithoutProperties(_ref2, _excluded);
+      return /* @__PURE__ */React__default.createElement(FormItem, {
+        key: key,
+        label: "\u5730\u5740 ".concat(index + 1)
+      }, /* @__PURE__ */React__default.createElement("div", {
+        style: {
+          display: "flex",
+          gap: "8px",
+          alignItems: "center"
+        }
+      }, /* @__PURE__ */React__default.createElement(FormItem, _objectSpread(_objectSpread({
+        name: [name, "city"],
+        rules: [{
+          required: true,
+          message: "\u8BF7\u9009\u62E9\u57CE\u5E02"
+        }]
+      }, restField), {}, {
+        style: {
+          marginBottom: 0
+        }
+      }), /* @__PURE__ */React__default.createElement(Select, {
+        options: cityOptions,
+        placeholder: "\u9009\u62E9\u57CE\u5E02",
+        style: {
+          width: "120px"
+        }
+      })), /* @__PURE__ */React__default.createElement(FormItem, _objectSpread(_objectSpread({
+        name: [name, "area"]
+      }, restField), {}, {
+        style: {
+          marginBottom: 0
+        }
+      }), /* @__PURE__ */React__default.createElement(Input, {
+        placeholder: "\u8BE6\u7EC6\u5730\u5740",
+        style: {
+          width: "200px"
+        }
+      })), fields.length > 1 && /* @__PURE__ */React__default.createElement(Button, {
+        variant: "text",
+        theme: "danger",
+        onClick: function onClick() {
+          return remove(index);
+        }
+      }, "\u5220\u9664")));
+    }), /* @__PURE__ */React__default.createElement(FormItem, {
+      style: {
+        marginLeft: 100
+      }
+    }, /* @__PURE__ */React__default.createElement(Button, {
+      variant: "dashed",
+      onClick: function onClick() {
+        return add({
+          city: "",
+          area: ""
+        });
+      }
+    }, "+ \u6DFB\u52A0\u5730\u5740")));
+  }), /* @__PURE__ */React__default.createElement(FormItem, {
+    style: {
+      marginLeft: 100
+    }
+  }, /* @__PURE__ */React__default.createElement(Button, {
+    type: "submit",
+    theme: "primary"
+  }, "\u63D0\u4EA4")));
+};
+
+export { FormListExample as default };
+//# sourceMappingURL=form-list.js.map

package/es/form/_example/form-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-list.js","sources":["../../../../components/form/_example/form-list.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, Input, Button, Select, FormItem, FormList } from \"@tendaui/react\";\n\nconst FormListExample = () => {\n  const [form] = Form.useForm();\n\n  const onSubmit = () => {\n    const allFields = form.getFieldsValue(true);\n    console.log(\"表单数据:\", allFields);\n  };\n\n  const cityOptions = [\n    { label: \"北京\", value: \"bj\" },\n    { label: \"上海\", value: \"sh\" },\n    { label: \"广州\", value: \"gz\" },\n    { label: \"深圳\", value: \"sz\" }\n  ];\n\n  return (\n    <Form\n      form={form}\n      colon\n      onSubmit={onSubmit}\n      labelWidth={100}\n      initialData={{\n        address: [\n          { city: \"bj\", area: \"海淀\" },\n          { city: \"sh\", area: \"浦东\" }\n        ]\n      }}\n    >\n      <FormList name=\"address\">\n        {(fields, { add, remove }) => (\n          <>\n            {fields.map(({ key, name, ...restField }, index) => (\n              <FormItem key={key} label={`地址 ${index + 1}`}>\n                <div style={{ display: \"flex\", gap: \"8px\", alignItems: \"center\" }}>\n                  <FormItem\n                    name={[name, \"city\"]}\n                    rules={[{ required: true, message: \"请选择城市\" }]}\n                    {...restField}\n                    style={{ marginBottom: 0 }}\n                  >\n                    <Select options={cityOptions} placeholder=\"选择城市\" style={{ width: \"120px\" }} />\n                  </FormItem>\n                  <FormItem name={[name, \"area\"]} {...restField} style={{ marginBottom: 0 }}>\n                    <Input placeholder=\"详细地址\" style={{ width: \"200px\" }} />\n                  </FormItem>\n                  {fields.length > 1 && (\n                    <Button variant=\"text\" theme=\"danger\" onClick={() => remove(index)}>\n                      删除\n                    </Button>\n                  )}\n                </div>\n              </FormItem>\n            ))}\n            <FormItem style={{ marginLeft: 100 }}>\n              <Button variant=\"dashed\" onClick={() => add({ city: \"\", area: \"\" })}>\n                + 添加地址\n              </Button>\n            </FormItem>\n          </>\n        )}\n      </FormList>\n      <FormItem style={{ marginLeft: 100 }}>\n        <Button type=\"submit\" theme=\"primary\">\n          提交\n        </Button>\n      </FormItem>\n    </Form>\n  );\n};\n\nexport default FormListExample;\n"],"names":["FormListExample","_Form$useForm","Form","useForm","_Form$useForm2","_slicedToArray","form","onSubmit","allFields","getFieldsValue","console","log","cityOptions","label","value","React","createElement","colon","labelWidth","initialData","address","city","area","FormList","name","fields","add","_ref","remove","map","_ref2","index","key","restField","_objectWithoutProperties","_excluded","FormItem","style","display","gap","alignItems","_objectSpread","rules","required","message","marginBottom","Select","options","placeholder","width","Input","length","Button","variant","theme","onClick","marginLeft","type"],"mappings":"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"}

package/es/form/_example/inline-layout.js

@@ -0,0 +1,32 @@
+import React__default from 'react';
+import { Form, FormItem, Input, Button } from '@tendaui/react';
+
+var InlineLayoutForm = function InlineLayoutForm() {
+  return /* @__PURE__ */React__default.createElement(Form, {
+    layout: "inline",
+    labelWidth: 60
+  }, /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u7528\u6237\u540D",
+    name: "username"
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u7528\u6237\u540D",
+    style: {
+      width: "150px"
+    }
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u5BC6\u7801",
+    name: "password"
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    type: "password",
+    placeholder: "\u5BC6\u7801",
+    style: {
+      width: "150px"
+    }
+  })), /* @__PURE__ */React__default.createElement(FormItem, null, /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    type: "submit"
+  }, "\u767B\u5F55")));
+};
+
+export { InlineLayoutForm as default };
+//# sourceMappingURL=inline-layout.js.map

package/es/form/_example/inline-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-layout.js","sources":["../../../../components/form/_example/inline-layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, Input, Button, FormItem } from \"@tendaui/react\";\n\nconst InlineLayoutForm = () => (\n  <Form layout=\"inline\" labelWidth={60}>\n    <FormItem label=\"用户名\" name=\"username\">\n      <Input placeholder=\"用户名\" style={{ width: \"150px\" }} />\n    </FormItem>\n    <FormItem label=\"密码\" name=\"password\">\n      <Input type=\"password\" placeholder=\"密码\" style={{ width: \"150px\" }} />\n    </FormItem>\n    <FormItem>\n      <Button theme=\"primary\" type=\"submit\">\n        登录\n      </Button>\n    </FormItem>\n  </Form>\n);\n\nexport default InlineLayoutForm;\n"],"names":["InlineLayoutForm","React","createElement","Form","layout","labelWidth","FormItem","label","name","Input","placeholder","style","width","type","Button","theme"],"mappings":";;;AAGA,IAAMA,gBAAA,GAAmB,SAAnBA,gBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAACC,IAAA,EAAA;AAAKC,IAAAA,MAAA,EAAO;AAASC,IAAAA,UAAA,EAAY;AAAA,GAAA,iBAChCJ,cAAA,CAAAC,aAAA,CAACI,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAM,oBAAA;AAAMC,IAAAA,MAAK;AAAA,GAAA,iBACzBP,cAAA,CAAAC,aAAA,CAACO,KAAA,EAAA;AAAMC,IAAAA,WAAA,EAAY,oBAAA;AAAMC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACtD,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAACI,QAAA,EAAA;AAASC,IAAAA,OAAM,cAAA;AAAKC,IAAAA,IAAA,EAAK;AAAA,GAAA,iBACxBP,cAAA,CAAAC,aAAA,CAACO,KAAA,EAAA;AAAMI,IAAAA,IAAA,EAAK;AAAWH,IAAAA,WAAA,EAAY,cAAA;AAAKC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACrE,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAACI,QAAA,EAAA,IAAA,iBACCL,cAAA,CAAAC,aAAA,CAACY,MAAA,EAAA;AAAOC,IAAAA,KAAA,EAAM,SAAA;AAAUF,IAAAA,IAAA,EAAK;AAAA,GAAA,EAAS,cAEtC,CACF,CACF,CAAA;AAAA;;;;"}

package/es/form/_example/label-align.js

@@ -0,0 +1,73 @@
+import React__default from 'react';
+import { Form, Input } from '@tendaui/react';
+
+var FormItem = Form.FormItem;
+var LabelAlignForm = function LabelAlignForm() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "32px",
+      width: 500
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+    style: {
+      marginBottom: "12px",
+      color: "#666"
+    }
+  }, "\u5DE6\u5BF9\u9F50"), /* @__PURE__ */React__default.createElement(Form, {
+    labelAlign: "left",
+    labelWidth: 100
+  }, /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u7528\u6237\u540D",
+    name: "username1"
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u5BC6\u7801",
+    name: "password1"
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    type: "password",
+    placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+  })))), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+    style: {
+      marginBottom: "12px",
+      color: "#666"
+    }
+  }, "\u53F3\u5BF9\u9F50"), /* @__PURE__ */React__default.createElement(Form, {
+    labelAlign: "right",
+    labelWidth: 100
+  }, /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u7528\u6237\u540D",
+    name: "username2"
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u5BC6\u7801",
+    name: "password2"
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    type: "password",
+    placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+  })))), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+    style: {
+      marginBottom: "12px",
+      color: "#666"
+    }
+  }, "\u9876\u90E8\u5BF9\u9F50"), /* @__PURE__ */React__default.createElement(Form, {
+    labelAlign: "top"
+  }, /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u7528\u6237\u540D",
+    name: "username3"
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u5BC6\u7801",
+    name: "password3"
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    type: "password",
+    placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+  })))));
+};
+
+export { LabelAlignForm as default };
+//# sourceMappingURL=label-align.js.map

package/es/form/_example/label-align.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-align.js","sources":["../../../../components/form/_example/label-align.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, Input } from \"@tendaui/react\";\n\nconst { FormItem } = Form;\n\nconst LabelAlignForm = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"32px\", width: 500 }}>\n    <div>\n      <h4 style={{ marginBottom: \"12px\", color: \"#666\" }}>左对齐</h4>\n      <Form labelAlign=\"left\" labelWidth={100}>\n        <FormItem label=\"用户名\" name=\"username1\">\n          <Input placeholder=\"请输入用户名\" />\n        </FormItem>\n        <FormItem label=\"密码\" name=\"password1\">\n          <Input type=\"password\" placeholder=\"请输入密码\" />\n        </FormItem>\n      </Form>\n    </div>\n\n    <div>\n      <h4 style={{ marginBottom: \"12px\", color: \"#666\" }}>右对齐</h4>\n      <Form labelAlign=\"right\" labelWidth={100}>\n        <FormItem label=\"用户名\" name=\"username2\">\n          <Input placeholder=\"请输入用户名\" />\n        </FormItem>\n        <FormItem label=\"密码\" name=\"password2\">\n          <Input type=\"password\" placeholder=\"请输入密码\" />\n        </FormItem>\n      </Form>\n    </div>\n\n    <div>\n      <h4 style={{ marginBottom: \"12px\", color: \"#666\" }}>顶部对齐</h4>\n      <Form labelAlign=\"top\">\n        <FormItem label=\"用户名\" name=\"username3\">\n          <Input placeholder=\"请输入用户名\" />\n        </FormItem>\n        <FormItem label=\"密码\" name=\"password3\">\n          <Input type=\"password\" placeholder=\"请输入密码\" />\n        </FormItem>\n      </Form>\n    </div>\n  </div>\n);\n\nexport default LabelAlignForm;\n"],"names":["FormItem","Form","LabelAlignForm","React","createElement","style","display","flexDirection","gap","width","marginBottom","color","labelAlign","labelWidth","label","name","Input","placeholder","type"],"mappings":"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"}

package/es/form/_example/methods.js

@@ -0,0 +1,118 @@
+import { _ as _asyncToGenerator, a as _regeneratorRuntime } from '../../_chunks/dep-CPjkUfQu.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default from 'react';
+import { Form, FormItem, Input, Button } from '@tendaui/react';
+import { useNotification, NotificationProvider } from '@tendaui/react/notification';
+import '../../_chunks/dep--nQ-cjme.js';
+
+var FormMethodsExample = function FormMethodsExample() {
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useNotification = useNotification(),
+    success = _useNotification.success;
+  var handleValidate = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var result;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 1;
+            return form.validate();
+          case 1:
+            result = _context.sent;
+            console.log("\u9A8C\u8BC1\u7ED3\u679C:", result);
+            if (result === true) {
+              success({
+                title: "\u9A8C\u8BC1\u901A\u8FC7",
+                message: "\u8868\u5355\u9A8C\u8BC1\u6210\u529F"
+              });
+            }
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleValidate() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleSetFields = function handleSetFields() {
+    form.setFieldsValue({
+      username: "testuser",
+      email: "test@example.com"
+    });
+    success({
+      title: "\u8BBE\u7F6E\u6210\u529F",
+      message: "\u5DF2\u586B\u5145\u8868\u5355\u6570\u636E"
+    });
+  };
+  var handleGetFields = function handleGetFields() {
+    var values = form.getFieldsValue(true);
+    console.log("\u5F53\u524D\u8868\u5355\u503C:", values);
+    success({
+      title: "\u83B7\u53D6\u6210\u529F",
+      message: JSON.stringify(values)
+    });
+  };
+  var handleReset = function handleReset() {
+    form.reset();
+    success({
+      title: "\u91CD\u7F6E\u6210\u529F",
+      message: "\u8868\u5355\u5DF2\u91CD\u7F6E"
+    });
+  };
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      width: 500
+    }
+  }, /* @__PURE__ */React__default.createElement(Form, {
+    form: form,
+    labelWidth: 100,
+    colon: true
+  }, /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u7528\u6237\u540D",
+    name: "username",
+    rules: [{
+      required: true,
+      message: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
+    }]
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    label: "\u90AE\u7BB1",
+    name: "email",
+    rules: [{
+      email: true,
+      message: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u90AE\u7BB1"
+    }]
+  }, /* @__PURE__ */React__default.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u90AE\u7BB1"
+  })), /* @__PURE__ */React__default.createElement(FormItem, {
+    style: {
+      marginInlineStart: 100
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "8px",
+      flexWrap: "wrap"
+    }
+  }, /* @__PURE__ */React__default.createElement(Button, {
+    theme: "primary",
+    onClick: handleValidate
+  }, "\u9A8C\u8BC1\u8868\u5355"), /* @__PURE__ */React__default.createElement(Button, {
+    onClick: handleSetFields
+  }, "\u586B\u5145\u6570\u636E"), /* @__PURE__ */React__default.createElement(Button, {
+    onClick: handleGetFields
+  }, "\u83B7\u53D6\u6570\u636E"), /* @__PURE__ */React__default.createElement(Button, {
+    onClick: handleReset
+  }, "\u91CD\u7F6E\u8868\u5355")))));
+};
+var FormExample = function FormExample() {
+  return /* @__PURE__ */React__default.createElement(NotificationProvider, null, /* @__PURE__ */React__default.createElement(FormMethodsExample, null));
+};
+
+export { FormExample as default };
+//# sourceMappingURL=methods.js.map

package/es/form/_example/methods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"methods.js","sources":["../../../../components/form/_example/methods.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, Input, Button, FormItem } from \"@tendaui/react\";\nimport { NotificationProvider, useNotification } from \"@tendaui/react/notification\";\n\nconst FormMethodsExample = () => {\n  const [form] = Form.useForm();\n  const { success } = useNotification();\n\n  const handleValidate = async () => {\n    const result = await form.validate();\n    console.log(\"验证结果:\", result);\n    if (result === true) {\n      success({ title: \"验证通过\", message: \"表单验证成功\" });\n    }\n  };\n\n  const handleSetFields = () => {\n    form.setFieldsValue({\n      username: \"testuser\",\n      email: \"test@example.com\"\n    });\n    success({ title: \"设置成功\", message: \"已填充表单数据\" });\n  };\n\n  const handleGetFields = () => {\n    const values = form.getFieldsValue(true);\n    console.log(\"当前表单值:\", values);\n    success({ title: \"获取成功\", message: JSON.stringify(values) });\n  };\n\n  const handleReset = () => {\n    form.reset();\n    success({ title: \"重置成功\", message: \"表单已重置\" });\n  };\n\n  return (\n    <div style={{ width: 500 }}>\n      <Form form={form} labelWidth={100} colon>\n        <FormItem label=\"用户名\" name=\"username\" rules={[{ required: true, message: \"请输入用户名\" }]}>\n          <Input placeholder=\"请输入用户名\" />\n        </FormItem>\n        <FormItem label=\"邮箱\" name=\"email\" rules={[{ email: true, message: \"请输入正确的邮箱\" }]}>\n          <Input placeholder=\"请输入邮箱\" />\n        </FormItem>\n        <FormItem style={{ marginInlineStart: 100 }}>\n          <div style={{ display: \"flex\", gap: \"8px\", flexWrap: \"wrap\" }}>\n            <Button theme=\"primary\" onClick={handleValidate}>\n              验证表单\n            </Button>\n            <Button onClick={handleSetFields}>填充数据</Button>\n            <Button onClick={handleGetFields}>获取数据</Button>\n            <Button onClick={handleReset}>重置表单</Button>\n          </div>\n        </FormItem>\n      </Form>\n    </div>\n  );\n};\n\nconst FormExample = () => (\n  <NotificationProvider>\n    <FormMethodsExample />\n  </NotificationProvider>\n);\n\nexport default FormExample;\n"],"names":["FormMethodsExample","_Form$useForm","Form","useForm","_Form$useForm2","_slicedToArray","form","_useNotification","useNotification","success","handleValidate","_callee","result","_regeneratorRuntime","wrap","_context","prev","next","validate","sent","console","log","title","message","stop","handleSetFields","setFieldsValue","username","email","handleGetFields","values","getFieldsValue","JSON","stringify","handleReset","reset","React","createElement","style","width","labelWidth","colon","FormItem","label","name","rules","required","Input","placeholder","marginInlineStart","display","gap","flexWrap","Button","theme","onClick","FormExample","NotificationProvider"],"mappings":"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"}