ant-design/dab3a93c-async.cd40abda.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["dab3a93c"],{dab3a93c:function(e,t,n){"use strict";n.d(t,"__esModule",{value:!0}),n.d(t,"default",{enumerable:!0,get:function(){return h;}});var r=n("777fffbe"),s=n("f19d2b93"),i=r._(n("b622e337")),o=r._(n("67074e5d")),a=r._(n("3098b24f")),c=r._(n("84b131b4")),l=r._(n("97c488ea")),p=r._(n("c96b0d01")),d=n("5b220c3d"),m=n("9c86e52a");function u(){let{texts:e}=(0,m.useRouteMeta)();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"\u4F55\u65F6\u4F7F\u7528",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4F55\u65F6\u4F7F\u7528",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4F55\u65F6\u4F7F\u7528"]}),(0,s.jsxs)("ul",{children:[(0,s.jsx)("li",{children:e[0].value}),(0,s.jsx)("li",{children:e[1].value})]}),(0,s.jsxs)("h2",{id:"\u4EE3\u7801\u6F14\u793A",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4EE3\u7801\u6F14\u793A",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4EE3\u7801\u6F14\u793A"]})]}),(0,s.jsx)(c.default,{items:[{demo:{id:"form-demo-basic"},previewerProps:{title:"\u57FA\u672C\u4F7F\u7528",filename:"components/form/demo/basic.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, Checkbox, Form, Input } from \'antd\';\nconst onFinish = (values) => {\n  console.log(\'Success:\', values);\n};\nconst onFinishFailed = (errorInfo) => {\n  console.log(\'Failed:\', errorInfo);\n};\nconst App = () => (\n  <Form\n    name="basic"\n    labelCol={{\n      span: 8,\n    }}\n    wrapperCol={{\n      span: 16,\n    }}\n    style={{\n      maxWidth: 600,\n    }}\n    initialValues={{\n      remember: true,\n    }}\n    onFinish={onFinish}\n    onFinishFailed={onFinishFailed}\n    autoComplete="off"\n  >\n    <Form.Item\n      label="Username"\n      name="username"\n      rules={[\n        {\n          required: true,\n          message: \'Please input your username!\',\n        },\n      ]}\n    >\n      <Input />\n    </Form.Item>\n\n    <Form.Item\n      label="Password"\n      name="password"\n      rules={[\n        {\n          required: true,\n          message: \'Please input your password!\',\n        },\n      ]}\n    >\n      <Input.Password />\n    </Form.Item>\n\n    <Form.Item name="remember" valuePropName="checked" label={null}>\n      <Checkbox>Remember me</Checkbox>\n    </Form.Item>\n\n    <Form.Item label={null}>\n      <Button type="primary" htmlType="submit">\n        Submit\n      </Button>\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:"<p>\u57FA\u672C\u7684\u8868\u5355\u6570\u636E\u57DF\u63A7\u5236\u5C55\u793A\uFF0C\u5305\u542B\u5E03\u5C40\u3001\u521D\u59CB\u5316\u3001\u9A8C\u8BC1\u3001\u63D0\u4EA4\u3002</p>"}},{demo:{id:"form-demo-control-hooks"},previewerProps:{title:"\u8868\u5355\u65B9\u6CD5\u8C03\u7528",filename:"components/form/demo/control-hooks.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, Form, Input, Select, Space } from \'antd\';\nconst { Option } = Select;\nconst layout = {\n  labelCol: {\n    span: 8,\n  },\n  wrapperCol: {\n    span: 16,\n  },\n};\nconst tailLayout = {\n  wrapperCol: {\n    offset: 8,\n    span: 16,\n  },\n};\nconst App = () => {\n  const [form] = Form.useForm();\n  const onGenderChange = (value) => {\n    switch (value) {\n      case \'male\':\n        form.setFieldsValue({\n          note: \'Hi, man!\',\n        });\n        break;\n      case \'female\':\n        form.setFieldsValue({\n          note: \'Hi, lady!\',\n        });\n        break;\n      case \'other\':\n        form.setFieldsValue({\n          note: \'Hi there!\',\n        });\n        break;\n      default:\n    }\n  };\n  const onFinish = (values) => {\n    console.log(values);\n  };\n  const onReset = () => {\n    form.resetFields();\n  };\n  const onFill = () => {\n    form.setFieldsValue({\n      note: \'Hello world!\',\n      gender: \'male\',\n    });\n  };\n  return (\n    <Form\n      {...layout}\n      form={form}\n      name="control-hooks"\n      onFinish={onFinish}\n      style={{\n        maxWidth: 600,\n      }}\n    >\n      <Form.Item\n        name="note"\n        label="Note"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n      <Form.Item\n        name="gender"\n        label="Gender"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Select\n          placeholder="Select a option and change input text above"\n          onChange={onGenderChange}\n          allowClear\n        >\n          <Option value="male">male</Option>\n          <Option value="female">female</Option>\n          <Option value="other">other</Option>\n        </Select>\n      </Form.Item>\n      <Form.Item\n        noStyle\n        shouldUpdate={(prevValues, currentValues) => prevValues.gender !== currentValues.gender}\n      >\n        {({ getFieldValue }) =>\n          getFieldValue(\'gender\') === \'other\' ? (\n            <Form.Item\n              name="customizeGender"\n              label="Customize Gender"\n              rules={[\n                {\n                  required: true,\n                },\n              ]}\n            >\n              <Input />\n            </Form.Item>\n          ) : null\n        }\n      </Form.Item>\n      <Form.Item {...tailLayout}>\n        <Space>\n          <Button type="primary" htmlType="submit">\n            Submit\n          </Button>\n          <Button htmlType="button" onClick={onReset}>\n            Reset\n          </Button>\n          <Button type="link" htmlType="button" onClick={onFill}>\n            Fill form\n          </Button>\n        </Space>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:'<p>\u901A\u8FC7 <code>Form.useForm</code> \u5BF9\u8868\u5355\u6570\u636E\u57DF\u8FDB\u884C\u4EA4\u4E92\u3002</p>\n<blockquote>\n<p>\u6CE8\u610F <code>useForm</code> \u662F <a href="https://reactjs.org/docs/hooks-intro.html">React Hooks</a> \u7684\u5B9E\u73B0\uFF0C\u53EA\u80FD\u7528\u4E8E\u51FD\u6570\u7EC4\u4EF6\u3002\u5982\u679C\u662F\u5728 Class Component \u4E0B\uFF0C\u4F60\u4E5F\u53EF\u4EE5\u901A\u8FC7 <code>ref</code> \u83B7\u53D6\u6570\u636E\u57DF\uFF1A<a href="https://codesandbox.io/p/sandbox/ngtjtm">https://codesandbox.io/p/sandbox/ngtjtm</a></p>\n</blockquote>'}},{demo:{id:"form-demo-layout"},previewerProps:{title:"\u8868\u5355\u5E03\u5C40",filename:"components/form/demo/layout.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React, { useState } from \'react\';\nimport { Button, Form, Input, Radio } from \'antd\';\nconst App = () => {\n  const [form] = Form.useForm();\n  const [formLayout, setFormLayout] = useState(\'horizontal\');\n  const onFormLayoutChange = ({ layout }) => {\n    setFormLayout(layout);\n  };\n  return (\n    <Form\n      layout={formLayout}\n      form={form}\n      initialValues={{\n        layout: formLayout,\n      }}\n      onValuesChange={onFormLayoutChange}\n      style={{\n        maxWidth: formLayout === \'inline\' ? \'none\' : 600,\n      }}\n    >\n      <Form.Item label="Form Layout" name="layout">\n        <Radio.Group value={formLayout}>\n          <Radio.Button value="horizontal">Horizontal</Radio.Button>\n          <Radio.Button value="vertical">Vertical</Radio.Button>\n          <Radio.Button value="inline">Inline</Radio.Button>\n        </Radio.Group>\n      </Form.Item>\n      <Form.Item label="Field A">\n        <Input placeholder="input placeholder" />\n      </Form.Item>\n      <Form.Item label="Field B">\n        <Input placeholder="input placeholder" />\n      </Form.Item>\n      <Form.Item>\n        <Button type="primary">Submit</Button>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>\u8868\u5355\u6709\u4E09\u79CD\u5E03\u5C40\u3002</p>"}},{demo:{id:"form-demo-layout-multiple"},previewerProps:{title:"\u8868\u5355\u6DF7\u5408\u5E03\u5C40",filename:"components/form/demo/layout-multiple.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Form, Input } from \'antd\';\nconst App = () => (\n  <>\n    <Form\n      name="layout-multiple-horizontal"\n      layout="horizontal"\n      labelCol={{\n        span: 4,\n      }}\n      wrapperCol={{\n        span: 20,\n      }}\n    >\n      <Form.Item\n        label="horizontal"\n        name="horizontal"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n      <Form.Item\n        layout="vertical"\n        label="vertical"\n        name="vertical"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n        labelCol={{\n          span: 24,\n        }}\n        wrapperCol={{\n          span: 24,\n        }}\n      >\n        <Input />\n      </Form.Item>\n    </Form>\n    <br />\n    <Form\n      name="layout-multiple-vertical"\n      layout="vertical"\n      labelCol={{\n        span: 4,\n      }}\n      wrapperCol={{\n        span: 20,\n      }}\n    >\n      <Form.Item\n        label="vertical"\n        name="vertical"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n      <Form.Item\n        layout="horizontal"\n        label="horizontal"\n        name="horizontal"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n    </Form>\n  </>\n);\nexport default App;\n',description:"<p>\u5728 <code>Form.Item</code> \u4E0A\u5355\u72EC\u5B9A\u4E49 <code>layout</code>\uFF0C\u53EF\u4EE5\u505A\u5230\u4E00\u4E2A\u8868\u5355\u591A\u79CD\u5E03\u5C40\u3002</p>"}},{demo:{id:"form-demo-disabled"},previewerProps:{title:"\u8868\u5355\u7981\u7528",filename:"components/form/demo/disabled.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React, { useState } from \'react\';\nimport { PlusOutlined } from \'@ant-design/icons\';\nimport {\n  Button,\n  Cascader,\n  Checkbox,\n  ColorPicker,\n  DatePicker,\n  Form,\n  Input,\n  InputNumber,\n  Radio,\n  Rate,\n  Select,\n  Slider,\n  Switch,\n  TreeSelect,\n  Upload,\n} from \'antd\';\nconst { RangePicker } = DatePicker;\nconst { TextArea } = Input;\nconst normFile = (e) => {\n  if (Array.isArray(e)) {\n    return e;\n  }\n  return e?.fileList;\n};\nconst FormDisabledDemo = () => {\n  const [componentDisabled, setComponentDisabled] = useState(true);\n  return (\n    <>\n      <Checkbox\n        checked={componentDisabled}\n        onChange={(e) => setComponentDisabled(e.target.checked)}\n      >\n        Form disabled\n      </Checkbox>\n      <Form\n        labelCol={{\n          span: 4,\n        }}\n        wrapperCol={{\n          span: 14,\n        }}\n        layout="horizontal"\n        disabled={componentDisabled}\n        style={{\n          maxWidth: 600,\n        }}\n      >\n        <Form.Item label="Checkbox" name="disabled" valuePropName="checked">\n          <Checkbox>Checkbox</Checkbox>\n        </Form.Item>\n        <Form.Item label="Radio">\n          <Radio.Group>\n            <Radio value="apple"> Apple </Radio>\n            <Radio value="pear"> Pear </Radio>\n          </Radio.Group>\n        </Form.Item>\n        <Form.Item label="Input">\n          <Input />\n        </Form.Item>\n        <Form.Item label="Select">\n          <Select>\n            <Select.Option value="demo">Demo</Select.Option>\n          </Select>\n        </Form.Item>\n        <Form.Item label="TreeSelect">\n          <TreeSelect\n            treeData={[\n              {\n                title: \'Light\',\n                value: \'light\',\n                children: [\n                  {\n                    title: \'Bamboo\',\n                    value: \'bamboo\',\n                  },\n                ],\n              },\n            ]}\n          />\n        </Form.Item>\n        <Form.Item label="Cascader">\n          <Cascader\n            options={[\n              {\n                value: \'zhejiang\',\n                label: \'Zhejiang\',\n                children: [\n                  {\n                    value: \'hangzhou\',\n                    label: \'Hangzhou\',\n                  },\n                ],\n              },\n            ]}\n          />\n        </Form.Item>\n        <Form.Item label="DatePicker">\n          <DatePicker />\n        </Form.Item>\n        <Form.Item label="RangePicker">\n          <RangePicker />\n        </Form.Item>\n        <Form.Item label="InputNumber">\n          <InputNumber />\n        </Form.Item>\n        <Form.Item label="TextArea">\n          <TextArea rows={4} />\n        </Form.Item>\n        <Form.Item label="Switch" valuePropName="checked">\n          <Switch />\n        </Form.Item>\n        <Form.Item label="Upload" valuePropName="fileList" getValueFromEvent={normFile}>\n          <Upload action="/upload.do" listType="picture-card">\n            <button\n              style={{\n                border: 0,\n                background: \'none\',\n              }}\n              type="button"\n            >\n              <PlusOutlined />\n              <div\n                style={{\n                  marginTop: 8,\n                }}\n              >\n                Upload\n              </div>\n            </button>\n          </Upload>\n        </Form.Item>\n        <Form.Item label="Button">\n          <Button>Button</Button>\n        </Form.Item>\n        <Form.Item label="Slider">\n          <Slider />\n        </Form.Item>\n        <Form.Item label="ColorPicker">\n          <ColorPicker />\n        </Form.Item>\n        <Form.Item label="Rate">\n          <Rate />\n        </Form.Item>\n      </Form>\n    </>\n  );\n};\nexport default () => <FormDisabledDemo />;\n',description:"<p>\u8BBE\u7F6E\u8868\u5355\u7EC4\u4EF6\u7981\u7528\uFF0C\u4EC5\u5BF9 antd \u7EC4\u4EF6\u6709\u6548\u3002</p>"}},{demo:{id:"form-demo-variant"},previewerProps:{version:"5.13.0",title:"\u8868\u5355\u53D8\u4F53",filename:"components/form/demo/variant.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport {\n  Button,\n  Cascader,\n  DatePicker,\n  Form,\n  Input,\n  InputNumber,\n  Mentions,\n  Select,\n  TreeSelect,\n  Segmented,\n} from \'antd\';\nconst { RangePicker } = DatePicker;\nconst formItemLayout = {\n  labelCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 6,\n    },\n  },\n  wrapperCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 14,\n    },\n  },\n};\nconst App = () => {\n  const [form] = Form.useForm();\n  const variant = Form.useWatch(\'variant\', form);\n  return (\n    <Form\n      {...formItemLayout}\n      form={form}\n      variant={variant || \'filled\'}\n      style={{\n        maxWidth: 600,\n      }}\n      initialValues={{\n        variant: \'filled\',\n      }}\n    >\n      <Form.Item label="Form variant" name="variant">\n        <Segmented options={[\'outlined\', \'filled\', \'borderless\']} />\n      </Form.Item>\n\n      <Form.Item\n        label="Input"\n        name="Input"\n        rules={[\n          {\n            required: true,\n            message: \'Please input!\',\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n\n      <Form.Item\n        label="InputNumber"\n        name="InputNumber"\n        rules={[\n          {\n            required: true,\n            message: \'Please input!\',\n          },\n        ]}\n      >\n        <InputNumber\n          style={{\n            width: \'100%\',\n          }}\n        />\n      </Form.Item>\n\n      <Form.Item\n        label="TextArea"\n        name="TextArea"\n        rules={[\n          {\n            required: true,\n            message: \'Please input!\',\n          },\n        ]}\n      >\n        <Input.TextArea />\n      </Form.Item>\n\n      <Form.Item\n        label="Mentions"\n        name="Mentions"\n        rules={[\n          {\n            required: true,\n            message: \'Please input!\',\n          },\n        ]}\n      >\n        <Mentions />\n      </Form.Item>\n\n      <Form.Item\n        label="Select"\n        name="Select"\n        rules={[\n          {\n            required: true,\n            message: \'Please input!\',\n          },\n        ]}\n      >\n        <Select />\n      </Form.Item>\n\n      <Form.Item\n        label="Cascader"\n        name="Cascader"\n        rules={[\n          {\n            required: true,\n            message: \'Please input!\',\n          },\n        ]}\n      >\n        <Cascader />\n      </Form.Item>\n\n      <Form.Item\n        label="TreeSelect"\n        name="TreeSelect"\n        rules={[\n          {\n            required: true,\n            message: \'Please input!\',\n          },\n        ]}\n      >\n        <TreeSelect />\n      </Form.Item>\n\n      <Form.Item\n        label="DatePicker"\n        name="DatePicker"\n        rules={[\n          {\n            required: true,\n            message: \'Please input!\',\n          },\n        ]}\n      >\n        <DatePicker />\n      </Form.Item>\n\n      <Form.Item\n        label="RangePicker"\n        name="RangePicker"\n        rules={[\n          {\n            required: true,\n            message: \'Please input!\',\n          },\n        ]}\n      >\n        <RangePicker />\n      </Form.Item>\n\n      <Form.Item\n        wrapperCol={{\n          offset: 6,\n          span: 16,\n        }}\n      >\n        <Button type="primary" htmlType="submit">\n          Submit\n        </Button>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>\u6539\u53D8\u8868\u5355\u5185\u6240\u6709\u7EC4\u4EF6\u7684\u53D8\u4F53\uFF0C\u53EF\u9009 <code>outlined</code> <code>filled</code> \u548C <code>borderless</code></p>"}},{demo:{id:"form-demo-required-mark"},previewerProps:{title:"\u5FC5\u9009\u6837\u5F0F",filename:"components/form/demo/required-mark.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React, { useState } from \'react\';\nimport { InfoCircleOutlined } from \'@ant-design/icons\';\nimport { Button, Form, Input, Radio, Tag } from \'antd\';\nconst customizeRequiredMark = (label, { required }) => (\n  <>\n    {required ? <Tag color="error">Required</Tag> : <Tag color="warning">optional</Tag>}\n    {label}\n  </>\n);\nconst App = () => {\n  const [form] = Form.useForm();\n  const [requiredMark, setRequiredMarkType] = useState(\'optional\');\n  const onRequiredTypeChange = ({ requiredMarkValue }) => {\n    setRequiredMarkType(requiredMarkValue);\n  };\n  return (\n    <Form\n      form={form}\n      layout="vertical"\n      initialValues={{\n        requiredMarkValue: requiredMark,\n      }}\n      onValuesChange={onRequiredTypeChange}\n      requiredMark={requiredMark === \'customize\' ? customizeRequiredMark : requiredMark}\n    >\n      <Form.Item label="Required Mark" name="requiredMarkValue">\n        <Radio.Group>\n          <Radio.Button value>Default</Radio.Button>\n          <Radio.Button value="optional">Optional</Radio.Button>\n          <Radio.Button value={false}>Hidden</Radio.Button>\n          <Radio.Button value="customize">Customize</Radio.Button>\n        </Radio.Group>\n      </Form.Item>\n      <Form.Item label="Field A" required tooltip="This is a required field">\n        <Input placeholder="input placeholder" />\n      </Form.Item>\n      <Form.Item\n        label="Field B"\n        tooltip={{\n          title: \'Tooltip with customize icon\',\n          icon: <InfoCircleOutlined />,\n        }}\n      >\n        <Input placeholder="input placeholder" />\n      </Form.Item>\n      <Form.Item>\n        <Button type="primary">Submit</Button>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>\u901A\u8FC7 <code>requiredMark</code> \u5207\u6362\u5FC5\u9009\u4E0E\u53EF\u9009\u6837\u5F0F\u3002</p>"}},{demo:{id:"form-demo-size"},previewerProps:{title:"\u8868\u5355\u5C3A\u5BF8",filename:"components/form/demo/size.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React, { useState } from \'react\';\nimport {\n  Button,\n  Cascader,\n  DatePicker,\n  Form,\n  Input,\n  InputNumber,\n  Radio,\n  Select,\n  Switch,\n  TreeSelect,\n} from \'antd\';\nconst App = () => {\n  const [componentSize, setComponentSize] = useState(\'default\');\n  const onFormLayoutChange = ({ size }) => {\n    setComponentSize(size);\n  };\n  return (\n    <Form\n      labelCol={{\n        span: 4,\n      }}\n      wrapperCol={{\n        span: 14,\n      }}\n      layout="horizontal"\n      initialValues={{\n        size: componentSize,\n      }}\n      onValuesChange={onFormLayoutChange}\n      size={componentSize}\n      style={{\n        maxWidth: 600,\n      }}\n    >\n      <Form.Item label="Form Size" name="size">\n        <Radio.Group>\n          <Radio.Button value="small">Small</Radio.Button>\n          <Radio.Button value="default">Default</Radio.Button>\n          <Radio.Button value="large">Large</Radio.Button>\n        </Radio.Group>\n      </Form.Item>\n      <Form.Item label="Input">\n        <Input />\n      </Form.Item>\n      <Form.Item label="Select">\n        <Select>\n          <Select.Option value="demo">Demo</Select.Option>\n        </Select>\n      </Form.Item>\n      <Form.Item label="TreeSelect">\n        <TreeSelect\n          treeData={[\n            {\n              title: \'Light\',\n              value: \'light\',\n              children: [\n                {\n                  title: \'Bamboo\',\n                  value: \'bamboo\',\n                },\n              ],\n            },\n          ]}\n        />\n      </Form.Item>\n      <Form.Item label="Cascader">\n        <Cascader\n          options={[\n            {\n              value: \'zhejiang\',\n              label: \'Zhejiang\',\n              children: [\n                {\n                  value: \'hangzhou\',\n                  label: \'Hangzhou\',\n                },\n              ],\n            },\n          ]}\n        />\n      </Form.Item>\n      <Form.Item label="DatePicker">\n        <DatePicker />\n      </Form.Item>\n      <Form.Item label="InputNumber">\n        <InputNumber />\n      </Form.Item>\n      <Form.Item label="Switch" valuePropName="checked">\n        <Switch />\n      </Form.Item>\n      <Form.Item label="Button">\n        <Button>Button</Button>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>\u8BBE\u7F6E\u8868\u5355\u7EC4\u4EF6\u5C3A\u5BF8\uFF0C\u4EC5\u5BF9 antd \u7EC4\u4EF6\u6709\u6548\u3002</p>"}},{demo:{id:"form-demo-layout-can-wrap"},previewerProps:{title:"\u8868\u5355\u6807\u7B7E\u53EF\u6362\u884C",filename:"components/form/demo/layout-can-wrap.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, Form, Input } from \'antd\';\nconst App = () => (\n  <Form\n    name="wrap"\n    labelCol={{\n      flex: \'110px\',\n    }}\n    labelAlign="left"\n    labelWrap\n    wrapperCol={{\n      flex: 1,\n    }}\n    colon={false}\n    style={{\n      maxWidth: 600,\n    }}\n  >\n    <Form.Item\n      label="Normal label"\n      name="username"\n      rules={[\n        {\n          required: true,\n        },\n      ]}\n    >\n      <Input />\n    </Form.Item>\n\n    <Form.Item\n      label="A super long label text"\n      name="password"\n      rules={[\n        {\n          required: true,\n        },\n      ]}\n    >\n      <Input />\n    </Form.Item>\n\n    <Form.Item label=" ">\n      <Button type="primary" htmlType="submit">\n        Submit\n      </Button>\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:"<p>\u4F7F\u7528 <code>labelWrap</code> \u53EF\u4EE5\u5F00\u542F <code>label</code> \u6362\u884C\u3002</p>"}},{demo:{id:"form-demo-warning-only"},previewerProps:{title:"\u975E\u963B\u585E\u6821\u9A8C",filename:"components/form/demo/warning-only.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, Form, Input, message, Space } from \'antd\';\nconst App = () => {\n  const [form] = Form.useForm();\n  const onFinish = () => {\n    message.success(\'Submit success!\');\n  };\n  const onFinishFailed = () => {\n    message.error(\'Submit failed!\');\n  };\n  const onFill = () => {\n    form.setFieldsValue({\n      url: \'https://taobao.com/\',\n    });\n  };\n  return (\n    <Form\n      form={form}\n      layout="vertical"\n      onFinish={onFinish}\n      onFinishFailed={onFinishFailed}\n      autoComplete="off"\n    >\n      <Form.Item\n        name="url"\n        label="URL"\n        rules={[\n          {\n            required: true,\n          },\n          {\n            type: \'url\',\n            warningOnly: true,\n          },\n          {\n            type: \'string\',\n            min: 6,\n          },\n        ]}\n      >\n        <Input placeholder="input placeholder" />\n      </Form.Item>\n      <Form.Item>\n        <Space>\n          <Button type="primary" htmlType="submit">\n            Submit\n          </Button>\n          <Button htmlType="button" onClick={onFill}>\n            Fill\n          </Button>\n        </Space>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p><code>rule</code> \u6DFB\u52A0 <code>warningOnly</code> \u540E\u6821\u9A8C\u4E0D\u518D\u963B\u585E\u8868\u5355\u63D0\u4EA4\u3002</p>"}},{demo:{id:"form-demo-usewatch"},previewerProps:{title:"\u5B57\u6BB5\u76D1\u542C Hooks",filename:"components/form/demo/useWatch.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Form, Input, InputNumber, Typography } from \'antd\';\nconst Demo = () => {\n  const [form] = Form.useForm();\n  const nameValue = Form.useWatch(\'name\', form);\n  // The selector is static and does not support closures.\n  const customValue = Form.useWatch((values) => `name: ${values.name || \'\'}`, form);\n  return (\n    <>\n      <Form form={form} layout="vertical" autoComplete="off">\n        <Form.Item name="name" label="Name (Watch to trigger rerender)">\n          <Input />\n        </Form.Item>\n        <Form.Item name="age" label="Age (Not Watch)">\n          <InputNumber />\n        </Form.Item>\n      </Form>\n\n      <Typography>\n        <pre>Name Value: {nameValue}</pre>\n        <pre>Custom Value: {customValue}</pre>\n      </Typography>\n    </>\n  );\n};\nexport default Demo;\n',description:'<p><code>useWatch</code> \u5141\u8BB8\u4F60\u76D1\u542C\u5B57\u6BB5\u53D8\u5316\uFF0C\u540C\u65F6\u4EC5\u5F53\u8BE5\u5B57\u6BB5\u53D8\u5316\u65F6\u91CD\u65B0\u6E32\u67D3\u3002API \u6587\u6863\u8BF7<a href="#formusewatch">\u67E5\u9605\u6B64\u5904</a>\u3002</p>'}},{demo:{id:"form-demo-validate-trigger"},previewerProps:{title:"\u6821\u9A8C\u65F6\u673A",filename:"components/form/demo/validate-trigger.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Alert, Form, Input } from \'antd\';\nconst App = () => (\n  <Form\n    name="trigger"\n    style={{\n      maxWidth: 600,\n    }}\n    layout="vertical"\n    autoComplete="off"\n  >\n    <Alert message="Use \'max\' rule, continue type chars to see it" />\n\n    <Form.Item\n      hasFeedback\n      label="Field A"\n      name="field_a"\n      validateTrigger="onBlur"\n      rules={[\n        {\n          max: 3,\n        },\n      ]}\n    >\n      <Input placeholder="Validate required onBlur" />\n    </Form.Item>\n\n    <Form.Item\n      hasFeedback\n      label="Field B"\n      name="field_b"\n      validateDebounce={1000}\n      rules={[\n        {\n          max: 3,\n        },\n      ]}\n    >\n      <Input placeholder="Validate required debounce after 1s" />\n    </Form.Item>\n\n    <Form.Item\n      hasFeedback\n      label="Field C"\n      name="field_c"\n      validateFirst\n      rules={[\n        {\n          max: 6,\n        },\n        {\n          max: 3,\n          message: \'Continue input to exceed 6 chars\',\n        },\n      ]}\n    >\n      <Input placeholder="Validate one by one" />\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:"<p>\u5BF9\u4E8E\u6709\u5F02\u6B65\u6821\u9A8C\u7684\u573A\u666F\uFF0C\u8FC7\u4E8E\u9891\u7E41\u7684\u6821\u9A8C\u4F1A\u5BFC\u81F4\u540E\u7AEF\u538B\u529B\u3002\u53EF\u4EE5\u901A\u8FC7 <code>validateTrigger</code> \u6539\u53D8\u6821\u9A8C\u65F6\u673A\uFF0C\u6216\u8005 <code>validateDebounce</code> \u6539\u53D8\u6821\u9A8C\u9891\u7387\uFF0C\u6216\u8005 <code>validateFirst</code> \u8BBE\u7F6E\u6821\u9A8C\u77ED\u8DEF\u3002</p>"}},{demo:{id:"form-demo-validate-only"},previewerProps:{title:"\u4EC5\u6821\u9A8C",filename:"components/form/demo/validate-only.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, Form, Input, Space } from \'antd\';\nconst SubmitButton = ({ form, children }) => {\n  const [submittable, setSubmittable] = React.useState(false);\n\n  // Watch all values\n  const values = Form.useWatch([], form);\n  React.useEffect(() => {\n    form\n      .validateFields({\n        validateOnly: true,\n      })\n      .then(() => setSubmittable(true))\n      .catch(() => setSubmittable(false));\n  }, [form, values]);\n  return (\n    <Button type="primary" htmlType="submit" disabled={!submittable}>\n      {children}\n    </Button>\n  );\n};\nconst App = () => {\n  const [form] = Form.useForm();\n  return (\n    <Form form={form} name="validateOnly" layout="vertical" autoComplete="off">\n      <Form.Item\n        name="name"\n        label="Name"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n      <Form.Item\n        name="age"\n        label="Age"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n      <Form.Item>\n        <Space>\n          <SubmitButton form={form}>Submit</SubmitButton>\n          <Button htmlType="reset">Reset</Button>\n        </Space>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>\u901A\u8FC7 <code>validateFields</code> \u7684 <code>validateOnly</code> \u53EF\u4EE5\u52A8\u6001\u8C03\u6574\u63D0\u4EA4\u6309\u94AE\u7684 <code>disabled</code> \u72B6\u6001\u3002</p>"}},{demo:{id:"form-demo-form-item-path"},previewerProps:{title:"\u5B57\u6BB5\u8DEF\u5F84\u524D\u7F00",filename:"components/form/demo/form-item-path.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, Form, Input } from \'antd\';\nconst MyFormItemContext = React.createContext([]);\nfunction toArr(str) {\n  return Array.isArray(str) ? str : [str];\n}\nconst MyFormItemGroup = ({ prefix, children }) => {\n  const prefixPath = React.useContext(MyFormItemContext);\n  const concatPath = React.useMemo(() => [...prefixPath, ...toArr(prefix)], [prefixPath, prefix]);\n  return <MyFormItemContext.Provider value={concatPath}>{children}</MyFormItemContext.Provider>;\n};\nconst MyFormItem = ({ name, ...props }) => {\n  const prefixPath = React.useContext(MyFormItemContext);\n  const concatName = name !== undefined ? [...prefixPath, ...toArr(name)] : undefined;\n  return <Form.Item name={concatName} {...props} />;\n};\nconst App = () => {\n  const onFinish = (value) => {\n    console.log(value);\n  };\n  return (\n    <Form name="form_item_path" layout="vertical" onFinish={onFinish}>\n      <MyFormItemGroup prefix={[\'user\']}>\n        <MyFormItemGroup prefix={[\'name\']}>\n          <MyFormItem name="firstName" label="First Name">\n            <Input />\n          </MyFormItem>\n          <MyFormItem name="lastName" label="Last Name">\n            <Input />\n          </MyFormItem>\n        </MyFormItemGroup>\n\n        <MyFormItem name="age" label="Age">\n          <Input />\n        </MyFormItem>\n      </MyFormItemGroup>\n\n      <Button type="primary" htmlType="submit">\n        Submit\n      </Button>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>\u5728\u67D0\u4E9B\u573A\u666F\uFF0C\u4F60\u5E0C\u671B\u7EDF\u4E00\u8BBE\u7F6E\u4E00\u4E9B\u5B57\u6BB5\u7684\u524D\u7F00\u3002\u4F60\u53EF\u4EE5\u901A\u8FC7 HOC \u5B9E\u73B0\u8BE5\u6548\u679C\u3002</p>"}},{demo:{id:"form-demo-dynamic-form-item"},previewerProps:{title:"\u52A8\u6001\u589E\u51CF\u8868\u5355\u9879",filename:"components/form/demo/dynamic-form-item.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';\nimport { Button, Form, Input } from 'antd';\nconst formItemLayout = {\n  labelCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 4,\n    },\n  },\n  wrapperCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 20,\n    },\n  },\n};\nconst formItemLayoutWithOutLabel = {\n  wrapperCol: {\n    xs: {\n      span: 24,\n      offset: 0,\n    },\n    sm: {\n      span: 20,\n      offset: 4,\n    },\n  },\n};\nconst App = () => {\n  const onFinish = (values) => {\n    console.log('Received values of form:', values);\n  };\n  return (\n    <Form\n      name=\"dynamic_form_item\"\n      {...formItemLayoutWithOutLabel}\n      onFinish={onFinish}\n      style={{\n        maxWidth: 600,\n      }}\n    >\n      <Form.List\n        name=\"names\"\n        rules={[\n          {\n            validator: async (_, names) => {\n              if (!names || names.length < 2) {\n                return Promise.reject(new Error('At least 2 passengers'));\n              }\n            },\n          },\n        ]}\n      >\n        {(fields, { add, remove }, { errors }) => (\n          <>\n            {fields.map((field, index) => (\n              <Form.Item\n                {...(index === 0 ? formItemLayout : formItemLayoutWithOutLabel)}\n                label={index === 0 ? 'Passengers' : ''}\n                required={false}\n                key={field.key}\n              >\n                <Form.Item\n                  {...field}\n                  validateTrigger={['onChange', 'onBlur']}\n                  rules={[\n                    {\n                      required: true,\n                      whitespace: true,\n                      message: \"Please input passenger's name or delete this field.\",\n                    },\n                  ]}\n                  noStyle\n                >\n                  <Input\n                    placeholder=\"passenger name\"\n                    style={{\n                      width: '60%',\n                    }}\n                  />\n                </Form.Item>\n                {fields.length > 1 ? (\n                  <MinusCircleOutlined\n                    className=\"dynamic-delete-button\"\n                    onClick={() => remove(field.name)}\n                  />\n                ) : null}\n              </Form.Item>\n            ))}\n            <Form.Item>\n              <Button\n                type=\"dashed\"\n                onClick={() => add()}\n                style={{\n                  width: '60%',\n                }}\n                icon={<PlusOutlined />}\n              >\n                Add field\n              </Button>\n              <Button\n                type=\"dashed\"\n                onClick={() => {\n                  add('The head item', 0);\n                }}\n                style={{\n                  width: '60%',\n                  marginTop: '20px',\n                }}\n                icon={<PlusOutlined />}\n              >\n                Add field at head\n              </Button>\n              <Form.ErrorList errors={errors} />\n            </Form.Item>\n          </>\n        )}\n      </Form.List>\n      <Form.Item>\n        <Button type=\"primary\" htmlType=\"submit\">\n          Submit\n        </Button>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n",description:"<p>\u52A8\u6001\u589E\u52A0\u3001\u51CF\u5C11\u8868\u5355\u9879\u3002<code>add</code> \u65B9\u6CD5\u53C2\u6570\u53EF\u7528\u4E8E\u8BBE\u7F6E\u521D\u59CB\u503C\u3002</p>",style:"\n.dynamic-delete-button {\n  position: relative;\n  top: 4px;\n  margin: 0 8px;\n  color: #999;\n  font-size: 24px;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.dynamic-delete-button:hover {\n  color: #777;\n}\n.dynamic-delete-button[disabled] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n```\n"}},{demo:{id:"form-demo-dynamic-form-items"},previewerProps:{title:"\u52A8\u6001\u589E\u51CF\u5D4C\u5957\u5B57\u6BB5",filename:"components/form/demo/dynamic-form-items.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';\nimport { Button, Form, Input, Space } from 'antd';\nconst onFinish = (values) => {\n  console.log('Received values of form:', values);\n};\nconst App = () => (\n  <Form\n    name=\"dynamic_form_nest_item\"\n    onFinish={onFinish}\n    style={{\n      maxWidth: 600,\n    }}\n    autoComplete=\"off\"\n  >\n    <Form.List name=\"users\">\n      {(fields, { add, remove }) => (\n        <>\n          {fields.map(({ key, name, ...restField }) => (\n            <Space\n              key={key}\n              style={{\n                display: 'flex',\n                marginBottom: 8,\n              }}\n              align=\"baseline\"\n            >\n              <Form.Item\n                {...restField}\n                name={[name, 'first']}\n                rules={[\n                  {\n                    required: true,\n                    message: 'Missing first name',\n                  },\n                ]}\n              >\n                <Input placeholder=\"First Name\" />\n              </Form.Item>\n              <Form.Item\n                {...restField}\n                name={[name, 'last']}\n                rules={[\n                  {\n                    required: true,\n                    message: 'Missing last name',\n                  },\n                ]}\n              >\n                <Input placeholder=\"Last Name\" />\n              </Form.Item>\n              <MinusCircleOutlined onClick={() => remove(name)} />\n            </Space>\n          ))}\n          <Form.Item>\n            <Button type=\"dashed\" onClick={() => add()} block icon={<PlusOutlined />}>\n              Add field\n            </Button>\n          </Form.Item>\n        </>\n      )}\n    </Form.List>\n    <Form.Item>\n      <Button type=\"primary\" htmlType=\"submit\">\n        Submit\n      </Button>\n    </Form.Item>\n  </Form>\n);\nexport default App;\n",description:"<p>\u5D4C\u5957\u8868\u5355\u5B57\u6BB5\u9700\u8981\u5BF9 <code>field</code> \u8FDB\u884C\u62D3\u5C55\uFF0C\u5C06 <code>field.name</code> \u5E94\u7528\u4E8E\u63A7\u5236\u5B57\u6BB5\u3002</p>"}},{demo:{id:"form-demo-dynamic-form-items-no-style"},previewerProps:{debug:!0,title:"\u52A8\u6001\u589E\u51CF\u5D4C\u5957\u7EAF\u5B57\u6BB5",filename:"components/form/demo/dynamic-form-items-no-style.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { MinusCircleOutlined, PlusOutlined } from \'@ant-design/icons\';\nimport { Button, Form, Input, Space } from \'antd\';\nconst onFinish = (values) => {\n  console.log(\'Received values of form:\', values);\n};\nconst App = () => (\n  <Form\n    name="dynamic_form_no_style"\n    onFinish={onFinish}\n    style={{\n      maxWidth: 600,\n    }}\n    autoComplete="off"\n  >\n    <Form.Item label="Users">\n      <Form.List name="users">\n        {(fields, { add, remove }) => (\n          <>\n            {fields.map((field) => (\n              <Space\n                key={field.key}\n                style={{\n                  marginBottom: 16,\n                }}\n              >\n                <Form.Item\n                  noStyle\n                  name={[field.name, \'lastName\']}\n                  rules={[\n                    {\n                      required: true,\n                    },\n                  ]}\n                >\n                  <Input placeholder="Last Name" />\n                </Form.Item>\n                <Form.Item\n                  noStyle\n                  name={[field.name, \'firstName\']}\n                  rules={[\n                    {\n                      required: true,\n                    },\n                  ]}\n                >\n                  <Input placeholder="First Name" />\n                </Form.Item>\n                <MinusCircleOutlined\n                  onClick={() => {\n                    remove(field.name);\n                  }}\n                />\n              </Space>\n            ))}\n            <Form.Item>\n              <Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>\n                Add field\n              </Button>\n            </Form.Item>\n          </>\n        )}\n      </Form.List>\n    </Form.Item>\n    <Form.Item>\n      <Button type="primary" htmlType="submit">\n        Submit\n      </Button>\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:"<p>\u5D4C\u5957 <code>noStyle</code> \u5B57\u6BB5\u7684\u52A8\u6001\u8868\u5355\u793A\u4F8B\u3002</p>"}},{demo:{id:"form-demo-dynamic-form-items-complex"},previewerProps:{title:"\u590D\u6742\u7684\u52A8\u6001\u589E\u51CF\u8868\u5355\u9879",filename:"components/form/demo/dynamic-form-items-complex.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { CloseOutlined } from '@ant-design/icons';\nimport { Button, Card, Form, Input, Space, Typography } from 'antd';\nconst App = () => {\n  const [form] = Form.useForm();\n  return (\n    <Form\n      labelCol={{\n        span: 6,\n      }}\n      wrapperCol={{\n        span: 18,\n      }}\n      form={form}\n      name=\"dynamic_form_complex\"\n      style={{\n        maxWidth: 600,\n      }}\n      autoComplete=\"off\"\n      initialValues={{\n        items: [{}],\n      }}\n    >\n      <Form.List name=\"items\">\n        {(fields, { add, remove }) => (\n          <div\n            style={{\n              display: 'flex',\n              rowGap: 16,\n              flexDirection: 'column',\n            }}\n          >\n            {fields.map((field) => (\n              <Card\n                size=\"small\"\n                title={`Item ${field.name + 1}`}\n                key={field.key}\n                extra={\n                  <CloseOutlined\n                    onClick={() => {\n                      remove(field.name);\n                    }}\n                  />\n                }\n              >\n                <Form.Item label=\"Name\" name={[field.name, 'name']}>\n                  <Input />\n                </Form.Item>\n\n                {/* Nest Form.List */}\n                <Form.Item label=\"List\">\n                  <Form.List name={[field.name, 'list']}>\n                    {(subFields, subOpt) => (\n                      <div\n                        style={{\n                          display: 'flex',\n                          flexDirection: 'column',\n                          rowGap: 16,\n                        }}\n                      >\n                        {subFields.map((subField) => (\n                          <Space key={subField.key}>\n                            <Form.Item noStyle name={[subField.name, 'first']}>\n                              <Input placeholder=\"first\" />\n                            </Form.Item>\n                            <Form.Item noStyle name={[subField.name, 'second']}>\n                              <Input placeholder=\"second\" />\n                            </Form.Item>\n                            <CloseOutlined\n                              onClick={() => {\n                                subOpt.remove(subField.name);\n                              }}\n                            />\n                          </Space>\n                        ))}\n                        <Button type=\"dashed\" onClick={() => subOpt.add()} block>\n                          + Add Sub Item\n                        </Button>\n                      </div>\n                    )}\n                  </Form.List>\n                </Form.Item>\n              </Card>\n            ))}\n\n            <Button type=\"dashed\" onClick={() => add()} block>\n              + Add Item\n            </Button>\n          </div>\n        )}\n      </Form.List>\n\n      <Form.Item noStyle shouldUpdate>\n        {() => (\n          <Typography>\n            <pre>{JSON.stringify(form.getFieldsValue(), null, 2)}</pre>\n          </Typography>\n        )}\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n",description:"<p>\u591A\u4E2A Form.List \u5D4C\u5957\u7684\u4F7F\u7528\u573A\u666F\u3002</p>"}},{demo:{id:"form-demo-nest-messages"},previewerProps:{title:"\u5D4C\u5957\u7ED3\u6784\u4E0E\u6821\u9A8C\u4FE1\u606F",filename:"components/form/demo/nest-messages.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Button, Form, Input, InputNumber } from 'antd';\nconst layout = {\n  labelCol: {\n    span: 8,\n  },\n  wrapperCol: {\n    span: 16,\n  },\n};\nconst validateMessages = {\n  required: '${label} is required!',\n  types: {\n    email: '${label} is not a valid email!',\n    number: '${label} is not a valid number!',\n  },\n  number: {\n    range: '${label} must be between ${min} and ${max}',\n  },\n};\nconst onFinish = (values) => {\n  console.log(values);\n};\nconst App = () => (\n  <Form\n    {...layout}\n    name=\"nest-messages\"\n    onFinish={onFinish}\n    style={{\n      maxWidth: 600,\n    }}\n    validateMessages={validateMessages}\n  >\n    <Form.Item\n      name={['user', 'name']}\n      label=\"Name\"\n      rules={[\n        {\n          required: true,\n        },\n      ]}\n    >\n      <Input />\n    </Form.Item>\n    <Form.Item\n      name={['user', 'email']}\n      label=\"Email\"\n      rules={[\n        {\n          type: 'email',\n        },\n      ]}\n    >\n      <Input />\n    </Form.Item>\n    <Form.Item\n      name={['user', 'age']}\n      label=\"Age\"\n      rules={[\n        {\n          type: 'number',\n          min: 0,\n          max: 99,\n        },\n      ]}\n    >\n      <InputNumber />\n    </Form.Item>\n    <Form.Item name={['user', 'website']} label=\"Website\">\n      <Input />\n    </Form.Item>\n    <Form.Item name={['user', 'introduction']} label=\"Introduction\">\n      <Input.TextArea />\n    </Form.Item>\n    <Form.Item label={null}>\n      <Button type=\"primary\" htmlType=\"submit\">\n        Submit\n      </Button>\n    </Form.Item>\n  </Form>\n);\nexport default App;\n",description:'<p><code>name</code> \u5C5E\u6027\u652F\u6301\u5D4C\u5957\u6570\u636E\u7ED3\u6784\u3002\u901A\u8FC7 <code>validateMessages</code> \u6216 <code>message</code> \u81EA\u5B9A\u4E49\u6821\u9A8C\u4FE1\u606F\u6A21\u677F\uFF0C\u6A21\u677F\u5185\u5BB9\u53EF\u53C2\u8003<a href="https://github.com/react-component/field-form/blob/master/src/utils/messages.ts">\u6B64\u5904</a>\u3002</p>'}},{demo:{id:"form-demo-complex-form-control"},previewerProps:{title:"\u590D\u6742\u4E00\u70B9\u7684\u63A7\u4EF6",filename:"components/form/demo/complex-form-control.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, Form, Input, Select, Space, Tooltip, Typography } from \'antd\';\nconst { Option } = Select;\nconst onFinish = (values) => {\n  console.log(\'Received values of form: \', values);\n};\nconst App = () => (\n  <Form\n    name="complex-form"\n    onFinish={onFinish}\n    labelCol={{\n      span: 8,\n    }}\n    wrapperCol={{\n      span: 16,\n    }}\n    style={{\n      maxWidth: 600,\n    }}\n  >\n    <Form.Item label="Username">\n      <Space>\n        <Form.Item\n          name="username"\n          noStyle\n          rules={[\n            {\n              required: true,\n              message: \'Username is required\',\n            },\n          ]}\n        >\n          <Input\n            style={{\n              width: 160,\n            }}\n            placeholder="Please input"\n          />\n        </Form.Item>\n        <Tooltip title="Useful information">\n          <Typography.Link href="#API">Need Help?</Typography.Link>\n        </Tooltip>\n      </Space>\n    </Form.Item>\n    <Form.Item label="Address">\n      <Space.Compact>\n        <Form.Item\n          name={[\'address\', \'province\']}\n          noStyle\n          rules={[\n            {\n              required: true,\n              message: \'Province is required\',\n            },\n          ]}\n        >\n          <Select placeholder="Select province">\n            <Option value="Zhejiang">Zhejiang</Option>\n            <Option value="Jiangsu">Jiangsu</Option>\n          </Select>\n        </Form.Item>\n        <Form.Item\n          name={[\'address\', \'street\']}\n          noStyle\n          rules={[\n            {\n              required: true,\n              message: \'Street is required\',\n            },\n          ]}\n        >\n          <Input\n            style={{\n              width: \'50%\',\n            }}\n            placeholder="Input street"\n          />\n        </Form.Item>\n      </Space.Compact>\n    </Form.Item>\n    <Form.Item\n      label="BirthDate"\n      style={{\n        marginBottom: 0,\n      }}\n    >\n      <Form.Item\n        name="year"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n        style={{\n          display: \'inline-block\',\n          width: \'calc(50% - 8px)\',\n        }}\n      >\n        <Input placeholder="Input birth year" />\n      </Form.Item>\n      <Form.Item\n        name="month"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n        style={{\n          display: \'inline-block\',\n          width: \'calc(50% - 8px)\',\n          margin: \'0 8px\',\n        }}\n      >\n        <Input placeholder="Input birth month" />\n      </Form.Item>\n    </Form.Item>\n    <Form.Item label={null}>\n      <Button type="primary" htmlType="submit">\n        Submit\n      </Button>\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:'<p>\u8FD9\u91CC\u6F14\u793A <code>Form.Item</code> \u5185\u6709\u591A\u4E2A\u5143\u7D20\u7684\u4F7F\u7528\u65B9\u5F0F\u3002<code>&#x3C;Form.Item name="field" /></code> \u53EA\u4F1A\u5BF9\u5B83\u7684\u76F4\u63A5\u5B50\u5143\u7D20\u7ED1\u5B9A\u8868\u5355\u529F\u80FD\uFF0C\u4F8B\u5982\u76F4\u63A5\u5305\u88F9\u4E86 Input/Select\u3002\u5982\u679C\u63A7\u4EF6\u524D\u540E\u8FD8\u6709\u4E00\u4E9B\u6587\u6848\u6216\u6837\u5F0F\u88C5\u70B9\uFF0C\u6216\u8005\u4E00\u4E2A\u8868\u5355\u9879\u5185\u6709\u591A\u4E2A\u63A7\u4EF6\uFF0C\u4F60\u53EF\u4EE5\u4F7F\u7528\u5185\u5D4C\u7684 <code>Form.Item</code> \u5B8C\u6210\u3002\u4F60\u53EF\u4EE5\u7ED9 <code>Form.Item</code> \u81EA\u5B9A\u4E49 <code>style</code> \u8FDB\u884C\u5185\u8054\u5E03\u5C40\uFF0C\u6216\u8005\u6DFB\u52A0 <code>noStyle</code> \u4F5C\u4E3A\u7EAF\u7CB9\u7684\u65E0\u6837\u5F0F\u7ED1\u5B9A\u7EC4\u4EF6\uFF08\u7C7B\u4F3C 3.x \u4E2D\u7684 <code>getFieldDecorator</code>\uFF09\u3002</p>\n<pre><code class="language-diff">- &#x3C;Form.Item label="Field" name="field">\n-   &#x3C;Input />\n- &#x3C;/Form.Item>\n+ &#x3C;Form.Item label="Field">\n+   &#x3C;Form.Item name="field" noStyle>&#x3C;Input />&#x3C;/Form.Item> // \u76F4\u63A5\u5305\u88F9\u624D\u4F1A\u7ED1\u5B9A\u8868\u5355\n+   &#x3C;span>description&#x3C;/span>\n+ &#x3C;/Form.Item>\n</code></pre>\n<p>\u8FD9\u91CC\u5C55\u793A\u4E86\u4E09\u79CD\u5178\u578B\u573A\u666F\uFF1A</p>\n<ul>\n<li><code>Username</code>\uFF1A\u8F93\u5165\u6846\u540E\u9762\u6709\u63CF\u8FF0\u6587\u6848\u6216\u5176\u4ED6\u7EC4\u4EF6\uFF0C\u5728 <code>Form.Item</code> \u5185\u4F7F\u7528 <code>&#x3C;Form.Item name="field" noStyle /></code> \u53BB\u7ED1\u5B9A\u5BF9\u5E94\u5B50\u63A7\u4EF6\u3002</li>\n<li><code>Address</code>\uFF1A\u6709\u4E24\u4E2A\u63A7\u4EF6\uFF0C\u5728 <code>Form.Item</code> \u5185\u4F7F\u7528\u4E24\u4E2A <code>&#x3C;Form.Item name="field" noStyle /></code> \u5206\u522B\u7ED1\u5B9A\u5BF9\u5E94\u63A7\u4EF6\u3002</li>\n<li><code>BirthDate</code>\uFF1A\u6709\u4E24\u4E2A\u5185\u8054\u63A7\u4EF6\uFF0C\u9519\u8BEF\u4FE1\u606F\u5C55\u793A\u5404\u81EA\u63A7\u4EF6\u4E0B\uFF0C\u4F7F\u7528\u4E24\u4E2A <code>&#x3C;Form.Item name="field" /></code> \u5206\u522B\u7ED1\u5B9A\u5BF9\u5E94\u63A7\u4EF6\uFF0C\u5E76\u4FEE\u6539 <code>style</code> \u4F7F\u5176\u5185\u8054\u5E03\u5C40\u3002</li>\n</ul>\n<blockquote>\n<p>\u6CE8\u610F\uFF0C\u5728 label \u5BF9\u5E94\u7684 Form.Item \u4E0A\u4E0D\u8981\u5728\u6307\u5B9A <code>name</code> \u5C5E\u6027\uFF0C\u8FD9\u4E2A Item \u53EA\u4F5C\u4E3A\u5E03\u5C40\u4F5C\u7528\u3002</p>\n</blockquote>\n<p>\u66F4\u590D\u6742\u7684\u5C01\u88C5\u590D\u7528\u65B9\u5F0F\u53EF\u4EE5\u53C2\u8003\u4E0B\u9762\u7684 <code>\u81EA\u5B9A\u4E49\u8868\u5355\u63A7\u4EF6</code> \u6F14\u793A\u3002</p>'}},{demo:{id:"form-demo-customized-form-controls"},previewerProps:{title:"\u81EA\u5B9A\u4E49\u8868\u5355\u63A7\u4EF6",filename:"components/form/demo/customized-form-controls.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { Button, Form, Input, Select } from 'antd';\nconst { Option } = Select;\nconst PriceInput = (props) => {\n  const { id, value = {}, onChange } = props;\n  const [number, setNumber] = useState(0);\n  const [currency, setCurrency] = useState('rmb');\n  const triggerChange = (changedValue) => {\n    onChange?.({\n      number,\n      currency,\n      ...value,\n      ...changedValue,\n    });\n  };\n  const onNumberChange = (e) => {\n    const newNumber = parseInt(e.target.value || '0', 10);\n    if (Number.isNaN(number)) {\n      return;\n    }\n    if (!('number' in value)) {\n      setNumber(newNumber);\n    }\n    triggerChange({\n      number: newNumber,\n    });\n  };\n  const onCurrencyChange = (newCurrency) => {\n    if (!('currency' in value)) {\n      setCurrency(newCurrency);\n    }\n    triggerChange({\n      currency: newCurrency,\n    });\n  };\n  return (\n    <span id={id}>\n      <Input\n        type=\"text\"\n        value={value.number || number}\n        onChange={onNumberChange}\n        style={{\n          width: 100,\n        }}\n      />\n      <Select\n        value={value.currency || currency}\n        style={{\n          width: 80,\n          margin: '0 8px',\n        }}\n        onChange={onCurrencyChange}\n      >\n        <Option value=\"rmb\">RMB</Option>\n        <Option value=\"dollar\">Dollar</Option>\n      </Select>\n    </span>\n  );\n};\nconst App = () => {\n  const onFinish = (values) => {\n    console.log('Received values from form: ', values);\n  };\n  const checkPrice = (_, value) => {\n    if (value.number > 0) {\n      return Promise.resolve();\n    }\n    return Promise.reject(new Error('Price must be greater than zero!'));\n  };\n  return (\n    <Form\n      name=\"customized_form_controls\"\n      layout=\"inline\"\n      onFinish={onFinish}\n      initialValues={{\n        price: {\n          number: 0,\n          currency: 'rmb',\n        },\n      }}\n    >\n      <Form.Item\n        name=\"price\"\n        label=\"Price\"\n        rules={[\n          {\n            validator: checkPrice,\n          },\n        ]}\n      >\n        <PriceInput />\n      </Form.Item>\n      <Form.Item>\n        <Button type=\"primary\" htmlType=\"submit\">\n          Submit\n        </Button>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n",description:'<p>\u81EA\u5B9A\u4E49\u6216\u7B2C\u4E09\u65B9\u7684\u8868\u5355\u63A7\u4EF6\uFF0C\u4E5F\u53EF\u4EE5\u4E0E Form \u7EC4\u4EF6\u4E00\u8D77\u4F7F\u7528\u3002\u53EA\u8981\u8BE5\u7EC4\u4EF6\u9075\u5FAA\u4EE5\u4E0B\u7684\u7EA6\u5B9A\uFF1A</p>\n<blockquote>\n<ul>\n<li>\u63D0\u4F9B\u53D7\u63A7\u5C5E\u6027 <code>value</code> \u6216\u5176\u5B83\u4E0E <a href="#formitem"><code>valuePropName</code></a> \u7684\u503C\u540C\u540D\u7684\u5C5E\u6027\u3002</li>\n<li>\u63D0\u4F9B <code>onChange</code> \u4E8B\u4EF6\u6216 <a href="#formitem"><code>trigger</code></a> \u7684\u503C\u540C\u540D\u7684\u4E8B\u4EF6\u3002</li>\n<li>\u8F6C\u53D1 ref \u6216\u8005\u4F20\u9012 id \u5C5E\u6027\u5230 dom \u4EE5\u652F\u6301 <code>scrollToField</code> \u65B9\u6CD5\u3002</li>\n</ul>\n</blockquote>'}},{demo:{id:"form-demo-global-state"},previewerProps:{title:"\u8868\u5355\u6570\u636E\u5B58\u50A8\u4E8E\u4E0A\u5C42\u7EC4\u4EF6",filename:"components/form/demo/global-state.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { Form, Input, Typography } from 'antd';\nconst { Paragraph } = Typography;\nconst CustomizedForm = ({ onChange, fields }) => (\n  <Form\n    name=\"global_state\"\n    layout=\"inline\"\n    fields={fields}\n    onFieldsChange={(_, allFields) => {\n      onChange(allFields);\n    }}\n  >\n    <Form.Item\n      name=\"username\"\n      label=\"Username\"\n      rules={[\n        {\n          required: true,\n          message: 'Username is required!',\n        },\n      ]}\n    >\n      <Input />\n    </Form.Item>\n  </Form>\n);\nconst App = () => {\n  const [fields, setFields] = useState([\n    {\n      name: ['username'],\n      value: 'Ant Design',\n    },\n  ]);\n  return (\n    <>\n      <CustomizedForm\n        fields={fields}\n        onChange={(newFields) => {\n          setFields(newFields);\n        }}\n      />\n      <Paragraph\n        style={{\n          maxWidth: 440,\n          marginTop: 24,\n        }}\n      >\n        <pre\n          style={{\n            border: 'none',\n          }}\n        >\n          {JSON.stringify(fields, null, 2)}\n        </pre>\n      </Paragraph>\n    </>\n  );\n};\nexport default App;\n",description:'<p>\u901A\u8FC7 <code>onFieldsChange</code> \u548C <code>fields</code>\uFF0C\u53EF\u4EE5\u628A\u8868\u5355\u7684\u6570\u636E\u5B58\u50A8\u5230\u4E0A\u5C42\u7EC4\u4EF6\u6216\u8005 <a href="https://github.com/reactjs/redux">Redux</a>\u3001<a href="https://github.com/dvajs/dva">dva</a> \u4E2D\uFF0C\u66F4\u591A\u53EF\u53C2\u8003 <a href="https://rc-field-form.react-component.now.sh/?selectedKind=rc-field-form&#x26;selectedStory=StateForm-redux&#x26;full=0&#x26;addons=1&#x26;stories=1&#x26;panelRight=0&#x26;addonPanel=storybook%2Factions%2Factions-panel">rc-field-form \u793A\u4F8B</a>\u3002</p>\n<p><strong>\u6CE8\u610F\uFF1A</strong> \u5C06\u8868\u5355\u6570\u636E\u5B58\u50A8\u4E8E\u5916\u90E8\u5BB9\u5668<a href="https://github.com/reduxjs/redux/issues/1287#issuecomment-175351978">\u5E76\u975E\u597D\u7684\u5B9E\u8DF5</a>\uFF0C\u5982\u65E0\u5FC5\u8981\u8BF7\u907F\u514D\u4F7F\u7528\u3002</p>'}},{demo:{id:"form-demo-form-context"},previewerProps:{title:"\u591A\u8868\u5355\u8054\u52A8",filename:"components/form/demo/form-context.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React, { useEffect, useRef, useState } from \'react\';\nimport { SmileOutlined, UserOutlined } from \'@ant-design/icons\';\nimport { Avatar, Button, Flex, Form, Input, InputNumber, Modal, Space, Typography } from \'antd\';\nconst layout = {\n  labelCol: {\n    span: 8,\n  },\n  wrapperCol: {\n    span: 16,\n  },\n};\nconst tailLayout = {\n  wrapperCol: {\n    offset: 8,\n    span: 16,\n  },\n};\n// reset form fields when modal is form, closed\nconst useResetFormOnCloseModal = ({ form, open }) => {\n  const prevOpenRef = useRef();\n  useEffect(() => {\n    prevOpenRef.current = open;\n  }, [open]);\n  const prevOpen = prevOpenRef.current;\n  useEffect(() => {\n    if (!open && prevOpen) {\n      form.resetFields();\n    }\n  }, [form, prevOpen, open]);\n};\nconst ModalForm = ({ open, onCancel }) => {\n  const [form] = Form.useForm();\n  useResetFormOnCloseModal({\n    form,\n    open,\n  });\n  const onOk = () => {\n    form.submit();\n  };\n  return (\n    <Modal title="Basic Drawer" open={open} onOk={onOk} onCancel={onCancel}>\n      <Form form={form} layout="vertical" name="userForm">\n        <Form.Item\n          name="name"\n          label="User Name"\n          rules={[\n            {\n              required: true,\n            },\n          ]}\n        >\n          <Input />\n        </Form.Item>\n        <Form.Item\n          name="age"\n          label="User Age"\n          rules={[\n            {\n              required: true,\n            },\n          ]}\n        >\n          <InputNumber />\n        </Form.Item>\n      </Form>\n    </Modal>\n  );\n};\nconst App = () => {\n  const [open, setOpen] = useState(false);\n  const showUserModal = () => {\n    setOpen(true);\n  };\n  const hideUserModal = () => {\n    setOpen(false);\n  };\n  const onFinish = (values) => {\n    console.log(\'Finish:\', values);\n  };\n  return (\n    <Form.Provider\n      onFormFinish={(name, { values, forms }) => {\n        if (name === \'userForm\') {\n          const { basicForm } = forms;\n          const users = basicForm.getFieldValue(\'users\') || [];\n          basicForm.setFieldsValue({\n            users: [...users, values],\n          });\n          setOpen(false);\n        }\n      }}\n    >\n      <Form\n        {...layout}\n        name="basicForm"\n        onFinish={onFinish}\n        style={{\n          maxWidth: 600,\n        }}\n      >\n        <Form.Item\n          name="group"\n          label="Group Name"\n          rules={[\n            {\n              required: true,\n            },\n          ]}\n        >\n          <Input />\n        </Form.Item>\n\n        {/* Create a hidden field to make Form instance record this */}\n        <Form.Item name="users" noStyle />\n\n        <Form.Item\n          label="User List"\n          shouldUpdate={(prevValues, curValues) => prevValues.users !== curValues.users}\n        >\n          {({ getFieldValue }) => {\n            const users = getFieldValue(\'users\') || [];\n            return users.length ? (\n              <Flex vertical gap={8}>\n                {users.map((user) => (\n                  <Space key={user.name}>\n                    <Avatar icon={<UserOutlined />} />\n                    {`${user.name} - ${user.age}`}\n                  </Space>\n                ))}\n              </Flex>\n            ) : (\n              <Typography.Text className="ant-form-text" type="secondary">\n                ( <SmileOutlined /> No user yet. )\n              </Typography.Text>\n            );\n          }}\n        </Form.Item>\n        <Form.Item {...tailLayout}>\n          <Button htmlType="submit" type="primary">\n            Submit\n          </Button>\n          <Button\n            htmlType="button"\n            style={{\n              margin: \'0 8px\',\n            }}\n            onClick={showUserModal}\n          >\n            Add User\n          </Button>\n        </Form.Item>\n      </Form>\n\n      <ModalForm open={open} onCancel={hideUserModal} />\n    </Form.Provider>\n  );\n};\nexport default App;\n',description:'<p>\u901A\u8FC7 <code>Form.Provider</code> \u5728\u8868\u5355\u95F4\u5904\u7406\u6570\u636E\u3002\u672C\u4F8B\u5B50\u4E2D\uFF0CModal \u7684\u786E\u8BA4\u6309\u94AE\u5728 Form \u4E4B\u5916\uFF0C\u901A\u8FC7 <code>form.submit</code> \u65B9\u6CD5\u8C03\u7528\u8868\u5355\u63D0\u4EA4\u529F\u80FD\u3002\u53CD\u4E4B\uFF0C\u5219\u63A8\u8350\u4F7F\u7528 <code>&#x3C;Button htmlType="submit" /></code> \u8C03\u7528 web \u539F\u751F\u63D0\u4EA4\u903B\u8F91\u3002</p>'}},{demo:{id:"form-demo-inline-login"},previewerProps:{title:"\u5185\u8054\u767B\u5F55\u680F",filename:"components/form/demo/inline-login.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React, { useEffect, useState } from \'react\';\nimport { LockOutlined, UserOutlined } from \'@ant-design/icons\';\nimport { Button, Form, Input } from \'antd\';\nconst App = () => {\n  const [form] = Form.useForm();\n  const [clientReady, setClientReady] = useState(false);\n\n  // To disable submit button at the beginning.\n  useEffect(() => {\n    setClientReady(true);\n  }, []);\n  const onFinish = (values) => {\n    console.log(\'Finish:\', values);\n  };\n  return (\n    <Form form={form} name="horizontal_login" layout="inline" onFinish={onFinish}>\n      <Form.Item\n        name="username"\n        rules={[\n          {\n            required: true,\n            message: \'Please input your username!\',\n          },\n        ]}\n      >\n        <Input prefix={<UserOutlined />} placeholder="Username" />\n      </Form.Item>\n      <Form.Item\n        name="password"\n        rules={[\n          {\n            required: true,\n            message: \'Please input your password!\',\n          },\n        ]}\n      >\n        <Input prefix={<LockOutlined />} type="password" placeholder="Password" />\n      </Form.Item>\n      <Form.Item shouldUpdate>\n        {() => (\n          <Button\n            type="primary"\n            htmlType="submit"\n            disabled={\n              !clientReady ||\n              !form.isFieldsTouched(true) ||\n              !!form.getFieldsError().filter(({ errors }) => errors.length).length\n            }\n          >\n            Log in\n          </Button>\n        )}\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>\u5185\u8054\u767B\u5F55\u680F\uFF0C\u5E38\u7528\u5728\u9876\u90E8\u5BFC\u822A\u680F\u4E2D\u3002</p>"}},{demo:{id:"form-demo-login"},previewerProps:{title:"\u767B\u5F55\u6846",filename:"components/form/demo/login.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { LockOutlined, UserOutlined } from \'@ant-design/icons\';\nimport { Button, Checkbox, Form, Input, Flex } from \'antd\';\nconst App = () => {\n  const onFinish = (values) => {\n    console.log(\'Received values of form: \', values);\n  };\n  return (\n    <Form\n      name="login"\n      initialValues={{\n        remember: true,\n      }}\n      style={{\n        maxWidth: 360,\n      }}\n      onFinish={onFinish}\n    >\n      <Form.Item\n        name="username"\n        rules={[\n          {\n            required: true,\n            message: \'Please input your Username!\',\n          },\n        ]}\n      >\n        <Input prefix={<UserOutlined />} placeholder="Username" />\n      </Form.Item>\n      <Form.Item\n        name="password"\n        rules={[\n          {\n            required: true,\n            message: \'Please input your Password!\',\n          },\n        ]}\n      >\n        <Input prefix={<LockOutlined />} type="password" placeholder="Password" />\n      </Form.Item>\n      <Form.Item>\n        <Flex justify="space-between" align="center">\n          <Form.Item name="remember" valuePropName="checked" noStyle>\n            <Checkbox>Remember me</Checkbox>\n          </Form.Item>\n          <a href="">Forgot password</a>\n        </Flex>\n      </Form.Item>\n\n      <Form.Item>\n        <Button block type="primary" htmlType="submit">\n          Log in\n        </Button>\n        or <a href="">Register now!</a>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:'<p>\u666E\u901A\u7684\u767B\u5F55\u6846\uFF0C\u53EF\u4EE5\u5BB9\u7EB3\u66F4\u591A\u7684\u5143\u7D20\u3002</p>\n<blockquote>\n<p>\u{1F6CE}\uFE0F \u60F3\u8981 3 \u5206\u949F\u5B9E\u73B0\u767B\u5F55\u8868\u5355\uFF1F\u8BD5\u8BD5 <a href="https://procomponents.ant.design/components/login-form">Pro Components</a>\uFF01</p>\n</blockquote>'}},{demo:{id:"form-demo-register"},previewerProps:{title:"\u6CE8\u518C\u65B0\u7528\u6237",filename:"components/form/demo/register.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport {\n  AutoComplete,\n  Button,\n  Cascader,\n  Checkbox,\n  Col,\n  Form,\n  Input,\n  InputNumber,\n  Row,\n  Select,\n} from 'antd';\nconst { Option } = Select;\nconst residences = [\n  {\n    value: 'zhejiang',\n    label: 'Zhejiang',\n    children: [\n      {\n        value: 'hangzhou',\n        label: 'Hangzhou',\n        children: [\n          {\n            value: 'xihu',\n            label: 'West Lake',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    value: 'jiangsu',\n    label: 'Jiangsu',\n    children: [\n      {\n        value: 'nanjing',\n        label: 'Nanjing',\n        children: [\n          {\n            value: 'zhonghuamen',\n            label: 'Zhong Hua Men',\n          },\n        ],\n      },\n    ],\n  },\n];\nconst formItemLayout = {\n  labelCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 8,\n    },\n  },\n  wrapperCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 16,\n    },\n  },\n};\nconst tailFormItemLayout = {\n  wrapperCol: {\n    xs: {\n      span: 24,\n      offset: 0,\n    },\n    sm: {\n      span: 16,\n      offset: 8,\n    },\n  },\n};\nconst App = () => {\n  const [form] = Form.useForm();\n  const onFinish = (values) => {\n    console.log('Received values of form: ', values);\n  };\n  const prefixSelector = (\n    <Form.Item name=\"prefix\" noStyle>\n      <Select\n        style={{\n          width: 70,\n        }}\n      >\n        <Option value=\"86\">+86</Option>\n        <Option value=\"87\">+87</Option>\n      </Select>\n    </Form.Item>\n  );\n  const suffixSelector = (\n    <Form.Item name=\"suffix\" noStyle>\n      <Select\n        style={{\n          width: 70,\n        }}\n      >\n        <Option value=\"USD\">$</Option>\n        <Option value=\"CNY\">\xa5</Option>\n      </Select>\n    </Form.Item>\n  );\n  const [autoCompleteResult, setAutoCompleteResult] = useState([]);\n  const onWebsiteChange = (value) => {\n    if (!value) {\n      setAutoCompleteResult([]);\n    } else {\n      setAutoCompleteResult(['.com', '.org', '.net'].map((domain) => `${value}${domain}`));\n    }\n  };\n  const websiteOptions = autoCompleteResult.map((website) => ({\n    label: website,\n    value: website,\n  }));\n  return (\n    <Form\n      {...formItemLayout}\n      form={form}\n      name=\"register\"\n      onFinish={onFinish}\n      initialValues={{\n        residence: ['zhejiang', 'hangzhou', 'xihu'],\n        prefix: '86',\n      }}\n      style={{\n        maxWidth: 600,\n      }}\n      scrollToFirstError\n    >\n      <Form.Item\n        name=\"email\"\n        label=\"E-mail\"\n        rules={[\n          {\n            type: 'email',\n            message: 'The input is not valid E-mail!',\n          },\n          {\n            required: true,\n            message: 'Please input your E-mail!',\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n\n      <Form.Item\n        name=\"password\"\n        label=\"Password\"\n        rules={[\n          {\n            required: true,\n            message: 'Please input your password!',\n          },\n        ]}\n        hasFeedback\n      >\n        <Input.Password />\n      </Form.Item>\n\n      <Form.Item\n        name=\"confirm\"\n        label=\"Confirm Password\"\n        dependencies={['password']}\n        hasFeedback\n        rules={[\n          {\n            required: true,\n            message: 'Please confirm your password!',\n          },\n          ({ getFieldValue }) => ({\n            validator(_, value) {\n              if (!value || getFieldValue('password') === value) {\n                return Promise.resolve();\n              }\n              return Promise.reject(new Error('The new password that you entered do not match!'));\n            },\n          }),\n        ]}\n      >\n        <Input.Password />\n      </Form.Item>\n\n      <Form.Item\n        name=\"nickname\"\n        label=\"Nickname\"\n        tooltip=\"What do you want others to call you?\"\n        rules={[\n          {\n            required: true,\n            message: 'Please input your nickname!',\n            whitespace: true,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n\n      <Form.Item\n        name=\"residence\"\n        label=\"Habitual Residence\"\n        rules={[\n          {\n            type: 'array',\n            required: true,\n            message: 'Please select your habitual residence!',\n          },\n        ]}\n      >\n        <Cascader options={residences} />\n      </Form.Item>\n\n      <Form.Item\n        name=\"phone\"\n        label=\"Phone Number\"\n        rules={[\n          {\n            required: true,\n            message: 'Please input your phone number!',\n          },\n        ]}\n      >\n        <Input\n          addonBefore={prefixSelector}\n          style={{\n            width: '100%',\n          }}\n        />\n      </Form.Item>\n\n      <Form.Item\n        name=\"donation\"\n        label=\"Donation\"\n        rules={[\n          {\n            required: true,\n            message: 'Please input donation amount!',\n          },\n        ]}\n      >\n        <InputNumber\n          addonAfter={suffixSelector}\n          style={{\n            width: '100%',\n          }}\n        />\n      </Form.Item>\n\n      <Form.Item\n        name=\"website\"\n        label=\"Website\"\n        rules={[\n          {\n            required: true,\n            message: 'Please input website!',\n          },\n        ]}\n      >\n        <AutoComplete options={websiteOptions} onChange={onWebsiteChange} placeholder=\"website\">\n          <Input />\n        </AutoComplete>\n      </Form.Item>\n\n      <Form.Item\n        name=\"intro\"\n        label=\"Intro\"\n        rules={[\n          {\n            required: true,\n            message: 'Please input Intro',\n          },\n        ]}\n      >\n        <Input.TextArea showCount maxLength={100} />\n      </Form.Item>\n\n      <Form.Item\n        name=\"gender\"\n        label=\"Gender\"\n        rules={[\n          {\n            required: true,\n            message: 'Please select gender!',\n          },\n        ]}\n      >\n        <Select placeholder=\"select your gender\">\n          <Option value=\"male\">Male</Option>\n          <Option value=\"female\">Female</Option>\n          <Option value=\"other\">Other</Option>\n        </Select>\n      </Form.Item>\n\n      <Form.Item label=\"Captcha\" extra=\"We must make sure that your are a human.\">\n        <Row gutter={8}>\n          <Col span={12}>\n            <Form.Item\n              name=\"captcha\"\n              noStyle\n              rules={[\n                {\n                  required: true,\n                  message: 'Please input the captcha you got!',\n                },\n              ]}\n            >\n              <Input />\n            </Form.Item>\n          </Col>\n          <Col span={12}>\n            <Button>Get captcha</Button>\n          </Col>\n        </Row>\n      </Form.Item>\n\n      <Form.Item\n        name=\"agreement\"\n        valuePropName=\"checked\"\n        rules={[\n          {\n            validator: (_, value) =>\n              value ? Promise.resolve() : Promise.reject(new Error('Should accept agreement')),\n          },\n        ]}\n        {...tailFormItemLayout}\n      >\n        <Checkbox>\n          I have read the <a href=\"\">agreement</a>\n        </Checkbox>\n      </Form.Item>\n      <Form.Item {...tailFormItemLayout}>\n        <Button type=\"primary\" htmlType=\"submit\">\n          Register\n        </Button>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n",description:"<p>\u7528\u6237\u586B\u5199\u5FC5\u987B\u7684\u4FE1\u606F\u4EE5\u6CE8\u518C\u65B0\u7528\u6237\u3002</p>"}},{demo:{id:"form-demo-advanced-search"},previewerProps:{title:"\u9AD8\u7EA7\u641C\u7D22",filename:"components/form/demo/advanced-search.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { DownOutlined } from '@ant-design/icons';\nimport { Button, Col, Form, Input, Row, Select, Space, theme } from 'antd';\nconst { Option } = Select;\nconst AdvancedSearchForm = () => {\n  const { token } = theme.useToken();\n  const [form] = Form.useForm();\n  const [expand, setExpand] = useState(false);\n  const formStyle = {\n    maxWidth: 'none',\n    background: token.colorFillAlter,\n    borderRadius: token.borderRadiusLG,\n    padding: 24,\n  };\n  const getFields = () => {\n    const count = expand ? 10 : 6;\n    const children = [];\n    for (let i = 0; i < count; i++) {\n      children.push(\n        <Col span={8} key={i}>\n          {i % 3 !== 1 ? (\n            <Form.Item\n              name={`field-${i}`}\n              label={`Field ${i}`}\n              rules={[\n                {\n                  required: true,\n                  message: 'Input something!',\n                },\n              ]}\n            >\n              <Input placeholder=\"placeholder\" />\n            </Form.Item>\n          ) : (\n            <Form.Item\n              name={`field-${i}`}\n              label={`Field ${i}`}\n              rules={[\n                {\n                  required: true,\n                  message: 'Select something!',\n                },\n              ]}\n              initialValue=\"1\"\n            >\n              <Select>\n                <Option value=\"1\">\n                  longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong\n                </Option>\n                <Option value=\"2\">222</Option>\n              </Select>\n            </Form.Item>\n          )}\n        </Col>,\n      );\n    }\n    return children;\n  };\n  const onFinish = (values) => {\n    console.log('Received values of form: ', values);\n  };\n  return (\n    <Form form={form} name=\"advanced_search\" style={formStyle} onFinish={onFinish}>\n      <Row gutter={24}>{getFields()}</Row>\n      <div\n        style={{\n          textAlign: 'right',\n        }}\n      >\n        <Space size=\"small\">\n          <Button type=\"primary\" htmlType=\"submit\">\n            Search\n          </Button>\n          <Button\n            onClick={() => {\n              form.resetFields();\n            }}\n          >\n            Clear\n          </Button>\n          <a\n            style={{\n              fontSize: 12,\n            }}\n            onClick={() => {\n              setExpand(!expand);\n            }}\n          >\n            <DownOutlined rotate={expand ? 180 : 0} /> Collapse\n          </a>\n        </Space>\n      </div>\n    </Form>\n  );\n};\nconst App = () => {\n  const { token } = theme.useToken();\n  const listStyle = {\n    lineHeight: '200px',\n    textAlign: 'center',\n    background: token.colorFillAlter,\n    borderRadius: token.borderRadiusLG,\n    marginTop: 16,\n  };\n  return (\n    <>\n      <AdvancedSearchForm />\n      <div style={listStyle}>Search Result List</div>\n    </>\n  );\n};\nexport default App;\n",description:'<p>\u4E09\u5217\u6805\u683C\u5F0F\u7684\u8868\u5355\u6392\u5217\u65B9\u5F0F\uFF0C\u5E38\u7528\u4E8E\u6570\u636E\u8868\u683C\u7684\u9AD8\u7EA7\u641C\u7D22\u3002</p>\n<p>\u6709\u90E8\u5206\u5B9A\u5236\u7684\u6837\u5F0F\u4EE3\u7801\uFF0C\u7531\u4E8E\u8F93\u5165\u6807\u7B7E\u957F\u5EA6\u4E0D\u786E\u5B9A\uFF0C\u9700\u8981\u6839\u636E\u5177\u4F53\u60C5\u51B5\u81EA\u884C\u8C03\u6574\u3002</p>\n<blockquote>\n<p>\u{1F6CE}\uFE0F \u60F3\u8981 3 \u5206\u949F\u5B9E\u73B0\uFF1F \u8BD5\u8BD5 ProForm \u7684<a href="https://procomponents.ant.design/components/form#%E6%9F%A5%E8%AF%A2%E7%AD%9B%E9%80%89">\u67E5\u8BE2\u8868\u5355</a>\uFF01</p>\n</blockquote>'}},{demo:{id:"form-demo-form-in-modal"},previewerProps:{title:"\u5F39\u51FA\u5C42\u4E2D\u7684\u65B0\u5EFA\u8868\u5355",filename:"components/form/demo/form-in-modal.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React, { useState } from \'react\';\nimport { Button, Form, Input, Modal, Radio } from \'antd\';\nconst App = () => {\n  const [form] = Form.useForm();\n  const [formValues, setFormValues] = useState();\n  const [open, setOpen] = useState(false);\n  const onCreate = (values) => {\n    console.log(\'Received values of form: \', values);\n    setFormValues(values);\n    setOpen(false);\n  };\n  return (\n    <>\n      <Button type="primary" onClick={() => setOpen(true)}>\n        New Collection\n      </Button>\n      <pre>{JSON.stringify(formValues, null, 2)}</pre>\n      <Modal\n        open={open}\n        title="Create a new collection"\n        okText="Create"\n        cancelText="Cancel"\n        okButtonProps={{\n          autoFocus: true,\n          htmlType: \'submit\',\n        }}\n        onCancel={() => setOpen(false)}\n        destroyOnClose\n        modalRender={(dom) => (\n          <Form\n            layout="vertical"\n            form={form}\n            name="form_in_modal"\n            initialValues={{\n              modifier: \'public\',\n            }}\n            clearOnDestroy\n            onFinish={(values) => onCreate(values)}\n          >\n            {dom}\n          </Form>\n        )}\n      >\n        <Form.Item\n          name="title"\n          label="Title"\n          rules={[\n            {\n              required: true,\n              message: \'Please input the title of collection!\',\n            },\n          ]}\n        >\n          <Input />\n        </Form.Item>\n        <Form.Item name="description" label="Description">\n          <Input type="textarea" />\n        </Form.Item>\n        <Form.Item name="modifier" className="collection-create-form_last-form-item">\n          <Radio.Group>\n            <Radio value="public">Public</Radio>\n            <Radio value="private">Private</Radio>\n          </Radio.Group>\n        </Form.Item>\n      </Modal>\n    </>\n  );\n};\nexport default App;\n',description:'<p>\u5F53\u7528\u6237\u8BBF\u95EE\u4E00\u4E2A\u5C55\u793A\u4E86\u67D0\u4E2A\u5217\u8868\u7684\u9875\u9762\uFF0C\u60F3\u65B0\u5EFA\u4E00\u9879\u4F46\u53C8\u4E0D\u60F3\u8DF3\u8F6C\u9875\u9762\u65F6\uFF0C\u53EF\u4EE5\u7528 Modal \u5F39\u51FA\u4E00\u4E2A\u8868\u5355\uFF0C\u7528\u6237\u586B\u5199\u5FC5\u8981\u4FE1\u606F\u540E\u521B\u5EFA\u65B0\u7684\u9879\u3002</p>\n<blockquote>\n<p>\u{1F6CE}\uFE0F \u60F3\u8981 3 \u5206\u949F\u5B9E\u73B0\uFF1F\u8BD5\u8BD5 ProForm \u7684 <a href="https://procomponents.ant.design/components/form#modal-%E8%A1%A8%E5%8D%95">Modal \u8868\u5355</a>\uFF01</p>\n</blockquote>'}},{demo:{id:"form-demo-time-related-controls"},previewerProps:{title:"\u65F6\u95F4\u7C7B\u63A7\u4EF6",filename:"components/form/demo/time-related-controls.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Button, DatePicker, Form, TimePicker } from 'antd';\nconst { RangePicker } = DatePicker;\nconst formItemLayout = {\n  labelCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 8,\n    },\n  },\n  wrapperCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 16,\n    },\n  },\n};\nconst config = {\n  rules: [\n    {\n      type: 'object',\n      required: true,\n      message: 'Please select time!',\n    },\n  ],\n};\nconst rangeConfig = {\n  rules: [\n    {\n      type: 'array',\n      required: true,\n      message: 'Please select time!',\n    },\n  ],\n};\nconst onFinish = (fieldsValue) => {\n  // Should format date value before submit.\n  const rangeValue = fieldsValue['range-picker'];\n  const rangeTimeValue = fieldsValue['range-time-picker'];\n  const values = {\n    ...fieldsValue,\n    'date-picker': fieldsValue['date-picker'].format('YYYY-MM-DD'),\n    'date-time-picker': fieldsValue['date-time-picker'].format('YYYY-MM-DD HH:mm:ss'),\n    'month-picker': fieldsValue['month-picker'].format('YYYY-MM'),\n    'range-picker': [rangeValue[0].format('YYYY-MM-DD'), rangeValue[1].format('YYYY-MM-DD')],\n    'range-time-picker': [\n      rangeTimeValue[0].format('YYYY-MM-DD HH:mm:ss'),\n      rangeTimeValue[1].format('YYYY-MM-DD HH:mm:ss'),\n    ],\n    'time-picker': fieldsValue['time-picker'].format('HH:mm:ss'),\n  };\n  console.log('Received values of form: ', values);\n};\nconst App = () => (\n  <Form\n    name=\"time_related_controls\"\n    {...formItemLayout}\n    onFinish={onFinish}\n    style={{\n      maxWidth: 600,\n    }}\n  >\n    <Form.Item name=\"date-picker\" label=\"DatePicker\" {...config}>\n      <DatePicker />\n    </Form.Item>\n    <Form.Item name=\"date-time-picker\" label=\"DatePicker[showTime]\" {...config}>\n      <DatePicker showTime format=\"YYYY-MM-DD HH:mm:ss\" />\n    </Form.Item>\n    <Form.Item name=\"month-picker\" label=\"MonthPicker\" {...config}>\n      <DatePicker picker=\"month\" />\n    </Form.Item>\n    <Form.Item name=\"range-picker\" label=\"RangePicker\" {...rangeConfig}>\n      <RangePicker />\n    </Form.Item>\n    <Form.Item name=\"range-time-picker\" label=\"RangePicker[showTime]\" {...rangeConfig}>\n      <RangePicker showTime format=\"YYYY-MM-DD HH:mm:ss\" />\n    </Form.Item>\n    <Form.Item name=\"time-picker\" label=\"TimePicker\" {...config}>\n      <TimePicker />\n    </Form.Item>\n    <Form.Item label={null}>\n      <Button type=\"primary\" htmlType=\"submit\">\n        Submit\n      </Button>\n    </Form.Item>\n  </Form>\n);\nexport default App;\n",description:"<p>\u65F6\u95F4\u7C7B\u7EC4\u4EF6\u7684 <code>value</code> \u7C7B\u578B\u4E3A <code>dayjs</code> \u5BF9\u8C61\uFF0C\u6240\u4EE5\u5728\u63D0\u4EA4\u670D\u52A1\u5668\u524D\u9700\u8981\u9884\u5904\u7406\u3002</p>"}},{demo:{id:"form-demo-without-form-create"},previewerProps:{title:"\u81EA\u884C\u5904\u7406\u8868\u5355\u6570\u636E",filename:"components/form/demo/without-form-create.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { Form, InputNumber } from 'antd';\nconst validatePrimeNumber = (number) => {\n  if (number === 11) {\n    return {\n      validateStatus: 'success',\n      errorMsg: null,\n    };\n  }\n  return {\n    validateStatus: 'error',\n    errorMsg: 'The prime between 8 and 12 is 11!',\n  };\n};\nconst formItemLayout = {\n  labelCol: {\n    span: 7,\n  },\n  wrapperCol: {\n    span: 12,\n  },\n};\nconst tips =\n  'A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.';\nconst App = () => {\n  const [number, setNumber] = useState({\n    value: 11,\n  });\n  const onNumberChange = (value) => {\n    setNumber({\n      ...validatePrimeNumber(value),\n      value: value,\n    });\n  };\n  return (\n    <Form\n      style={{\n        maxWidth: 600,\n      }}\n    >\n      <Form.Item\n        {...formItemLayout}\n        label=\"Prime between 8 & 12\"\n        validateStatus={number.validateStatus}\n        help={number.errorMsg || tips}\n      >\n        <InputNumber min={8} max={12} value={number.value} onChange={onNumberChange} />\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n",description:"<p><code>Form</code> \u5177\u6709\u81EA\u52A8\u6536\u96C6\u6570\u636E\u5E76\u6821\u9A8C\u7684\u529F\u80FD\uFF0C\u4F46\u5982\u679C\u60A8\u4E0D\u9700\u8981\u8FD9\u4E2A\u529F\u80FD\uFF0C\u6216\u8005\u9ED8\u8BA4\u7684\u884C\u4E3A\u65E0\u6CD5\u6EE1\u8DB3\u4E1A\u52A1\u9700\u6C42\uFF0C\u53EF\u4EE5\u9009\u62E9\u81EA\u884C\u5904\u7406\u6570\u636E\u3002</p>"}},{demo:{id:"form-demo-validate-static"},previewerProps:{title:"\u81EA\u5B9A\u4E49\u6821\u9A8C",filename:"components/form/demo/validate-static.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { SmileOutlined } from \'@ant-design/icons\';\nimport {\n  Cascader,\n  DatePicker,\n  Form,\n  Input,\n  InputNumber,\n  Mentions,\n  Select,\n  TimePicker,\n  TreeSelect,\n} from \'antd\';\nconst { Option } = Select;\nconst formItemLayout = {\n  labelCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 6,\n    },\n  },\n  wrapperCol: {\n    xs: {\n      span: 24,\n    },\n    sm: {\n      span: 14,\n    },\n  },\n};\nconst App = () => (\n  <Form\n    {...formItemLayout}\n    style={{\n      maxWidth: 600,\n    }}\n  >\n    <Form.Item\n      label="Fail"\n      validateStatus="error"\n      help="Should be combination of numbers & alphabets"\n    >\n      <Input placeholder="unavailable choice" id="error" />\n    </Form.Item>\n\n    <Form.Item label="Warning" validateStatus="warning">\n      <Input placeholder="Warning" id="warning" prefix={<SmileOutlined />} />\n    </Form.Item>\n\n    <Form.Item\n      label="Validating"\n      hasFeedback\n      validateStatus="validating"\n      help="The information is being validated..."\n    >\n      <Input placeholder="I\'m the content is being validated" id="validating" />\n    </Form.Item>\n\n    <Form.Item label="Success" hasFeedback validateStatus="success">\n      <Input placeholder="I\'m the content" id="success" />\n    </Form.Item>\n\n    <Form.Item label="Warning" hasFeedback validateStatus="warning">\n      <Input placeholder="Warning" id="warning2" />\n    </Form.Item>\n\n    <Form.Item\n      label="Fail"\n      hasFeedback\n      validateStatus="error"\n      help="Should be combination of numbers & alphabets"\n    >\n      <Input placeholder="unavailable choice" id="error2" />\n    </Form.Item>\n\n    <Form.Item label="Success" hasFeedback validateStatus="success">\n      <DatePicker\n        style={{\n          width: \'100%\',\n        }}\n      />\n    </Form.Item>\n\n    <Form.Item label="Warning" hasFeedback validateStatus="warning">\n      <TimePicker\n        style={{\n          width: \'100%\',\n        }}\n      />\n    </Form.Item>\n\n    <Form.Item label="Error" hasFeedback validateStatus="error">\n      <DatePicker.RangePicker\n        style={{\n          width: \'100%\',\n        }}\n      />\n    </Form.Item>\n\n    <Form.Item label="Error" hasFeedback validateStatus="error">\n      <Select placeholder="I\'m Select" allowClear>\n        <Option value="1">Option 1</Option>\n        <Option value="2">Option 2</Option>\n        <Option value="3">Option 3</Option>\n      </Select>\n    </Form.Item>\n\n    <Form.Item\n      label="Validating"\n      hasFeedback\n      validateStatus="error"\n      help="Something breaks the rule."\n    >\n      <Cascader\n        placeholder="I\'m Cascader"\n        options={[\n          {\n            value: \'xx\',\n            label: \'xx\',\n          },\n        ]}\n        allowClear\n      />\n    </Form.Item>\n\n    <Form.Item label="Warning" hasFeedback validateStatus="warning" help="Need to be checked">\n      <TreeSelect\n        placeholder="I\'m TreeSelect"\n        treeData={[\n          {\n            value: \'xx\',\n            label: \'xx\',\n          },\n        ]}\n        allowClear\n      />\n    </Form.Item>\n\n    <Form.Item\n      label="inline"\n      style={{\n        marginBottom: 0,\n      }}\n    >\n      <Form.Item\n        validateStatus="error"\n        help="Please select right date"\n        style={{\n          display: \'inline-block\',\n          width: \'calc(50% - 12px)\',\n        }}\n      >\n        <DatePicker />\n      </Form.Item>\n      <span\n        style={{\n          display: \'inline-block\',\n          width: \'24px\',\n          lineHeight: \'32px\',\n          textAlign: \'center\',\n        }}\n      >\n        -\n      </span>\n      <Form.Item\n        style={{\n          display: \'inline-block\',\n          width: \'calc(50% - 12px)\',\n        }}\n      >\n        <DatePicker />\n      </Form.Item>\n    </Form.Item>\n\n    <Form.Item label="Success" hasFeedback validateStatus="success">\n      <InputNumber\n        style={{\n          width: \'100%\',\n        }}\n      />\n    </Form.Item>\n\n    <Form.Item label="Success" hasFeedback validateStatus="success">\n      <Input allowClear placeholder="with allowClear" />\n    </Form.Item>\n\n    <Form.Item label="Warning" hasFeedback validateStatus="warning">\n      <Input.Password placeholder="with input password" />\n    </Form.Item>\n\n    <Form.Item label="Error" hasFeedback validateStatus="error">\n      <Input.Password allowClear placeholder="with input password and allowClear" />\n    </Form.Item>\n\n    <Form.Item label="Success" hasFeedback validateStatus="success">\n      <Input.OTP />\n    </Form.Item>\n    <Form.Item label="Warning" hasFeedback validateStatus="warning">\n      <Input.OTP />\n    </Form.Item>\n\n    <Form.Item label="Error" hasFeedback validateStatus="error">\n      <Input.OTP />\n    </Form.Item>\n\n    <Form.Item label="Fail" validateStatus="error" hasFeedback>\n      <Mentions />\n    </Form.Item>\n\n    <Form.Item label="Fail" validateStatus="error" hasFeedback help="Should have something">\n      <Input.TextArea allowClear showCount />\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:"<p>\u6211\u4EEC\u63D0\u4F9B\u4E86 <code>validateStatus</code> <code>help</code> <code>hasFeedback</code> \u7B49\u5C5E\u6027\uFF0C\u4F60\u53EF\u4EE5\u4E0D\u901A\u8FC7 Form \u81EA\u5DF1\u5B9A\u4E49\u6821\u9A8C\u7684\u65F6\u673A\u548C\u5185\u5BB9\u3002</p>\n<ol>\n<li><code>validateStatus</code>: \u6821\u9A8C\u72B6\u6001\uFF0C\u53EF\u9009 'success', 'warning', 'error', 'validating'\u3002</li>\n<li><code>hasFeedback</code>\uFF1A\u7528\u4E8E\u7ED9\u8F93\u5165\u6846\u6DFB\u52A0\u53CD\u9988\u56FE\u6807\u3002</li>\n<li><code>help</code>\uFF1A\u8BBE\u7F6E\u6821\u9A8C\u6587\u6848\u3002</li>\n</ol>"}},{demo:{id:"form-demo-dynamic-rule"},previewerProps:{title:"\u52A8\u6001\u6821\u9A8C\u89C4\u5219",filename:"components/form/demo/dynamic-rule.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React, { useEffect, useState } from \'react\';\nimport { Button, Checkbox, Form, Input } from \'antd\';\nconst formItemLayout = {\n  labelCol: {\n    span: 4,\n  },\n  wrapperCol: {\n    span: 8,\n  },\n};\nconst formTailLayout = {\n  labelCol: {\n    span: 4,\n  },\n  wrapperCol: {\n    span: 8,\n    offset: 4,\n  },\n};\nconst App = () => {\n  const [form] = Form.useForm();\n  const [checkNick, setCheckNick] = useState(false);\n  useEffect(() => {\n    form.validateFields([\'nickname\']);\n  }, [checkNick, form]);\n  const onCheckboxChange = (e) => {\n    setCheckNick(e.target.checked);\n  };\n  const onCheck = async () => {\n    try {\n      const values = await form.validateFields();\n      console.log(\'Success:\', values);\n    } catch (errorInfo) {\n      console.log(\'Failed:\', errorInfo);\n    }\n  };\n  return (\n    <Form\n      form={form}\n      name="dynamic_rule"\n      style={{\n        maxWidth: 600,\n      }}\n    >\n      <Form.Item\n        {...formItemLayout}\n        name="username"\n        label="Name"\n        rules={[\n          {\n            required: true,\n            message: \'Please input your name\',\n          },\n        ]}\n      >\n        <Input placeholder="Please input your name" />\n      </Form.Item>\n      <Form.Item\n        {...formItemLayout}\n        name="nickname"\n        label="Nickname"\n        rules={[\n          {\n            required: checkNick,\n            message: \'Please input your nickname\',\n          },\n        ]}\n      >\n        <Input placeholder="Please input your nickname" />\n      </Form.Item>\n      <Form.Item {...formTailLayout}>\n        <Checkbox checked={checkNick} onChange={onCheckboxChange}>\n          Nickname is required\n        </Checkbox>\n      </Form.Item>\n      <Form.Item {...formTailLayout}>\n        <Button type="primary" onClick={onCheck}>\n          Check\n        </Button>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>\u6839\u636E\u4E0D\u540C\u60C5\u51B5\u6267\u884C\u4E0D\u540C\u7684\u6821\u9A8C\u89C4\u5219\u3002</p>"}},{demo:{id:"form-demo-form-dependencies"},previewerProps:{title:"\u6821\u9A8C\u4E0E\u66F4\u65B0\u4F9D\u8D56",filename:"components/form/demo/form-dependencies.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Alert, Form, Input, Typography } from \'antd\';\nconst App = () => {\n  const [form] = Form.useForm();\n  return (\n    <Form\n      form={form}\n      name="dependencies"\n      autoComplete="off"\n      style={{\n        maxWidth: 600,\n      }}\n      layout="vertical"\n    >\n      <Alert message=" Try modify `Password2` and then modify `Password`" type="info" showIcon />\n\n      <Form.Item\n        label="Password"\n        name="password"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n\n      {/* Field */}\n      <Form.Item\n        label="Confirm Password"\n        name="password2"\n        dependencies={[\'password\']}\n        rules={[\n          {\n            required: true,\n          },\n          ({ getFieldValue }) => ({\n            validator(_, value) {\n              if (!value || getFieldValue(\'password\') === value) {\n                return Promise.resolve();\n              }\n              return Promise.reject(new Error(\'The new password that you entered do not match!\'));\n            },\n          }),\n        ]}\n      >\n        <Input />\n      </Form.Item>\n\n      {/* Render Props */}\n      <Form.Item noStyle dependencies={[\'password2\']}>\n        {() => (\n          <Typography>\n            <p>\n              Only Update when <code>password2</code> updated:\n            </p>\n            <pre>{JSON.stringify(form.getFieldsValue(), null, 2)}</pre>\n          </Typography>\n        )}\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>Form.Item \u53EF\u4EE5\u901A\u8FC7 <code>dependencies</code> \u5C5E\u6027\uFF0C\u8BBE\u7F6E\u5173\u8054\u5B57\u6BB5\u3002\u5F53\u5173\u8054\u5B57\u6BB5\u7684\u503C\u53D1\u751F\u53D8\u5316\u65F6\uFF0C\u4F1A\u89E6\u53D1\u6821\u9A8C\u4E0E\u66F4\u65B0\u3002</p>"}},{demo:{id:"form-demo-validate-scroll-to-field"},previewerProps:{iframe:"360",title:"\u6ED1\u52A8\u5230\u9519\u8BEF\u5B57\u6BB5",filename:"components/form/demo/validate-scroll-to-field.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Button, Flex, Form, Input, Select } from 'antd';\nconst App = () => {\n  const [form] = Form.useForm();\n  return (\n    <Form\n      form={form}\n      scrollToFirstError={{\n        behavior: 'instant',\n        block: 'end',\n        focus: true,\n      }}\n      style={{\n        paddingBlock: 32,\n      }}\n      labelCol={{\n        span: 6,\n      }}\n      wrapperCol={{\n        span: 14,\n      }}\n    >\n      <Form.Item\n        wrapperCol={{\n          offset: 6,\n        }}\n      >\n        <Button onClick={() => form.scrollToField('bio')}>Scroll to Bio</Button>\n      </Form.Item>\n\n      <Form.Item\n        name=\"username\"\n        label=\"UserName\"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n\n      <Form.Item label=\"Occupation\" name=\"occupation\">\n        <Select\n          options={[\n            {\n              label: 'Designer',\n              value: 'designer',\n            },\n            {\n              label: 'Developer',\n              value: 'developer',\n            },\n            {\n              label: 'Product Manager',\n              value: 'product-manager',\n            },\n          ]}\n        />\n      </Form.Item>\n\n      <Form.Item name=\"motto\" label=\"Motto\">\n        <Input.TextArea rows={4} />\n      </Form.Item>\n\n      <Form.Item\n        name=\"bio\"\n        label=\"Bio\"\n        rules={[\n          {\n            required: true,\n          },\n        ]}\n      >\n        <Input.TextArea rows={6} />\n      </Form.Item>\n\n      <Form.Item\n        wrapperCol={{\n          offset: 6,\n        }}\n      >\n        <Flex gap=\"small\">\n          <Button type=\"primary\" htmlType=\"submit\">\n            Submit\n          </Button>\n          <Button danger onClick={() => form.resetFields()}>\n            Reset\n          </Button>\n        </Flex>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n",description:"<p>\u6821\u9A8C\u5931\u8D25\u65F6/\u624B\u52A8\u6EDA\u52A8\u5230\u9519\u8BEF\u5B57\u6BB5\u3002</p>"}},{demo:{id:"form-demo-validate-other"},previewerProps:{title:"\u6821\u9A8C\u5176\u4ED6\u7EC4\u4EF6",filename:"components/form/demo/validate-other.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { InboxOutlined, UploadOutlined } from \'@ant-design/icons\';\nimport {\n  Button,\n  Checkbox,\n  Col,\n  ColorPicker,\n  Form,\n  InputNumber,\n  Radio,\n  Rate,\n  Row,\n  Select,\n  Slider,\n  Space,\n  Switch,\n  Upload,\n} from \'antd\';\nconst { Option } = Select;\nconst formItemLayout = {\n  labelCol: {\n    span: 6,\n  },\n  wrapperCol: {\n    span: 14,\n  },\n};\nconst normFile = (e) => {\n  console.log(\'Upload event:\', e);\n  if (Array.isArray(e)) {\n    return e;\n  }\n  return e?.fileList;\n};\nconst onFinish = (values) => {\n  console.log(\'Received values of form: \', values);\n};\nconst App = () => (\n  <Form\n    name="validate_other"\n    {...formItemLayout}\n    onFinish={onFinish}\n    initialValues={{\n      \'input-number\': 3,\n      \'checkbox-group\': [\'A\', \'B\'],\n      rate: 3.5,\n      \'color-picker\': null,\n    }}\n    style={{\n      maxWidth: 600,\n    }}\n  >\n    <Form.Item label="Plain Text">\n      <span className="ant-form-text">China</span>\n    </Form.Item>\n    <Form.Item\n      name="select"\n      label="Select"\n      hasFeedback\n      rules={[\n        {\n          required: true,\n          message: \'Please select your country!\',\n        },\n      ]}\n    >\n      <Select placeholder="Please select a country">\n        <Option value="china">China</Option>\n        <Option value="usa">U.S.A</Option>\n      </Select>\n    </Form.Item>\n\n    <Form.Item\n      name="select-multiple"\n      label="Select[multiple]"\n      rules={[\n        {\n          required: true,\n          message: \'Please select your favourite colors!\',\n          type: \'array\',\n        },\n      ]}\n    >\n      <Select mode="multiple" placeholder="Please select favourite colors">\n        <Option value="red">Red</Option>\n        <Option value="green">Green</Option>\n        <Option value="blue">Blue</Option>\n      </Select>\n    </Form.Item>\n\n    <Form.Item label="InputNumber">\n      <Form.Item name="input-number" noStyle>\n        <InputNumber min={1} max={10} />\n      </Form.Item>\n      <span\n        className="ant-form-text"\n        style={{\n          marginInlineStart: 8,\n        }}\n      >\n        machines\n      </span>\n    </Form.Item>\n\n    <Form.Item name="switch" label="Switch" valuePropName="checked">\n      <Switch />\n    </Form.Item>\n\n    <Form.Item name="slider" label="Slider">\n      <Slider\n        marks={{\n          0: \'A\',\n          20: \'B\',\n          40: \'C\',\n          60: \'D\',\n          80: \'E\',\n          100: \'F\',\n        }}\n      />\n    </Form.Item>\n\n    <Form.Item name="radio-group" label="Radio.Group">\n      <Radio.Group>\n        <Radio value="a">item 1</Radio>\n        <Radio value="b">item 2</Radio>\n        <Radio value="c">item 3</Radio>\n      </Radio.Group>\n    </Form.Item>\n\n    <Form.Item\n      name="radio-button"\n      label="Radio.Button"\n      rules={[\n        {\n          required: true,\n          message: \'Please pick an item!\',\n        },\n      ]}\n    >\n      <Radio.Group>\n        <Radio.Button value="a">item 1</Radio.Button>\n        <Radio.Button value="b">item 2</Radio.Button>\n        <Radio.Button value="c">item 3</Radio.Button>\n      </Radio.Group>\n    </Form.Item>\n\n    <Form.Item name="checkbox-group" label="Checkbox.Group">\n      <Checkbox.Group>\n        <Row>\n          <Col span={8}>\n            <Checkbox\n              value="A"\n              style={{\n                lineHeight: \'32px\',\n              }}\n            >\n              A\n            </Checkbox>\n          </Col>\n          <Col span={8}>\n            <Checkbox\n              value="B"\n              style={{\n                lineHeight: \'32px\',\n              }}\n              disabled\n            >\n              B\n            </Checkbox>\n          </Col>\n          <Col span={8}>\n            <Checkbox\n              value="C"\n              style={{\n                lineHeight: \'32px\',\n              }}\n            >\n              C\n            </Checkbox>\n          </Col>\n          <Col span={8}>\n            <Checkbox\n              value="D"\n              style={{\n                lineHeight: \'32px\',\n              }}\n            >\n              D\n            </Checkbox>\n          </Col>\n          <Col span={8}>\n            <Checkbox\n              value="E"\n              style={{\n                lineHeight: \'32px\',\n              }}\n            >\n              E\n            </Checkbox>\n          </Col>\n          <Col span={8}>\n            <Checkbox\n              value="F"\n              style={{\n                lineHeight: \'32px\',\n              }}\n            >\n              F\n            </Checkbox>\n          </Col>\n        </Row>\n      </Checkbox.Group>\n    </Form.Item>\n\n    <Form.Item name="rate" label="Rate">\n      <Rate />\n    </Form.Item>\n\n    <Form.Item\n      name="upload"\n      label="Upload"\n      valuePropName="fileList"\n      getValueFromEvent={normFile}\n      extra="longgggggggggggggggggggggggggggggggggg"\n    >\n      <Upload name="logo" action="/upload.do" listType="picture">\n        <Button icon={<UploadOutlined />}>Click to upload</Button>\n      </Upload>\n    </Form.Item>\n    <Form.Item label="Dragger">\n      <Form.Item name="dragger" valuePropName="fileList" getValueFromEvent={normFile} noStyle>\n        <Upload.Dragger name="files" action="/upload.do">\n          <p className="ant-upload-drag-icon">\n            <InboxOutlined />\n          </p>\n          <p className="ant-upload-text">Click or drag file to this area to upload</p>\n          <p className="ant-upload-hint">Support for a single or bulk upload.</p>\n        </Upload.Dragger>\n      </Form.Item>\n    </Form.Item>\n    <Form.Item\n      name="color-picker"\n      label="ColorPicker"\n      rules={[\n        {\n          required: true,\n          message: \'color is required!\',\n        },\n      ]}\n    >\n      <ColorPicker />\n    </Form.Item>\n\n    <Form.Item\n      wrapperCol={{\n        span: 12,\n        offset: 6,\n      }}\n    >\n      <Space>\n        <Button type="primary" htmlType="submit">\n          Submit\n        </Button>\n        <Button htmlType="reset">reset</Button>\n      </Space>\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:"<p>\u4EE5\u4E0A\u6F14\u793A\u6CA1\u6709\u51FA\u73B0\u7684\u8868\u5355\u63A7\u4EF6\u5BF9\u5E94\u7684\u6821\u9A8C\u6F14\u793A\u3002</p>"}},{demo:{id:"form-demo-getvalueprops-normalize"},previewerProps:{title:"getValueProps + normalize",filename:"components/form/demo/getValueProps-normalize.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, DatePicker, Form } from \'antd\';\nimport dayjs from \'dayjs\';\nconst dateTimestamp = dayjs(\'2024-01-01\').valueOf();\nconst onFinish = (values) => {\n  console.log(\'Success:\', values);\n};\nconst App = () => (\n  <Form\n    name="getValueProps"\n    labelCol={{\n      span: 8,\n    }}\n    wrapperCol={{\n      span: 16,\n    }}\n    style={{\n      maxWidth: 600,\n    }}\n    initialValues={{\n      date: dateTimestamp,\n    }}\n    onFinish={onFinish}\n    autoComplete="off"\n  >\n    <Form.Item\n      label="Date"\n      name="date"\n      rules={[\n        {\n          required: true,\n        },\n      ]}\n      getValueProps={(value) => ({\n        value: value && dayjs(Number(value)),\n      })}\n      normalize={(value) => value && `${dayjs(value).valueOf()}`}\n    >\n      <DatePicker />\n    </Form.Item>\n\n    <Form.Item label={null}>\n      <Button type="primary" htmlType="submit">\n        Submit\n      </Button>\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:"<p>\u914D\u5408 <code>getValueProps</code> \u548C <code>normalize</code>\uFF0C\u53EF\u4EE5\u8F6C\u6362 <code>value</code> \u7684\u683C\u5F0F\uFF0C\u5982\u5C06\u65F6\u95F4\u6233\u8F6C\u6210 <code>dayjs</code> \u5BF9\u8C61\u518D\u4F20\u7ED9 <code>DatePicker</code>\u3002</p>"}},{demo:{id:"form-demo-disabled-input-debug"},previewerProps:{debug:!0,title:"Disabled Input Debug",filename:"components/form/demo/disabled-input-debug.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Form, Input } from \'antd\';\nconst App = () => (\n  <Form\n    style={{\n      maxWidth: 600,\n    }}\n  >\n    <Form.Item label="Normal0">\n      <Input placeholder="unavailable choice" value="Buggy!" />\n    </Form.Item>\n    <Form.Item label="Fail0" validateStatus="error" help="Buggy!">\n      <Input placeholder="unavailable choice" value="Buggy!" />\n    </Form.Item>\n    <Form.Item label="FailDisabled0" validateStatus="error" help="Buggy!">\n      <Input placeholder="unavailable choice" disabled value="Buggy!" />\n    </Form.Item>\n    <Form.Item label="Normal1">\n      <Input placeholder="unavailable choice" value="Buggy!" />\n    </Form.Item>\n    <Form.Item label="Fail1" validateStatus="error" help="Buggy!">\n      <Input placeholder="unavailable choice" value="Buggy!" />\n    </Form.Item>\n    <Form.Item label="FailDisabled1" validateStatus="error" help="Buggy!">\n      <Input placeholder="unavailable choice" disabled value="Buggy!" />\n    </Form.Item>\n    <Form.Item label="Normal2">\n      <Input placeholder="unavailable choice" addonBefore="Buggy!" />\n    </Form.Item>\n    <Form.Item label="Fail2" validateStatus="error" help="Buggy!">\n      <Input placeholder="unavailable choice" addonBefore="Buggy!" />\n    </Form.Item>\n    <Form.Item label="FailDisabled2" validateStatus="error" help="Buggy!">\n      <Input placeholder="unavailable choice" disabled addonBefore="Buggy!" />\n    </Form.Item>\n    <Form.Item label="Normal3">\n      <Input placeholder="unavailable choice" prefix="\u4EBA\u6C11\u5E01" value="50" />\n    </Form.Item>\n    <Form.Item label="Fail3" validateStatus="error" help="Buggy!">\n      <Input placeholder="unavailable choice" prefix="\u4EBA\u6C11\u5E01" value="50" />\n    </Form.Item>\n    <Form.Item label="FailDisabled3" validateStatus="error" help="Buggy!">\n      <Input placeholder="unavailable choice" disabled prefix="\u4EBA\u6C11\u5E01" value="50" />\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:"<p>Test disabled Input with validate state</p>"}},{demo:{id:"form-demo-label-debug"},previewerProps:{debug:!0,title:"\u6D4B\u8BD5 label \u7701\u7565",filename:"components/form/demo/label-debug.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Form, Input, Typography } from \'antd\';\nconst App = () => (\n  <Form\n    name="label-ellipsis"\n    labelCol={{\n      span: 8,\n    }}\n    wrapperCol={{\n      span: 16,\n    }}\n    style={{\n      maxWidth: 600,\n    }}\n  >\n    <Form.Item\n      label={\n        <Typography.Text ellipsis>\n          longtextlongtextlongtextlongtextlongtextlongtextlongtext\n        </Typography.Text>\n      }\n      name="username"\n    >\n      <Input />\n    </Form.Item>\n\n    <Form.Item\n      label={\n        <Typography.Text ellipsis>\n          longtext longtext longtext longtext longtext longtext longtext\n        </Typography.Text>\n      }\n      name="password"\n    >\n      <Input.Password />\n    </Form.Item>\n  </Form>\n);\nexport default App;\n',description:"<p><code>label</code> \u4E2D\u4F7F\u7528 <code>&#x3C;Typography.Text ellipsis></code> \u65F6\u5E94\u8BE5\u663E\u793A <code>...</code>\u3002</p>"}},{demo:{id:"form-demo-col-24-debug"},previewerProps:{debug:!0,title:"\u6D4B\u8BD5\u7279\u6B8A col 24 \u7528\u6CD5",filename:"components/form/demo/col-24-debug.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, Divider, Form, Input, Select } from \'antd\';\nconst sharedItem = (\n  <Form.Item\n    label={<a href="https://github.com/ant-design/ant-design/issues/36459">#36459</a>}\n    initialValue={[\'bamboo\']}\n    name="select"\n    style={{\n      boxShadow: \'0 0 3px red\',\n    }}\n  >\n    <Select\n      style={{\n        width: \'70%\',\n      }}\n      mode="multiple"\n      options={[\n        {\n          label: \'Bamboo\',\n          value: \'bamboo\',\n        },\n        {\n          label: \'Little\',\n          value: \'little\',\n        },\n        {\n          label: \'Light\',\n          value: \'light\',\n        },\n      ]}\n    />\n  </Form.Item>\n);\nconst App = () => {\n  const onFinish = (values) => {\n    console.log(\'Success:\', values);\n  };\n  const onFinishFailed = (errorInfo) => {\n    console.log(\'Failed:\', errorInfo);\n  };\n  return (\n    <>\n      <Form\n        name="col-24-debug"\n        labelCol={{\n          span: 24,\n        }}\n        wrapperCol={{\n          span: 24,\n        }}\n        initialValues={{\n          remember: true,\n        }}\n        onFinish={onFinish}\n        onFinishFailed={onFinishFailed}\n        style={{\n          maxWidth: 600,\n        }}\n        autoComplete="off"\n      >\n        <Form.Item\n          label="Username"\n          name="username"\n          rules={[\n            {\n              required: true,\n              message: \'Please input your username!\',\n            },\n          ]}\n        >\n          <Input />\n        </Form.Item>\n\n        <Form.Item\n          label="Password"\n          name="password"\n          rules={[\n            {\n              required: true,\n              message: \'Please input your password!\',\n            },\n          ]}\n        >\n          <Input.Password />\n        </Form.Item>\n\n        {sharedItem}\n\n        <Form.Item>\n          <Button type="primary" htmlType="submit">\n            Submit\n          </Button>\n        </Form.Item>\n      </Form>\n      <Form\n        name="responsive"\n        labelCol={{\n          sm: 24,\n          xl: 24,\n        }}\n        wrapperCol={{\n          sm: 24,\n          xl: 24,\n        }}\n        initialValues={{\n          remember: true,\n        }}\n        onFinish={onFinish}\n        onFinishFailed={onFinishFailed}\n        autoComplete="off"\n      >\n        <Form.Item\n          label="Username"\n          name="username"\n          rules={[\n            {\n              required: true,\n              message: \'Please input your username!\',\n            },\n          ]}\n        >\n          <Input />\n        </Form.Item>\n\n        <Form.Item\n          label="Password"\n          name="password"\n          rules={[\n            {\n              required: true,\n              message: \'Please input your password!\',\n            },\n          ]}\n        >\n          <Input.Password />\n        </Form.Item>\n\n        <Form.Item>\n          <Button type="primary" htmlType="submit">\n            Submit\n          </Button>\n        </Form.Item>\n      </Form>\n\n      <Divider />\n\n      <Form layout="vertical">\n        {sharedItem}\n\n        <Form.Item\n          label="col12"\n          name="col12"\n          labelCol={{\n            span: 12,\n          }}\n          wrapperCol={{\n            span: 12,\n          }}\n        >\n          <Input />\n        </Form.Item>\n      </Form>\n    </>\n  );\n};\nexport default App;\n',description:'<p>See issue <a href="https://github.com/ant-design/ant-design/issues/32980">#32980</a>.</p>'}},{demo:{id:"form-demo-ref-item"},previewerProps:{debug:!0,title:"\u5F15\u7528\u5B57\u6BB5",filename:"components/form/demo/ref-item.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Button, Form, Input } from 'antd';\nconst App = () => {\n  const [form] = Form.useForm();\n  const ref = React.useRef(null);\n  return (\n    <Form\n      form={form}\n      initialValues={{\n        list: ['light'],\n      }}\n      style={{\n        maxWidth: 600,\n      }}\n    >\n      <Form.Item name=\"test\" label=\"test\">\n        <Input ref={ref} />\n      </Form.Item>\n\n      <Form.List name=\"list\">\n        {(fields) =>\n          fields.map((field) => (\n            <Form.Item {...field} key={field.key}>\n              <Input ref={ref} />\n            </Form.Item>\n          ))\n        }\n      </Form.List>\n\n      <Button\n        htmlType=\"button\"\n        onClick={() => {\n          form.getFieldInstance('test').focus();\n        }}\n      >\n        Focus Form.Item\n      </Button>\n      <Button\n        onClick={() => {\n          form.getFieldInstance(['list', 0]).focus();\n        }}\n      >\n        Focus Form.List\n      </Button>\n    </Form>\n  );\n};\nexport default App;\n",description:"<p>\u8BF7\u4F18\u5148\u4F7F\u7528 <code>ref</code>\uFF01</p>"}},{demo:{id:"form-demo-custom-feedback-icons"},previewerProps:{debug:!0,title:"Custom feedback icons",filename:"components/form/demo/custom-feedback-icons.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { AlertFilled, CloseSquareFilled } from \'@ant-design/icons\';\nimport { Button, Form, Input, Tooltip } from \'antd\';\nimport { createStyles, css } from \'antd-style\';\nimport uniqueId from \'lodash/uniqueId\';\nconst useStyle = createStyles(() => ({\n  \'custom-feedback-icons\': css`\n    .ant-form-item-feedback-icon {\n      pointer-events: all;\n    }\n  `,\n}));\nconst App = () => {\n  const [form] = Form.useForm();\n  const { styles } = useStyle();\n  return (\n    <Form\n      name="custom-feedback-icons"\n      form={form}\n      style={{\n        maxWidth: 600,\n      }}\n      feedbackIcons={({ errors }) => ({\n        error: (\n          <Tooltip\n            key="tooltipKey"\n            title={errors?.map((error) => (\n              <div key={uniqueId()}>{error}</div>\n            ))}\n            color="red"\n          >\n            <CloseSquareFilled />\n          </Tooltip>\n        ),\n      })}\n    >\n      <Form.Item\n        name="custom-feedback-test-item"\n        label="Test"\n        className={styles[\'custom-feedback-icons\']}\n        rules={[\n          {\n            required: true,\n            type: \'email\',\n          },\n          {\n            min: 10,\n          },\n        ]}\n        help=""\n        hasFeedback\n      >\n        <Input />\n      </Form.Item>\n      <Form.Item\n        name="custom-feedback-test-item2"\n        label="Test"\n        className={styles[\'custom-feedback-icons\']}\n        rules={[\n          {\n            required: true,\n            type: \'email\',\n          },\n          {\n            min: 10,\n          },\n        ]}\n        help=""\n        hasFeedback={{\n          icons: ({ errors }) => ({\n            error: (\n              <Tooltip\n                key="tooltipKey"\n                title={errors?.map((error) => (\n                  <div key={uniqueId()}>{error}</div>\n                ))}\n                color="pink"\n              >\n                <AlertFilled />\n              </Tooltip>\n            ),\n            success: false,\n          }),\n        }}\n      >\n        <Input />\n      </Form.Item>\n      <Form.Item>\n        <Button htmlType="submit">Submit</Button>\n      </Form.Item>\n    </Form>\n  );\n};\nexport default App;\n',description:"<p>\u81EA\u5B9A\u4E49\u53CD\u9988\u56FE\u6807\u53EF\u4EE5\u901A\u8FC7 <code>hasFeedback={{ icons: ... }}</code> \u6216 <code>&#x3C;Form FeedbackIcons={icons}></code> \u4F20\u9012\uFF08<code>Form.Item</code> \u5FC5\u987B\u5177\u6709 <code>hasFeedback</code> \u5C5E\u6027\uFF09\u3002</p>"}},{demo:{id:"form-demo-component-token"},previewerProps:{debug:!0,title:"\u7EC4\u4EF6 Token",filename:"components/form/demo/component-token.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { ConfigProvider, Form, Input } from 'antd';\nconst App = () => (\n  <ConfigProvider\n    theme={{\n      components: {\n        Form: {\n          labelRequiredMarkColor: 'pink',\n          labelColor: 'green',\n          labelFontSize: 16,\n          labelHeight: 34,\n          labelColonMarginInlineStart: 4,\n          labelColonMarginInlineEnd: 12,\n          itemMarginBottom: 18,\n          inlineItemMarginBottom: 18,\n        },\n      },\n    }}\n  >\n    <Form\n      name=\"component-token\"\n      labelCol={{\n        span: 8,\n      }}\n      wrapperCol={{\n        span: 16,\n      }}\n      style={{\n        maxWidth: 600,\n      }}\n      initialValues={{\n        remember: true,\n      }}\n      autoComplete=\"off\"\n    >\n      <Form.Item\n        label=\"Username\"\n        name=\"username\"\n        rules={[\n          {\n            required: true,\n            message: 'Please input your username!',\n          },\n        ]}\n      >\n        <Input />\n      </Form.Item>\n\n      <Form.Item\n        label=\"Password\"\n        name=\"password\"\n        rules={[\n          {\n            required: true,\n            message: 'Please input your password!',\n          },\n        ]}\n      >\n        <Input.Password />\n      </Form.Item>\n    </Form>\n  </ConfigProvider>\n);\nexport default App;\n",description:"<p>Component Token Debug.</p>"}}]}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"api",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,s.jsxs)("p",{children:[e[2].value,(0,s.jsx)(l.default,{to:"/docs/react/common-props",sourceType:"Link",children:e[3].value})]}),(0,s.jsxs)("h3",{id:"form",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#form",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form"]}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[4].value}),(0,s.jsx)("th",{children:e[5].value}),(0,s.jsx)("th",{children:e[6].value}),(0,s.jsx)("th",{children:e[7].value}),(0,s.jsx)("th",{children:e[8].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[9].value}),(0,s.jsxs)("td",{children:[e[10].value,(0,s.jsx)("code",{children:e[11].value}),e[12].value]}),(0,s.jsx)("td",{children:e[13].value}),(0,s.jsx)("td",{children:e[14].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[15].value}),(0,s.jsx)("td",{children:e[16].value}),(0,s.jsx)("td",{children:e[17].value}),(0,s.jsx)("td",{children:e[18].value}),(0,s.jsx)("td",{children:e[19].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[20].value}),(0,s.jsxs)("td",{children:[e[21].value,(0,s.jsx)("code",{children:e[22].value}),e[23].value]}),(0,s.jsx)("td",{children:e[24].value}),(0,s.jsx)("td",{children:e[25].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[26].value}),(0,s.jsxs)("td",{children:[e[27].value,(0,s.jsx)(l.default,{to:"#form-demo-global-state",sourceType:"Link",children:e[28].value})]}),(0,s.jsxs)("td",{children:[(0,s.jsx)(l.default,{to:"#fielddata",sourceType:"Link",children:e[29].value}),e[30].value]}),(0,s.jsx)("td",{children:e[31].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[32].value}),(0,s.jsxs)("td",{children:[e[33].value,(0,s.jsx)("code",{children:e[34].value}),e[35].value]}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"#forminstance",sourceType:"Link",children:e[36].value})}),(0,s.jsx)("td",{children:e[37].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[38].value}),(0,s.jsxs)("td",{children:[e[39].value,(0,s.jsx)("code",{children:e[40].value}),e[41].value,(0,s.jsx)("code",{children:e[42].value}),e[43].value]}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"#feedbackicons",sourceType:"Link",children:e[44].value})}),(0,s.jsx)("td",{children:e[45].value}),(0,s.jsx)("td",{children:e[46].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[47].value}),(0,s.jsx)("td",{children:e[48].value}),(0,s.jsx)("td",{children:e[49].value}),(0,s.jsx)("td",{children:e[50].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[51].value}),(0,s.jsx)("td",{children:e[52].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[53].value}),e[54].value,(0,s.jsx)("code",{children:e[55].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[56].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[57].value}),(0,s.jsx)("td",{children:e[58].value}),(0,s.jsx)("td",{children:e[59].value}),(0,s.jsx)("td",{children:e[60].value}),(0,s.jsx)("td",{children:e[61].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[62].value}),(0,s.jsxs)("td",{children:[e[63].value,(0,s.jsx)("code",{children:e[64].value}),e[65].value,(0,s.jsx)("code",{children:e[66].value}),e[67].value,(0,s.jsx)("code",{children:e[68].value}),e[69].value,(0,s.jsx)("code",{children:e[70].value}),e[71].value,(0,s.jsx)("code",{children:e[72].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"/components/grid-cn#col",sourceType:"Link",children:e[73].value})}),(0,s.jsx)("td",{children:e[74].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[75].value}),(0,s.jsx)("td",{children:e[76].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[77].value}),e[78].value,(0,s.jsx)("code",{children:e[79].value}),e[80].value,(0,s.jsx)("code",{children:e[81].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[82].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[83].value}),(0,s.jsxs)("td",{children:[e[84].value,(0,s.jsx)("code",{children:e[85].value}),e[86].value]}),(0,s.jsx)("td",{children:e[87].value}),(0,s.jsx)("td",{children:e[88].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[89].value}),(0,s.jsxs)("td",{children:[e[90].value,(0,s.jsx)("code",{children:e[91].value}),e[92].value]}),(0,s.jsx)("td",{children:e[93].value}),(0,s.jsx)("td",{children:e[94].value}),(0,s.jsx)("td",{children:e[95].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[96].value}),(0,s.jsx)("td",{children:e[97].value}),(0,s.jsxs)("td",{children:[e[98].value,(0,s.jsx)("code",{children:e[99].value}),e[100].value]}),(0,s.jsx)("td",{children:e[101].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[102].value}),e[103].value]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[104].value}),(0,s.jsx)("td",{children:e[105].value}),(0,s.jsxs)("td",{children:[e[106].value,(0,s.jsx)(l.default,{href:"https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options",sourceType:"a",children:e[107].value}),e[108].value]}),(0,s.jsx)("td",{children:e[109].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[110].value}),(0,s.jsx)("td",{children:e[111].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[112].value}),e[113].value,(0,s.jsx)("code",{children:e[114].value}),e[115].value,(0,s.jsx)("code",{children:e[116].value})]}),(0,s.jsx)("td",{children:e[117].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[118].value}),(0,s.jsxs)("td",{children:[e[119].value,(0,s.jsx)(l.default,{to:"#validatemessages",sourceType:"Link",children:e[120].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{href:"https://github.com/ant-design/ant-design/blob/6234509d18bac1ac60fbb3f92a5b2c6a6361295a/components/locale/en_US.ts#L88-L134",sourceType:"a",children:e[121].value})}),(0,s.jsx)("td",{children:e[122].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[123].value}),(0,s.jsx)("td",{children:e[124].value}),(0,s.jsx)("td",{children:e[125].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[126].value})}),(0,s.jsx)("td",{children:e[127].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[128].value}),(0,s.jsx)("td",{children:e[129].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[130].value}),e[131].value,(0,s.jsx)("code",{children:e[132].value}),e[133].value,(0,s.jsx)("code",{children:e[134].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[135].value})}),(0,s.jsx)("td",{children:e[136].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[137].value}),(0,s.jsx)("td",{children:e[138].value}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"/components/grid-cn#col",sourceType:"Link",children:e[139].value})}),(0,s.jsx)("td",{children:e[140].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[141].value}),(0,s.jsx)("td",{children:e[142].value}),(0,s.jsx)("td",{children:e[143].value}),(0,s.jsx)("td",{children:e[144].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[145].value}),(0,s.jsx)("td",{children:e[146].value}),(0,s.jsx)("td",{children:e[147].value}),(0,s.jsx)("td",{children:e[148].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[149].value}),(0,s.jsx)("td",{children:e[150].value}),(0,s.jsx)("td",{children:e[151].value}),(0,s.jsx)("td",{children:e[152].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[153].value}),(0,s.jsx)("td",{children:e[154].value}),(0,s.jsx)("td",{children:e[155].value}),(0,s.jsx)("td",{children:e[156].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[157].value}),(0,s.jsx)("td",{children:e[158].value}),(0,s.jsx)("td",{children:e[159].value}),(0,s.jsx)("td",{children:e[160].value}),(0,s.jsx)("td",{children:e[161].value})]})]})]}),(0,s.jsx)("blockquote",{children:(0,s.jsxs)("p",{children:[e[162].value,(0,s.jsx)("code",{children:e[163].value}),e[164].value]})}),(0,s.jsxs)("h3",{id:"validatemessages",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#validatemessages",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"validateMessages"]}),(0,s.jsxs)("p",{children:[e[165].value,(0,s.jsx)(l.default,{href:"https://github.com/ant-design/ant-design/blob/6234509d18bac1ac60fbb3f92a5b2c6a6361295a/components/locale/en_US.ts#L88-L134",sourceType:"a",children:e[166].value}),e[167].value,(0,s.jsx)("code",{children:e[168].value}),e[169].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[170].value}),(0,s.jsxs)("p",{children:[e[171].value,(0,s.jsx)(l.default,{to:"/components/config-provider-cn",sourceType:"Link",children:e[172].value}),e[173].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[174].value}),(0,s.jsxs)("h2",{id:"formitem",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#formitem",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form.Item"]}),(0,s.jsx)("p",{children:e[175].value}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[176].value}),(0,s.jsx)("th",{children:e[177].value}),(0,s.jsx)("th",{children:e[178].value}),(0,s.jsx)("th",{children:e[179].value}),(0,s.jsx)("th",{children:e[180].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[181].value}),(0,s.jsxs)("td",{children:[e[182].value,(0,s.jsx)("code",{children:e[183].value}),e[184].value,(0,s.jsx)("code",{children:e[185].value}),e[186].value]}),(0,s.jsx)("td",{children:e[187].value}),(0,s.jsx)("td",{children:e[188].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[189].value}),(0,s.jsxs)("td",{children:[e[190].value,(0,s.jsx)(l.default,{to:"#dependencies",sourceType:"Link",children:e[191].value})]}),(0,s.jsxs)("td",{children:[(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[192].value}),e[193].value]}),(0,s.jsx)("td",{children:e[194].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[195].value}),(0,s.jsxs)("td",{children:[e[196].value,(0,s.jsx)("code",{children:e[197].value}),e[198].value]}),(0,s.jsx)("td",{children:e[199].value}),(0,s.jsx)("td",{children:e[200].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[201].value}),(0,s.jsx)("td",{children:e[202].value}),(0,s.jsx)("td",{children:e[203].value}),(0,s.jsx)("td",{children:e[204].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[205].value}),(0,s.jsxs)("td",{children:[e[206].value,(0,s.jsx)("code",{children:e[207].value}),e[208].value]}),(0,s.jsx)("td",{children:e[209].value}),(0,s.jsx)("td",{children:e[210].value}),(0,s.jsx)("td",{children:e[211].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[212].value}),(0,s.jsxs)("td",{children:[e[213].value,(0,s.jsx)("code",{children:e[214].value}),e[215].value]}),(0,s.jsxs)("td",{children:[e[216].value,(0,s.jsx)(l.default,{to:"#feedbackicons",sourceType:"Link",children:e[217].value}),e[218].value]}),(0,s.jsx)("td",{children:e[219].value}),(0,s.jsx)("td",{children:e[220].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[221].value}),(0,s.jsx)("td",{children:e[222].value}),(0,s.jsx)("td",{children:e[223].value}),(0,s.jsx)("td",{children:e[224].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[225].value}),(0,s.jsx)("td",{children:e[226].value}),(0,s.jsx)("td",{children:e[227].value}),(0,s.jsx)("td",{children:e[228].value}),(0,s.jsx)("td",{children:e[229].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[230].value}),(0,s.jsxs)("td",{children:[e[231].value,(0,s.jsx)("code",{children:e[232].value}),e[233].value]}),(0,s.jsx)("td",{children:e[234].value}),(0,s.jsx)("td",{children:e[235].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[236].value}),(0,s.jsxs)("td",{children:[e[237].value,(0,s.jsx)("code",{children:e[238].value}),e[239].value]}),(0,s.jsx)("td",{children:e[240].value}),(0,s.jsx)("td",{children:e[241].value}),(0,s.jsx)("td",{children:e[242].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[243].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[244].value}),e[245].value]}),(0,s.jsx)("td",{children:e[246].value}),(0,s.jsx)("td",{children:e[247].value}),(0,s.jsx)("td",{children:e[248].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[249].value}),(0,s.jsx)("td",{children:e[250].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[251].value}),e[252].value,(0,s.jsx)("code",{children:e[253].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[254].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[255].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[256].value}),e[257].value,(0,s.jsx)("code",{children:e[258].value}),e[259].value,(0,s.jsx)("code",{children:e[260].value}),e[261].value,(0,s.jsx)("code",{children:e[262].value}),e[263].value,(0,s.jsx)("code",{children:e[264].value}),e[265].value,(0,s.jsx)("code",{children:e[266].value}),e[267].value,(0,s.jsx)("code",{children:e[268].value}),e[269].value]}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"/components/grid-cn#col",sourceType:"Link",children:e[270].value})}),(0,s.jsx)("td",{children:e[271].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[272].value}),(0,s.jsxs)("td",{children:[e[273].value,(0,s.jsx)(l.default,{to:"#messagevariables",sourceType:"Link",children:e[274].value})]}),(0,s.jsx)("td",{children:e[275].value}),(0,s.jsx)("td",{children:e[276].value}),(0,s.jsx)("td",{children:e[277].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[278].value}),(0,s.jsx)("td",{children:e[279].value}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[280].value})}),(0,s.jsx)("td",{children:e[281].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[282].value}),(0,s.jsx)("td",{children:e[283].value}),(0,s.jsx)("td",{children:e[284].value}),(0,s.jsx)("td",{children:e[285].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[286].value}),(0,s.jsxs)("td",{children:[e[287].value,(0,s.jsx)("code",{children:e[288].value}),e[289].value,(0,s.jsx)("code",{children:e[290].value}),e[291].value,(0,s.jsx)("code",{children:e[292].value}),e[293].value,(0,s.jsx)("code",{children:e[294].value})]}),(0,s.jsx)("td",{children:e[295].value}),(0,s.jsx)("td",{children:e[296].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[297].value}),(0,s.jsx)("td",{children:e[298].value}),(0,s.jsx)("td",{children:e[299].value}),(0,s.jsx)("td",{children:e[300].value}),(0,s.jsx)("td",{children:e[301].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[302].value}),(0,s.jsx)("td",{children:e[303].value}),(0,s.jsx)("td",{children:e[304].value}),(0,s.jsx)("td",{children:e[305].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[306].value}),(0,s.jsxs)("td",{children:[e[307].value,(0,s.jsx)(l.default,{to:"#form-demo-basic",sourceType:"Link",children:e[308].value}),e[309].value]}),(0,s.jsxs)("td",{children:[(0,s.jsx)(l.default,{to:"#rule",sourceType:"Link",children:e[310].value}),e[311].value]}),(0,s.jsx)("td",{children:e[312].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[313].value}),(0,s.jsxs)("td",{children:[e[314].value,(0,s.jsx)(l.default,{to:"#shouldupdate",sourceType:"Link",children:e[315].value})]}),(0,s.jsx)("td",{children:e[316].value}),(0,s.jsx)("td",{children:e[317].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[318].value}),(0,s.jsx)("td",{children:e[319].value}),(0,s.jsxs)("td",{children:[e[320].value,(0,s.jsx)(l.default,{to:"/components/tooltip-cn#api",sourceType:"Link",children:e[321].value})]}),(0,s.jsx)("td",{children:e[322].value}),(0,s.jsx)("td",{children:e[323].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[324].value}),(0,s.jsxs)("td",{children:[e[325].value,(0,s.jsx)(l.default,{to:"#form-demo-customized-form-controls",sourceType:"Link",children:e[326].value}),e[327].value]}),(0,s.jsx)("td",{children:e[328].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[329].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[330].value}),(0,s.jsxs)("td",{children:[e[331].value,(0,s.jsx)("code",{children:e[332].value}),e[333].value]}),(0,s.jsxs)("td",{children:[e[334].value,(0,s.jsx)("code",{children:e[335].value})]}),(0,s.jsx)("td",{children:e[336].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[337].value}),e[338].value]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[339].value}),(0,s.jsx)("td",{children:e[340].value}),(0,s.jsx)("td",{children:e[341].value}),(0,s.jsx)("td",{children:e[342].value}),(0,s.jsx)("td",{children:e[343].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[344].value}),(0,s.jsx)("td",{children:e[345].value}),(0,s.jsx)("td",{children:e[346].value}),(0,s.jsx)("td",{children:e[347].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[348].value}),(0,s.jsx)("td",{children:e[349].value}),(0,s.jsx)("td",{children:e[350].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[351].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[352].value}),(0,s.jsxs)("td",{children:[e[353].value,(0,s.jsx)("code",{children:e[354].value}),e[355].value,(0,s.jsx)("code",{children:e[356].value}),e[357].value,(0,s.jsx)("code",{children:e[358].value}),e[359].value]}),(0,s.jsx)("td",{children:e[360].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[361].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[362].value}),(0,s.jsxs)("td",{children:[e[363].value,(0,s.jsx)("code",{children:e[364].value}),e[365].value,(0,s.jsx)("code",{children:e[366].value}),e[367].value]}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"/components/grid-cn#col",sourceType:"Link",children:e[368].value})}),(0,s.jsx)("td",{children:e[369].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[370].value}),(0,s.jsx)("td",{children:e[371].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[372].value}),e[373].value,(0,s.jsx)("code",{children:e[374].value})]}),(0,s.jsx)("td",{children:e[375].value}),(0,s.jsx)("td",{children:e[376].value})]})]})]}),(0,s.jsxs)("p",{children:[e[377].value,(0,s.jsx)("code",{children:e[378].value}),e[379].value,(0,s.jsx)("code",{children:e[380].value}),e[381].value,(0,s.jsx)("code",{children:e[382].value}),e[383].value,(0,s.jsx)("code",{children:e[384].value}),e[385].value,(0,s.jsx)("code",{children:e[386].value}),e[387].value,(0,s.jsx)("code",{children:e[388].value}),e[389].value]}),(0,s.jsxs)("ol",{children:[(0,s.jsxs)("li",{children:[e[390].value,(0,s.jsx)("strong",{children:e[391].value}),e[392].value,(0,s.jsx)("code",{children:e[393].value}),e[394].value,(0,s.jsx)("code",{children:e[395].value}),e[396].value,(0,s.jsx)("code",{children:e[397].value}),e[398].value]}),(0,s.jsxs)("li",{children:[e[399].value,(0,s.jsx)("code",{children:e[400].value}),e[401].value,(0,s.jsx)("code",{children:e[402].value}),e[403].value,(0,s.jsx)("code",{children:e[404].value}),e[405].value,(0,s.jsx)("code",{children:e[406].value}),e[407].value,(0,s.jsx)("code",{children:e[408].value}),e[409].value,(0,s.jsx)("code",{children:e[410].value}),e[411].value]}),(0,s.jsxs)("li",{children:[e[412].value,(0,s.jsx)("code",{children:e[413].value}),e[414].value,(0,s.jsx)("code",{children:e[415].value}),e[416].value]})]}),(0,s.jsxs)("h3",{id:"dependencies",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#dependencies",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"dependencies"]}),(0,s.jsxs)("p",{children:[e[417].value,(0,s.jsx)("code",{children:e[418].value}),e[419].value,(0,s.jsx)("code",{children:e[420].value}),e[421].value,(0,s.jsx)(l.default,{to:"#form-demo-dependencies",sourceType:"Link",children:e[422].value}),e[423].value]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[424].value}),e[425].value,(0,s.jsx)("code",{children:e[426].value}),e[427].value]}),(0,s.jsxs)("h3",{id:"feedbackicons",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#feedbackicons",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"FeedbackIcons"]}),(0,s.jsx)("p",{children:(0,s.jsx)("code",{children:e[428].value})}),(0,s.jsxs)("h3",{id:"shouldupdate",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#shouldupdate",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"shouldUpdate"]}),(0,s.jsxs)("p",{children:[e[429].value,(0,s.jsx)(l.default,{to:"#dependencies",sourceType:"Link",children:(0,s.jsx)("code",{children:e[430].value})}),e[431].value,(0,s.jsx)("code",{children:e[432].value}),e[433].value]}),(0,s.jsxs)("p",{children:[e[434].value,(0,s.jsx)("code",{children:e[435].value}),e[436].value,(0,s.jsx)("code",{children:e[437].value}),e[438].value,(0,s.jsx)("code",{children:e[439].value}),e[440].value]}),(0,s.jsxs)("p",{children:[e[441].value,(0,s.jsx)(l.default,{href:"https://github.com/ant-design/ant-design/issues/34500",sourceType:"a",children:e[442].value})]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[443].value}),(0,s.jsxs)("p",{children:[e[444].value,(0,s.jsx)(l.default,{to:"#form-demo-inline-login",sourceType:"Link",children:e[445].value}),e[446].value]}),(0,s.jsxs)("p",{children:[e[447].value,(0,s.jsx)("code",{children:e[448].value}),e[449].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[450].value}),(0,s.jsxs)("p",{children:[e[451].value,(0,s.jsx)(l.default,{to:"#form-demo-control-hooks",sourceType:"Link",children:e[452].value}),e[453].value]}),(0,s.jsxs)("h3",{id:"messagevariables",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#messagevariables",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"messageVariables"]}),(0,s.jsxs)("p",{children:[e[454].value,(0,s.jsx)("code",{children:e[455].value}),e[456].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[457].value}),(0,s.jsxs)("p",{children:[e[458].value,(0,s.jsx)("code",{children:e[459].value}),e[460].value,(0,s.jsx)("code",{children:e[461].value}),e[462].value,(0,s.jsx)("code",{children:e[463].value}),e[464].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[465].value}),(0,s.jsxs)("h2",{id:"formlist",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#formlist",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form.List"]}),(0,s.jsx)("p",{children:e[466].value}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[467].value}),(0,s.jsx)("th",{children:e[468].value}),(0,s.jsx)("th",{children:e[469].value}),(0,s.jsx)("th",{children:e[470].value}),(0,s.jsx)("th",{children:e[471].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[472].value}),(0,s.jsx)("td",{children:e[473].value}),(0,s.jsx)("td",{children:e[474].value}),(0,s.jsx)("td",{children:e[475].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[476].value}),(0,s.jsxs)("td",{children:[e[477].value,(0,s.jsx)("code",{children:e[478].value}),e[479].value]}),(0,s.jsx)("td",{children:e[480].value}),(0,s.jsx)("td",{children:e[481].value}),(0,s.jsx)("td",{children:e[482].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[483].value}),(0,s.jsxs)("td",{children:[e[484].value,(0,s.jsx)("code",{children:e[485].value}),e[486].value,(0,s.jsx)(l.default,{to:"#getfieldsvalue",sourceType:"Link",children:e[487].value}),e[488].value]}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[489].value})}),(0,s.jsx)("td",{children:e[490].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[491].value}),(0,s.jsxs)("td",{children:[e[492].value,(0,s.jsx)(l.default,{to:"#formerrorlist",sourceType:"Link",children:e[493].value}),e[494].value]}),(0,s.jsx)("td",{children:e[495].value}),(0,s.jsx)("td",{children:e[496].value}),(0,s.jsx)("td",{children:e[497].value})]})]})]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[498].value}),(0,s.jsxs)("p",{children:[e[499].value,(0,s.jsx)("code",{children:e[500].value}),e[501].value,(0,s.jsx)("code",{children:e[502].value}),e[503].value,(0,s.jsx)("code",{children:e[504].value}),e[505].value]}),(0,s.jsxs)("h2",{id:"operation",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#operation",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"operation"]}),(0,s.jsx)("p",{children:e[506].value}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[507].value}),(0,s.jsx)("th",{children:e[508].value}),(0,s.jsx)("th",{children:e[509].value}),(0,s.jsx)("th",{children:e[510].value}),(0,s.jsx)("th",{children:e[511].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[512].value}),(0,s.jsx)("td",{children:e[513].value}),(0,s.jsx)("td",{children:e[514].value}),(0,s.jsx)("td",{children:e[515].value}),(0,s.jsx)("td",{children:e[516].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[517].value}),(0,s.jsx)("td",{children:e[518].value}),(0,s.jsx)("td",{children:e[519].value}),(0,s.jsx)("td",{children:e[520].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[521].value}),(0,s.jsx)("td",{children:e[522].value}),(0,s.jsx)("td",{children:e[523].value}),(0,s.jsx)("td",{children:e[524].value}),(0,s.jsx)("td",{children:e[525].value})]})]})]}),(0,s.jsxs)("h2",{id:"formerrorlist",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#formerrorlist",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form.ErrorList"]}),(0,s.jsxs)("p",{children:[e[526].value,(0,s.jsx)(l.default,{to:"#form-demo-dynamic-form-item",sourceType:"Link",children:e[527].value}),e[528].value]}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[529].value}),(0,s.jsx)("th",{children:e[530].value}),(0,s.jsx)("th",{children:e[531].value}),(0,s.jsx)("th",{children:e[532].value})]})}),(0,s.jsx)("tbody",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[533].value}),(0,s.jsx)("td",{children:e[534].value}),(0,s.jsx)("td",{children:e[535].value}),(0,s.jsx)("td",{children:e[536].value})]})})]}),(0,s.jsxs)("h2",{id:"formprovider",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#formprovider",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form.Provider"]}),(0,s.jsxs)("p",{children:[e[537].value,(0,s.jsx)("code",{children:e[538].value}),e[539].value,(0,s.jsx)(l.default,{to:"#form-demo-form-context",sourceType:"Link",children:e[540].value}),e[541].value]}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[542].value}),(0,s.jsx)("th",{children:e[543].value}),(0,s.jsx)("th",{children:e[544].value}),(0,s.jsx)("th",{children:e[545].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[546].value}),(0,s.jsx)("td",{children:e[547].value}),(0,s.jsx)("td",{children:e[548].value}),(0,s.jsx)("td",{children:e[549].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[550].value}),(0,s.jsx)("td",{children:e[551].value}),(0,s.jsx)("td",{children:e[552].value}),(0,s.jsx)("td",{children:e[553].value})]})]})]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[554].value}),(0,s.jsxs)("h3",{id:"forminstance",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#forminstance",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"FormInstance"]}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[555].value}),(0,s.jsx)("th",{children:e[556].value}),(0,s.jsx)("th",{children:e[557].value}),(0,s.jsx)("th",{children:e[558].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[559].value}),(0,s.jsx)("td",{children:e[560].value}),(0,s.jsxs)("td",{children:[e[561].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[562].value}),e[563].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[564].value}),(0,s.jsx)("td",{children:e[565].value}),(0,s.jsxs)("td",{children:[e[566].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[567].value}),e[568].value]}),(0,s.jsx)("td",{children:e[569].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[570].value}),(0,s.jsx)("td",{children:e[571].value}),(0,s.jsxs)("td",{children:[e[572].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[573].value}),e[574].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[575].value}),(0,s.jsxs)("td",{children:[e[576].value,(0,s.jsx)("code",{children:e[577].value}),e[578].value]}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"#getfieldsvalue",sourceType:"Link",children:e[579].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[580].value}),(0,s.jsx)("td",{children:e[581].value}),(0,s.jsxs)("td",{children:[e[582].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[583].value}),e[584].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[585].value}),(0,s.jsxs)("td",{children:[e[586].value,(0,s.jsx)("code",{children:e[587].value}),e[588].value,(0,s.jsx)("code",{children:e[589].value}),e[590].value]}),(0,s.jsxs)("td",{children:[e[591].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[592].value}),e[593].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[594].value}),(0,s.jsx)("td",{children:e[595].value}),(0,s.jsxs)("td",{children:[e[596].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[597].value}),e[598].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[599].value}),(0,s.jsx)("td",{children:e[600].value}),(0,s.jsxs)("td",{children:[e[601].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[602].value}),e[603].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[604].value}),(0,s.jsxs)("td",{children:[e[605].value,(0,s.jsx)("code",{children:e[606].value})]}),(0,s.jsxs)("td",{children:[e[607].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[608].value}),e[609].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[610].value}),(0,s.jsx)("td",{children:e[611].value}),(0,s.jsxs)("td",{children:[e[612].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[613].value}),e[614].value,(0,s.jsx)(l.default,{href:"https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options",sourceType:"a",children:e[615].value}),e[616].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[617].value}),(0,s.jsx)("td",{children:e[618].value}),(0,s.jsxs)("td",{children:[e[619].value,(0,s.jsx)(l.default,{to:"#fielddata",sourceType:"Link",children:e[620].value}),e[621].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[622].value}),(0,s.jsxs)("td",{children:[e[623].value,(0,s.jsx)("strong",{children:e[624].value}),e[625].value]}),(0,s.jsxs)("td",{children:[e[626].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[627].value}),e[628].value]}),(0,s.jsx)("td",{children:e[629].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[630].value}),(0,s.jsxs)("td",{children:[e[631].value,(0,s.jsx)("strong",{children:e[632].value}),e[633].value,(0,s.jsx)("code",{children:e[634].value}),e[635].value]}),(0,s.jsx)("td",{children:e[636].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[637].value}),(0,s.jsxs)("td",{children:[e[638].value,(0,s.jsx)("code",{children:e[639].value}),e[640].value]}),(0,s.jsx)("td",{children:e[641].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[642].value}),(0,s.jsxs)("td",{children:[e[643].value,(0,s.jsx)("code",{children:e[644].value}),e[645].value]}),(0,s.jsxs)("td",{children:[e[646].value,(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[647].value}),e[648].value,(0,s.jsx)(l.default,{to:"#validatefields",sourceType:"Link",children:e[649].value}),e[650].value]}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h4",{id:"validatefields",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#validatefields",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"validateFields"]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[651].value}),(0,s.jsx)("p",{children:e[652].value}),(0,s.jsx)(i.default,{lang:"jsx",children:e[653].value}),(0,s.jsxs)("h2",{id:"hooks",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#hooks",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Hooks"]}),(0,s.jsxs)("h3",{id:"formuseform",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#formuseform",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form.useForm"]}),(0,s.jsx)("p",{children:(0,s.jsx)("code",{children:e[654].value})}),(0,s.jsx)("p",{children:e[655].value}),(0,s.jsxs)("h3",{id:"formuseforminstance",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#formuseforminstance",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form.useFormInstance"]}),(0,s.jsx)("p",{children:(0,s.jsx)("code",{children:e[656].value})}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[657].value}),e[658].value]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[659].value}),(0,s.jsxs)("h3",{id:"formusewatch",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#formusewatch",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form.useWatch"]}),(0,s.jsx)("p",{children:(0,s.jsx)("code",{children:e[660].value})}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[661].value}),e[662].value,(0,s.jsx)("code",{children:e[663].value})]}),(0,s.jsxs)("p",{children:[e[664].value,(0,s.jsx)("code",{children:e[665].value}),e[666].value]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[667].value}),(0,s.jsxs)("p",{children:[e[668].value,(0,s.jsx)("code",{children:e[669].value}),e[670].value,(0,s.jsx)("code",{children:e[671].value}),e[672].value,(0,s.jsx)("code",{children:e[673].value}),e[674].value]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[675].value}),e[676].value,(0,s.jsx)("code",{children:e[677].value}),e[678].value]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[679].value}),(0,s.jsxs)("h3",{id:"formitemusestatus",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#formitemusestatus",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form.Item.useStatus"]}),(0,s.jsx)("p",{children:(0,s.jsx)("code",{children:e[680].value})}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[681].value}),e[682].value,(0,s.jsx)("code",{children:e[683].value}),e[684].value,(0,s.jsx)("code",{children:e[685].value}),e[686].value,(0,s.jsx)("code",{children:e[687].value}),e[688].value,(0,s.jsx)("code",{children:e[689].value}),e[690].value,(0,s.jsx)("code",{children:e[691].value}),e[692].value]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[693].value}),(0,s.jsxs)("h4",{id:"\u4E0E\u5176\u4ED6\u83B7\u53D6\u6570\u636E\u7684\u65B9\u5F0F\u7684\u533A\u522B",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E0E\u5176\u4ED6\u83B7\u53D6\u6570\u636E\u7684\u65B9\u5F0F\u7684\u533A\u522B",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E0E\u5176\u4ED6\u83B7\u53D6\u6570\u636E\u7684\u65B9\u5F0F\u7684\u533A\u522B"]}),(0,s.jsxs)("p",{children:[e[694].value,(0,s.jsx)("code",{children:e[695].value}),e[696].value,(0,s.jsx)("code",{children:e[697].value}),e[698].value,(0,s.jsx)("code",{children:e[699].value}),e[700].value]}),(0,s.jsxs)("h2",{id:"interface",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#interface",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Interface"]}),(0,s.jsxs)("h3",{id:"namepath",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#namepath",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"NamePath"]}),(0,s.jsx)("p",{children:(0,s.jsx)("code",{children:e[701].value})}),(0,s.jsxs)("h3",{id:"getfieldsvalue",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#getfieldsvalue",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"GetFieldsValue"]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[702].value}),e[703].value]}),(0,s.jsxs)("h4",{id:"getfieldsvaluenamelist-true--namepath-filterfunc-filterfunc",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#getfieldsvaluenamelist-true--namepath-filterfunc-filterfunc",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"getFieldsValue(nameList?: true | ",(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[704].value}),"[], filterFunc?: FilterFunc)"]}),(0,s.jsxs)("p",{children:[e[705].value,(0,s.jsx)("code",{children:e[706].value}),e[707].value]}),(0,s.jsxs)("p",{children:[e[708].value,(0,s.jsx)("code",{children:e[709].value}),e[710].value,(0,s.jsx)("code",{children:e[711].value}),e[712].value,(0,s.jsx)("code",{children:e[713].value}),e[714].value,(0,s.jsx)("code",{children:e[715].value}),e[716].value]}),(0,s.jsxs)("p",{children:[e[717].value,(0,s.jsx)("code",{children:e[718].value}),e[719].value,(0,s.jsx)("code",{children:e[720].value}),e[721].value]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[722].value}),(0,s.jsxs)("h4",{id:"getfieldsvalue-strict-boolean-filter-filterfunc-",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#getfieldsvalue-strict-boolean-filter-filterfunc-",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"getFieldsValue({ strict?: boolean, filter?: FilterFunc })"]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[723].value}),e[724].value,(0,s.jsx)("code",{children:e[725].value}),e[726].value,(0,s.jsx)("code",{children:e[727].value}),e[728].value,(0,s.jsx)("code",{children:e[729].value}),e[730].value,(0,s.jsx)("code",{children:e[731].value}),e[732].value,(0,s.jsx)("code",{children:e[733].value}),e[734].value,(0,s.jsx)("code",{children:e[735].value}),e[736].value]}),(0,s.jsxs)("h3",{id:"filterfunc",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#filterfunc",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"FilterFunc"]}),(0,s.jsxs)("p",{children:[e[737].value,(0,s.jsx)("code",{children:e[738].value}),e[739].value]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[740].value}),(0,s.jsxs)("h3",{id:"fielddata",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#fielddata",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"FieldData"]}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[741].value}),(0,s.jsx)("th",{children:e[742].value}),(0,s.jsx)("th",{children:e[743].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[744].value}),(0,s.jsx)("td",{children:e[745].value}),(0,s.jsx)("td",{children:e[746].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[747].value}),(0,s.jsx)("td",{children:e[748].value}),(0,s.jsx)("td",{children:e[749].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[750].value}),(0,s.jsx)("td",{children:e[751].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(l.default,{to:"#namepath",sourceType:"Link",children:e[752].value}),e[753].value]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[754].value}),(0,s.jsx)("td",{children:e[755].value}),(0,s.jsx)("td",{children:e[756].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[757].value}),(0,s.jsx)("td",{children:e[758].value}),(0,s.jsx)("td",{children:e[759].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[760].value}),(0,s.jsx)("td",{children:e[761].value}),(0,s.jsx)("td",{children:e[762].value})]})]})]}),(0,s.jsxs)("h3",{id:"rule",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#rule",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Rule"]}),(0,s.jsx)("p",{children:e[763].value}),(0,s.jsx)(i.default,{lang:"tsx",children:e[764].value}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[765].value}),(0,s.jsx)("th",{children:e[766].value}),(0,s.jsx)("th",{children:e[767].value}),(0,s.jsx)("th",{children:e[768].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[769].value}),(0,s.jsxs)("td",{children:[e[770].value,(0,s.jsx)("code",{children:e[771].value}),e[772].value,(0,s.jsx)("code",{children:e[773].value}),e[774].value]}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"#rule",sourceType:"Link",children:e[775].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[776].value}),(0,s.jsxs)("td",{children:[e[777].value,(0,s.jsx)("code",{children:e[778].value}),e[779].value,(0,s.jsx)("code",{children:e[780].value}),e[781].value]}),(0,s.jsx)("td",{children:e[782].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[783].value}),(0,s.jsxs)("td",{children:[e[784].value,(0,s.jsx)("code",{children:e[785].value}),e[786].value,(0,s.jsx)("code",{children:e[787].value}),e[788].value,(0,s.jsx)("code",{children:e[789].value}),e[790].value]}),(0,s.jsxs)("td",{children:[e[791].value,(0,s.jsx)(l.default,{to:"#rule",sourceType:"Link",children:e[792].value}),e[793].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[794].value}),(0,s.jsx)("td",{children:e[795].value}),(0,s.jsx)("td",{children:e[796].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[797].value}),(0,s.jsxs)("td",{children:[e[798].value,(0,s.jsx)("code",{children:e[799].value}),e[800].value]}),(0,s.jsx)("td",{children:e[801].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[802].value}),(0,s.jsxs)("td",{children:[e[803].value,(0,s.jsx)(l.default,{to:"#validatemessages",sourceType:"Link",children:e[804].value}),e[805].value]}),(0,s.jsx)("td",{children:e[806].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[807].value}),(0,s.jsxs)("td",{children:[e[808].value,(0,s.jsx)("code",{children:e[809].value}),e[810].value]}),(0,s.jsx)("td",{children:e[811].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[812].value}),(0,s.jsx)("td",{children:e[813].value}),(0,s.jsx)("td",{children:e[814].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[815].value}),(0,s.jsx)("td",{children:e[816].value}),(0,s.jsx)("td",{children:e[817].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[818].value}),(0,s.jsx)("td",{children:e[819].value}),(0,s.jsx)("td",{children:e[820].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[821].value}),(0,s.jsxs)("td",{children:[e[822].value,(0,s.jsx)("code",{children:e[823].value}),e[824].value,(0,s.jsx)("code",{children:e[825].value}),e[826].value,(0,s.jsx)("code",{children:e[827].value}),e[828].value,(0,s.jsx)("code",{children:e[829].value}),e[830].value,(0,s.jsx)("code",{children:e[831].value}),e[832].value,(0,s.jsx)(l.default,{href:"https://github.com/react-component/async-validator#type",sourceType:"a",children:e[833].value})]}),(0,s.jsx)("td",{children:e[834].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[835].value}),(0,s.jsxs)("td",{children:[e[836].value,(0,s.jsx)("code",{children:e[837].value}),e[838].value]}),(0,s.jsx)("td",{children:e[839].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[840].value}),(0,s.jsxs)("td",{children:[e[841].value,(0,s.jsx)(l.default,{to:"#form-demo-register",sourceType:"Link",children:e[842].value}),e[843].value]}),(0,s.jsxs)("td",{children:[e[844].value,(0,s.jsx)(l.default,{to:"#rule",sourceType:"Link",children:e[845].value}),e[846].value]}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[847].value}),(0,s.jsx)("td",{children:e[848].value}),(0,s.jsx)("td",{children:e[849].value}),(0,s.jsx)("td",{children:e[850].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[851].value}),(0,s.jsxs)("td",{children:[e[852].value,(0,s.jsx)("code",{children:e[853].value}),e[854].value]}),(0,s.jsx)("td",{children:e[855].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h3",{id:"watchoptions",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#watchoptions",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"WatchOptions"]}),(0,s.jsxs)(o.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[856].value}),(0,s.jsx)("th",{children:e[857].value}),(0,s.jsx)("th",{children:e[858].value}),(0,s.jsx)("th",{children:e[859].value}),(0,s.jsx)("th",{children:e[860].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[861].value}),(0,s.jsx)("td",{children:e[862].value}),(0,s.jsx)("td",{children:e[863].value}),(0,s.jsx)("td",{children:e[864].value}),(0,s.jsx)("td",{children:e[865].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[866].value}),(0,s.jsxs)("td",{children:[e[867].value,(0,s.jsx)("code",{children:e[868].value}),e[869].value]}),(0,s.jsx)("td",{children:e[870].value}),(0,s.jsx)("td",{children:e[871].value}),(0,s.jsx)("td",{children:e[872].value})]})]})]}),(0,s.jsxs)("h2",{id:"\u4E3B\u9898\u53D8\u91CFdesign-token",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3B\u9898\u53D8\u91CFdesign-token",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3B\u9898\u53D8\u91CF\uFF08Design Token\uFF09"]})]}),(0,s.jsx)(a.default,{component:"Form"}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"faq",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#faq",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"FAQ"]}),(0,s.jsxs)("h3",{id:"switchcheckbox-\u4E3A\u4EC0\u4E48\u4E0D\u80FD\u7ED1\u5B9A\u6570\u636E",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#switchcheckbox-\u4E3A\u4EC0\u4E48\u4E0D\u80FD\u7ED1\u5B9A\u6570\u636E",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Switch\u3001Checkbox \u4E3A\u4EC0\u4E48\u4E0D\u80FD\u7ED1\u5B9A\u6570\u636E\uFF1F"]}),(0,s.jsxs)("p",{children:[e[873].value,(0,s.jsx)("code",{children:e[874].value}),e[875].value,(0,s.jsx)("code",{children:e[876].value}),e[877].value,(0,s.jsx)("code",{children:e[878].value}),e[879].value]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[880].value}),(0,s.jsxs)("h3",{id:"name-\u4E3A\u6570\u7EC4\u65F6\u7684\u8F6C\u6362\u89C4\u5219",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#name-\u4E3A\u6570\u7EC4\u65F6\u7684\u8F6C\u6362\u89C4\u5219",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"name \u4E3A\u6570\u7EC4\u65F6\u7684\u8F6C\u6362\u89C4\u5219\uFF1F"]}),(0,s.jsxs)("p",{children:[e[881].value,(0,s.jsx)("code",{children:e[882].value}),e[883].value,(0,s.jsx)("code",{children:e[884].value}),e[885].value]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4F55\u5728-modal-\u4E2D\u8C03\u7528-form-\u63A7\u5236\u53F0\u4F1A\u62A5\u9519",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4F55\u5728-modal-\u4E2D\u8C03\u7528-form-\u63A7\u5236\u53F0\u4F1A\u62A5\u9519",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4F55\u5728 Modal \u4E2D\u8C03\u7528 form \u63A7\u5236\u53F0\u4F1A\u62A5\u9519\uFF1F"]}),(0,s.jsx)("blockquote",{children:(0,s.jsxs)("p",{children:[e[886].value,(0,s.jsx)("code",{children:e[887].value}),e[888].value,(0,s.jsx)("code",{children:e[889].value}),e[890].value]})}),(0,s.jsxs)("p",{children:[e[891].value,(0,s.jsx)("code",{children:e[892].value}),e[893].value,(0,s.jsx)(l.default,{href:"https://codesandbox.io/s/antd-reproduction-template-ibu5c",sourceType:"a",children:e[894].value}),e[895].value]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48-formitem-\u4E0B\u7684\u5B50\u7EC4\u4EF6-defaultvalue-\u4E0D\u751F\u6548",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48-formitem-\u4E0B\u7684\u5B50\u7EC4\u4EF6-defaultvalue-\u4E0D\u751F\u6548",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48 Form.Item \u4E0B\u7684\u5B50\u7EC4\u4EF6 ",(0,s.jsx)("code",{children:e[896].value})," \u4E0D\u751F\u6548\uFF1F"]}),(0,s.jsxs)("p",{children:[e[897].value,(0,s.jsx)("code",{children:e[898].value}),e[899].value,(0,s.jsx)("code",{children:e[900].value}),e[901].value,(0,s.jsx)("code",{children:e[902].value}),e[903].value]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48\u7B2C\u4E00\u6B21\u8C03\u7528-ref-\u7684-form-\u4E3A\u7A7A",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48\u7B2C\u4E00\u6B21\u8C03\u7528-ref-\u7684-form-\u4E3A\u7A7A",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48\u7B2C\u4E00\u6B21\u8C03\u7528 ",(0,s.jsx)("code",{children:e[904].value})," \u7684 Form \u4E3A\u7A7A\uFF1F"]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[905].value}),e[906].value,(0,s.jsx)(l.default,{href:"https://reactjs.org/docs/refs-and-the-dom.html#accessing-refs",sourceType:"a",children:e[907].value})]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48-resetfields-\u4F1A\u91CD\u65B0-mount-\u7EC4\u4EF6",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48-resetfields-\u4F1A\u91CD\u65B0-mount-\u7EC4\u4EF6",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48 ",(0,s.jsx)("code",{children:e[908].value})," \u4F1A\u91CD\u65B0 mount \u7EC4\u4EF6\uFF1F"]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[909].value}),e[910].value]}),(0,s.jsxs)("h3",{id:"form-\u7684-initialvalues-\u4E0E-item-\u7684-initialvalue-\u533A\u522B",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#form-\u7684-initialvalues-\u4E0E-item-\u7684-initialvalue-\u533A\u522B",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Form \u7684 initialValues \u4E0E Item \u7684 initialValue \u533A\u522B\uFF1F"]}),(0,s.jsxs)("p",{children:[e[911].value,(0,s.jsx)("code",{children:e[912].value}),e[913].value,(0,s.jsx)("code",{children:e[914].value}),e[915].value]}),(0,s.jsxs)("ol",{children:[(0,s.jsxs)("li",{children:[e[916].value,(0,s.jsx)("code",{children:e[917].value}),e[918].value]}),(0,s.jsxs)("li",{children:[e[919].value,(0,s.jsx)("code",{children:e[920].value}),e[921].value,(0,s.jsx)("code",{children:e[922].value}),e[923].value,(0,s.jsx)("code",{children:e[924].value}),e[925].value,(0,s.jsx)("code",{children:e[926].value}),e[927].value]})]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48-getfieldsvalue-\u5728\u521D\u6B21\u6E32\u67D3\u7684\u65F6\u5019\u62FF\u4E0D\u5230\u503C",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48-getfieldsvalue-\u5728\u521D\u6B21\u6E32\u67D3\u7684\u65F6\u5019\u62FF\u4E0D\u5230\u503C",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48 ",(0,s.jsx)("code",{children:e[928].value})," \u5728\u521D\u6B21\u6E32\u67D3\u7684\u65F6\u5019\u62FF\u4E0D\u5230\u503C\uFF1F"]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[929].value}),e[930].value,(0,s.jsx)("code",{children:e[931].value}),e[932].value]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48-setfieldsvalue-\u8BBE\u7F6E\u5B57\u6BB5\u4E3A-undefined-\u65F6\u6709\u7684\u7EC4\u4EF6\u4E0D\u4F1A\u91CD\u7F6E\u4E3A\u7A7A",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48-setfieldsvalue-\u8BBE\u7F6E\u5B57\u6BB5\u4E3A-undefined-\u65F6\u6709\u7684\u7EC4\u4EF6\u4E0D\u4F1A\u91CD\u7F6E\u4E3A\u7A7A",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48 ",(0,s.jsx)("code",{children:e[933].value})," \u8BBE\u7F6E\u5B57\u6BB5\u4E3A ",(0,s.jsx)("code",{children:e[934].value})," \u65F6\uFF0C\u6709\u7684\u7EC4\u4EF6\u4E0D\u4F1A\u91CD\u7F6E\u4E3A\u7A7A\uFF1F"]}),(0,s.jsxs)("p",{children:[e[935].value,(0,s.jsx)("code",{children:e[936].value}),e[937].value,(0,s.jsx)("code",{children:e[938].value}),e[939].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[940].value}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48\u5B57\u6BB5\u8BBE\u7F6E-rules-\u540E\u66F4\u6539\u503C-onfieldschange-\u4F1A\u89E6\u53D1\u4E09\u6B21",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48\u5B57\u6BB5\u8BBE\u7F6E-rules-\u540E\u66F4\u6539\u503C-onfieldschange-\u4F1A\u89E6\u53D1\u4E09\u6B21",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48\u5B57\u6BB5\u8BBE\u7F6E ",(0,s.jsx)("code",{children:e[941].value})," \u540E\u66F4\u6539\u503C ",(0,s.jsx)("code",{children:e[942].value})," \u4F1A\u89E6\u53D1\u4E09\u6B21\uFF1F"]}),(0,s.jsx)("p",{children:e[943].value}),(0,s.jsxs)("ol",{children:[(0,s.jsx)("li",{children:e[944].value}),(0,s.jsx)("li",{children:e[945].value}),(0,s.jsx)("li",{children:e[946].value})]}),(0,s.jsxs)("p",{children:[e[947].value,(0,s.jsx)("code",{children:e[948].value}),e[949].value,(0,s.jsx)("code",{children:e[950].value}),e[951].value,(0,s.jsx)("code",{children:e[952].value}),e[953].value,(0,s.jsx)("code",{children:e[954].value}),e[955].value]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48-formlist-\u4E0D\u652F\u6301-label-\u8FD8\u9700\u8981\u4F7F\u7528-errorlist-\u5C55\u793A\u9519\u8BEF",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48-formlist-\u4E0D\u652F\u6301-label-\u8FD8\u9700\u8981\u4F7F\u7528-errorlist-\u5C55\u793A\u9519\u8BEF",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48 Form.List \u4E0D\u652F\u6301 ",(0,s.jsx)("code",{children:e[956].value})," \u8FD8\u9700\u8981\u4F7F\u7528 ErrorList \u5C55\u793A\u9519\u8BEF\uFF1F"]}),(0,s.jsxs)("p",{children:[e[957].value,(0,s.jsx)("code",{children:e[958].value}),e[959].value,(0,s.jsx)("code",{children:e[960].value}),e[961].value,(0,s.jsx)("code",{children:e[962].value}),e[963].value]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48-formitem-\u7684-dependencies-\u5BF9-formlist-\u4E0B\u7684\u5B57\u6BB5\u6CA1\u6709\u6548\u679C",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48-formitem-\u7684-dependencies-\u5BF9-formlist-\u4E0B\u7684\u5B57\u6BB5\u6CA1\u6709\u6548\u679C",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48 Form.Item \u7684 ",(0,s.jsx)("code",{children:e[964].value})," \u5BF9 Form.List \u4E0B\u7684\u5B57\u6BB5\u6CA1\u6709\u6548\u679C\uFF1F"]}),(0,s.jsxs)("p",{children:[e[965].value,(0,s.jsx)("code",{children:e[966].value}),e[967].value]}),(0,s.jsx)(i.default,{lang:"tsx",children:e[968].value}),(0,s.jsxs)("p",{children:[e[969].value,(0,s.jsx)("code",{children:e[970].value})]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48-normalize-\u4E0D\u80FD\u662F\u5F02\u6B65\u65B9\u6CD5",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48-normalize-\u4E0D\u80FD\u662F\u5F02\u6B65\u65B9\u6CD5",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48 ",(0,s.jsx)("code",{children:e[971].value})," \u4E0D\u80FD\u662F\u5F02\u6B65\u65B9\u6CD5\uFF1F"]}),(0,s.jsxs)("p",{children:[e[972].value,(0,s.jsx)("code",{children:e[973].value}),e[974].value,(0,s.jsx)("code",{children:e[975].value}),e[976].value]}),(0,s.jsxs)("h3",{id:"scrolltofirsterror-\u548C-scrolltofield-\u5931\u6548",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#scrolltofirsterror-\u548C-scrolltofield-\u5931\u6548",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),(0,s.jsx)("code",{children:e[977].value})," \u548C ",(0,s.jsx)("code",{children:e[978].value})," \u5931\u6548\uFF1F"]}),(0,s.jsx)("ol",{children:(0,s.jsx)("li",{children:e[979].value})}),(0,s.jsxs)("p",{children:[e[980].value,(0,s.jsx)(l.default,{href:"https://github.com/ant-design/ant-design/issues/28370",sourceType:"a",children:e[981].value}),e[982].value,(0,s.jsx)(l.default,{href:"https://github.com/ant-design/ant-design/issues/27994",sourceType:"a",children:e[983].value})]}),(0,s.jsxs)("p",{children:[e[984].value,(0,s.jsx)("code",{children:e[985].value}),e[986].value]}),(0,s.jsxs)("p",{children:[e[987].value,(0,s.jsx)("code",{children:e[988].value}),e[989].value,(0,s.jsx)("code",{children:e[990].value}),e[991].value,(0,s.jsx)(l.default,{href:"https://codesandbox.io/s/antd-reproduction-template-forked-25nul?file=/index.js",sourceType:"a",children:e[992].value}),e[993].value]}),(0,s.jsx)("ol",{start:"2",children:(0,s.jsx)("li",{children:e[994].value})}),(0,s.jsxs)("p",{children:[e[995].value,(0,s.jsx)("code",{children:e[996].value}),e[997].value,(0,s.jsx)("code",{children:e[998].value}),e[999].value,(0,s.jsx)("code",{children:e[1e3].value}),e[1001].value]}),(0,s.jsxs)("h3",{id:"\u7EE7\u4E0A\u4E3A\u4F55\u4E0D\u901A\u8FC7-ref-\u7ED1\u5B9A\u5143\u7D20",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u7EE7\u4E0A\u4E3A\u4F55\u4E0D\u901A\u8FC7-ref-\u7ED1\u5B9A\u5143\u7D20",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u7EE7\u4E0A\uFF0C\u4E3A\u4F55\u4E0D\u901A\u8FC7 ",(0,s.jsx)("code",{children:e[1002].value})," \u7ED1\u5B9A\u5143\u7D20\uFF1F"]}),(0,s.jsxs)("p",{children:[e[1003].value,(0,s.jsx)("code",{children:e[1004].value}),e[1005].value,(0,s.jsx)("code",{children:e[1006].value}),e[1007].value]}),(0,s.jsxs)("h3",{id:"setfieldsvalue-\u4E0D\u4F1A\u89E6\u53D1-onfieldschange-\u548C-onvalueschange",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#setfieldsvalue-\u4E0D\u4F1A\u89E6\u53D1-onfieldschange-\u548C-onvalueschange",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),(0,s.jsx)("code",{children:e[1008].value})," \u4E0D\u4F1A\u89E6\u53D1 ",(0,s.jsx)("code",{children:e[1009].value})," \u548C ",(0,s.jsx)("code",{children:e[1010].value}),"\uFF1F"]}),(0,s.jsxs)("p",{children:[e[1011].value,(0,s.jsx)("code",{children:e[1012].value}),e[1013].value,(0,s.jsx)("code",{children:e[1014].value}),e[1015].value,(0,s.jsx)("code",{children:e[1016].value}),e[1017].value]}),(0,s.jsxs)("h3",{id:"\u4E3A\u4EC0\u4E48-formitem-\u5D4C\u5957\u5B50\u7EC4\u4EF6\u540E\u4E0D\u66F4\u65B0\u8868\u5355\u503C",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4EC0\u4E48-formitem-\u5D4C\u5957\u5B50\u7EC4\u4EF6\u540E\u4E0D\u66F4\u65B0\u8868\u5355\u503C",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u4E3A\u4EC0\u4E48 Form.Item \u5D4C\u5957\u5B50\u7EC4\u4EF6\u540E\uFF0C\u4E0D\u66F4\u65B0\u8868\u5355\u503C\uFF1F"]}),(0,s.jsxs)("p",{children:[e[1018].value,(0,s.jsx)("code",{children:e[1019].value}),e[1020].value,(0,s.jsx)("code",{children:e[1021].value}),e[1022].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[1023].value}),(0,s.jsx)("p",{children:e[1024].value}),(0,s.jsx)(i.default,{lang:"jsx",children:e[1025].value}),(0,s.jsxs)("h3",{id:"\u6709\u66F4\u591A\u53C2\u8003\u6587\u6863\u5417",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u6709\u66F4\u591A\u53C2\u8003\u6587\u6863\u5417",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u6709\u66F4\u591A\u53C2\u8003\u6587\u6863\u5417\uFF1F"]}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[e[1026].value,(0,s.jsx)(l.default,{href:"https://zhuanlan.zhihu.com/p/375753910",sourceType:"a",children:e[1027].value}),e[1028].value]}),(0,s.jsxs)("li",{children:[e[1029].value,(0,s.jsx)(l.default,{href:"https://zhuanlan.zhihu.com/p/422752055",sourceType:"a",children:e[1030].value}),e[1031].value]}),(0,s.jsxs)("li",{children:[e[1032].value,(0,s.jsx)(l.default,{href:"https://zhuanlan.zhihu.com/p/388222294",sourceType:"a",children:e[1033].value}),e[1034].value]})]})]})]});}var h=function(){return(0,s.jsx)(m.DumiPage,{children:(0,s.jsx)(d.Suspense,{fallback:(0,s.jsx)(p.default,{}),children:(0,s.jsx)(u,{})})});};}}]);