@fle-ui/next 1.0.0-alpha.12 → 1.0.0-alpha.13

package/docs-dist/components__form__form.md.js

@@ -1 +1,4099 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[31],{MZF8:function(e,t,l){"use strict";var a=l("ogwx");l.d(t,"a",(function(){return a["b"]}));l("VCU9")},RZMt:function(e,t,l){},Zxc8:function(e,t,l){"use strict";l.r(t);var a=l("q1tI"),n=l.n(a),r=l("k3GJ"),c=l("MZF8"),m=l("dEAq"),o=l("H1Ra");l("RZMt");function d(e,t){return h(e)||s(e,t)||i(e,t)||u()}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(e,t){if(e){if("string"===typeof e)return E(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?E(e,t):void 0}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,a=new Array(t);l<t;l++)a[l]=e[l];return a}function s(e,t){var l=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var a,n,r=[],c=!0,m=!1;try{for(l=l.call(e);!(c=(a=l.next()).done);c=!0)if(r.push(a.value),t&&r.length===t)break}catch(o){m=!0,n=o}finally{try{c||null==l["return"]||l["return"]()}finally{if(m)throw n}}return r}}function h(e){if(Array.isArray(e))return e}function p(e,t){var l,a=null===(l=e.match(/\.(\w+)$/))||void 0===l?void 0:l[1];return a||(a=t.tsx?"tsx":"jsx"),a}var f=function(e){var t,l,u,i=Object(a["useRef"])(),E=Object(a["useContext"])(m["context"]),s=E.locale,h=Object(m["useLocaleProps"])(s,e),f=Object(m["useDemoUrl"])(h.identifier),b=h.demoUrl||f,g=(null===c["a"]||void 0===c["a"]?void 0:c["a"].location.hash)==="#".concat(h.identifier),k=1===Object.keys(h.sources).length,v=Object(m["useCodeSandbox"])((null===(t=h.hideActions)||void 0===t?void 0:t.includes("CSB"))?null:h),F=Object(m["useRiddle"])((null===(l=h.hideActions)||void 0===l?void 0:l.includes("RIDDLE"))?null:h),L=Object(m["useMotions"])(h.motions||[],i.current),I=d(L,2),N=I[0],A=I[1],y=Object(m["useCopy"])(),x=d(y,2),w=x[0],P=x[1],V=Object(a["useState"])("_"),C=d(V,2),_=C[0],R=C[1],S=Object(a["useState"])(p(_,h.sources[_])),j=d(S,2),O=j[0],M=j[1],T=Object(a["useState"])(Boolean(h.defaultShowCode)),z=d(T,2),q=z[0],D=z[1],U=Object(a["useState"])(Math.random()),J=d(U,2),Z=J[0],$=J[1],H=h.sources[_][O]||h.sources[_].content,B=Object(m["useTSPlaygroundUrl"])(s,H),G=Object(a["useRef"])(),K=Object(m["usePrefersColor"])(),X=d(K,1),Q=X[0];function W(e){R(e),M(p(e,h.sources[e]))}return Object(a["useEffect"])((function(){$(Math.random())}),[Q]),n.a.createElement("div",{style:h.style,className:[h.className,"__dumi-default-previewer",g?"__dumi-default-previewer-target":""].filter(Boolean).join(" "),id:h.identifier,"data-debug":h.debug||void 0,"data-iframe":h.iframe||void 0},h.iframe&&n.a.createElement("div",{className:"__dumi-default-previewer-browser-nav"}),n.a.createElement("div",{ref:i,className:"__dumi-default-previewer-demo",style:{transform:h.transform?"translate(0, 0)":void 0,padding:h.compact||h.iframe&&!1!==h.compact?"0":void 0,background:h.background}},h.iframe?n.a.createElement("iframe",{title:"dumi-previewer",style:{height:String(h.iframe).replace(/(\d)$/,"$1px")},key:Z,src:b,ref:G}):h.children),n.a.createElement("div",{className:"__dumi-default-previewer-desc","data-title":h.title},h.title&&n.a.createElement(m["AnchorLink"],{to:"#".concat(h.identifier)},h.title),h.description&&n.a.createElement("div",{dangerouslySetInnerHTML:{__html:h.description}})),n.a.createElement("div",{className:"__dumi-default-previewer-actions"},v&&n.a.createElement("button",{title:"Open demo on CodeSandbox.io",className:"__dumi-default-icon",role:"codesandbox",onClick:v}),F&&n.a.createElement("button",{title:"Open demo on Riddle",className:"__dumi-default-icon",role:"riddle",onClick:F}),h.motions&&n.a.createElement("button",{title:"Execute motions",className:"__dumi-default-icon",role:"motions",disabled:A,onClick:function(){return N()}}),h.iframe&&n.a.createElement("button",{title:"Reload demo iframe page",className:"__dumi-default-icon",role:"refresh",onClick:function(){return $(Math.random())}}),!(null===(u=h.hideActions)||void 0===u?void 0:u.includes("EXTERNAL"))&&n.a.createElement(m["Link"],{target:"_blank",to:b},n.a.createElement("button",{title:"Open demo in new tab",className:"__dumi-default-icon",role:"open-demo",type:"button"})),n.a.createElement("span",null),n.a.createElement("button",{title:"Copy source code",className:"__dumi-default-icon",role:"copy","data-status":P,onClick:function(){return w(H)}}),"tsx"===O&&q&&n.a.createElement(m["Link"],{target:"_blank",to:B},n.a.createElement("button",{title:"Get JSX via TypeScript Playground",className:"__dumi-default-icon",role:"change-tsx",type:"button"})),n.a.createElement("button",{title:"Toggle source code panel",className:"__dumi-default-icon".concat(q?" __dumi-default-btn-expand":""),role:"source",type:"button",onClick:function(){return D(!q)}})),q&&n.a.createElement("div",{className:"__dumi-default-previewer-source-wrapper"},!k&&n.a.createElement(r["b"],{className:"__dumi-default-previewer-source-tab",prefixCls:"__dumi-default-tabs",moreIcon:"\xb7\xb7\xb7",defaultActiveKey:_,onChange:W},Object.keys(h.sources).map((function(e){return n.a.createElement(r["a"],{tab:"_"===e?"index.".concat(p(e,h.sources[e])):e,key:e})}))),n.a.createElement("div",{className:"__dumi-default-previewer-source"},n.a.createElement(o["a"],{code:H,lang:O,showCopy:!1}))))};t["default"]=f},gpcG:function(e,t,l){"use strict";l.r(t);var a=l("q1tI"),n=l.n(a),r=l("dEAq"),c=l("Zxc8"),m=l("H1Ra"),o=l("JjdP"),d=n.a.memo(o["default"]["form-basic"].component),u=n.a.memo(o["default"]["form-control-hooks"].component),i=n.a.memo(o["default"]["form-control-ref"].component),E=n.a.memo(o["default"]["form-layout"].component),s=n.a.memo(o["default"]["form-required-mark"].component),h=n.a.memo(o["default"]["form-size"].component),p=n.a.memo(o["default"]["form-dynamic-form-item"].component),f=n.a.memo(o["default"]["form-dynamic-form-items"].component),b=n.a.memo(o["default"]["form-dynamic-form-items-complex"].component),g=n.a.memo(o["default"]["form-nest-messages"].component),k=n.a.memo(o["default"]["form-complex-form-control"].component),v=n.a.memo(o["default"]["form-customized-form-controls"].component),F=n.a.memo(o["default"]["form-global-state"].component),L=n.a.memo(o["default"]["form-form-context"].component),I=n.a.memo(o["default"]["form-inline-login"].component),N=n.a.memo(o["default"]["form-normal-login"].component),A=n.a.memo(o["default"]["form-register"].component),y=n.a.memo(o["default"]["form-advanced-search"].component),x=n.a.memo(o["default"]["form-form-in-modal"].component),w=n.a.memo(o["default"]["form-time-related-controls"].component),P=n.a.memo(o["default"]["form-without-form-create"].component),V=n.a.memo(o["default"]["form-validate-static"].component),C=n.a.memo(o["default"]["form-dynamic-rule"].component);t["default"]=e=>(n.a.useEffect((()=>{var t;null!==e&&void 0!==e&&null!==(t=e.location)&&void 0!==t&&t.hash&&r["AnchorLink"].scrollToAnchor(decodeURIComponent(e.location.hash.slice(1)))}),[]),n.a.createElement(n.a.Fragment,null,n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"markdown"},n.a.createElement("h1",{id:"form-\u8868\u5355"},n.a.createElement(r["AnchorLink"],{to:"#form-\u8868\u5355","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"Form \u8868\u5355"),n.a.createElement("p",null,"\u9ad8\u6027\u80fd\u8868\u5355\u63a7\u4ef6\uff0c\u81ea\u5e26\u6570\u636e\u57df\u7ba1\u7406\u3002\u5305\u542b\u6570\u636e\u5f55\u5165\u3001\u6821\u9a8c\u4ee5\u53ca\u5bf9\u5e94\u6837\u5f0f\u3002"),n.a.createElement("h2",{id:"\u4f55\u65f6\u4f7f\u7528"},n.a.createElement(r["AnchorLink"],{to:"#\u4f55\u65f6\u4f7f\u7528","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4f55\u65f6\u4f7f\u7528"),n.a.createElement("ul",null,n.a.createElement("li",null,"\u7528\u4e8e\u521b\u5efa\u4e00\u4e2a\u5b9e\u4f53\u6216\u6536\u96c6\u4fe1\u606f\u3002"),n.a.createElement("li",null,"\u9700\u8981\u5bf9\u8f93\u5165\u7684\u6570\u636e\u7c7b\u578b\u8fdb\u884c\u6821\u9a8c\u65f6\u3002")),n.a.createElement("h2",{id:"\u4ee3\u7801\u6f14\u793a"},n.a.createElement(r["AnchorLink"],{to:"#\u4ee3\u7801\u6f14\u793a","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4ee3\u7801\u6f14\u793a"),n.a.createElement("h3",{id:"\u57fa\u672c\u4f7f\u7528"},n.a.createElement(r["AnchorLink"],{to:"#\u57fa\u672c\u4f7f\u7528","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u57fa\u672c\u4f7f\u7528")),n.a.createElement(c["default"],o["default"]["form-basic"].previewerProps,n.a.createElement(d,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u8868\u5355\u65b9\u6cd5\u8c03\u7528"},n.a.createElement(r["AnchorLink"],{to:"#\u8868\u5355\u65b9\u6cd5\u8c03\u7528","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u8868\u5355\u65b9\u6cd5\u8c03\u7528")),n.a.createElement(c["default"],o["default"]["form-control-hooks"].previewerProps,n.a.createElement(u,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u8868\u5355\u65b9\u6cd5\u8c03\u7528class-component"},n.a.createElement(r["AnchorLink"],{to:"#\u8868\u5355\u65b9\u6cd5\u8c03\u7528class-component","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u8868\u5355\u65b9\u6cd5\u8c03\u7528\uff08Class component\uff09")),n.a.createElement(c["default"],o["default"]["form-control-ref"].previewerProps,n.a.createElement(i,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u8868\u5355\u5e03\u5c40"},n.a.createElement(r["AnchorLink"],{to:"#\u8868\u5355\u5e03\u5c40","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u8868\u5355\u5e03\u5c40")),n.a.createElement(c["default"],o["default"]["form-layout"].previewerProps,n.a.createElement(E,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u5fc5\u9009\u6837\u5f0f"},n.a.createElement(r["AnchorLink"],{to:"#\u5fc5\u9009\u6837\u5f0f","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u5fc5\u9009\u6837\u5f0f")),n.a.createElement(c["default"],o["default"]["form-required-mark"].previewerProps,n.a.createElement(s,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u8868\u5355\u5c3a\u5bf8"},n.a.createElement(r["AnchorLink"],{to:"#\u8868\u5355\u5c3a\u5bf8","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u8868\u5355\u5c3a\u5bf8")),n.a.createElement(c["default"],o["default"]["form-size"].previewerProps,n.a.createElement(h,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879"},n.a.createElement(r["AnchorLink"],{to:"#\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879")),n.a.createElement(c["default"],o["default"]["form-dynamic-form-item"].previewerProps,n.a.createElement(p,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u52a8\u6001\u589e\u51cf\u5d4c\u5957\u5b57\u6bb5"},n.a.createElement(r["AnchorLink"],{to:"#\u52a8\u6001\u589e\u51cf\u5d4c\u5957\u5b57\u6bb5","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u52a8\u6001\u589e\u51cf\u5d4c\u5957\u5b57\u6bb5")),n.a.createElement(c["default"],o["default"]["form-dynamic-form-items"].previewerProps,n.a.createElement(f,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u590d\u6742\u7684\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879"},n.a.createElement(r["AnchorLink"],{to:"#\u590d\u6742\u7684\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u590d\u6742\u7684\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879")),n.a.createElement(c["default"],o["default"]["form-dynamic-form-items-complex"].previewerProps,n.a.createElement(b,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u5d4c\u5957\u7ed3\u6784\u4e0e\u6821\u9a8c\u4fe1\u606f"},n.a.createElement(r["AnchorLink"],{to:"#\u5d4c\u5957\u7ed3\u6784\u4e0e\u6821\u9a8c\u4fe1\u606f","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u5d4c\u5957\u7ed3\u6784\u4e0e\u6821\u9a8c\u4fe1\u606f")),n.a.createElement(c["default"],o["default"]["form-nest-messages"].previewerProps,n.a.createElement(g,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u590d\u6742\u4e00\u70b9\u7684\u63a7\u4ef6"},n.a.createElement(r["AnchorLink"],{to:"#\u590d\u6742\u4e00\u70b9\u7684\u63a7\u4ef6","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u590d\u6742\u4e00\u70b9\u7684\u63a7\u4ef6")),n.a.createElement(c["default"],o["default"]["form-complex-form-control"].previewerProps,n.a.createElement(k,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("p",null,"\u8fd9\u91cc\u6f14\u793a ",n.a.createElement("code",null,"Form.Item")," \u5185\u6709\u591a\u4e2a\u5143\u7d20\u7684\u4f7f\u7528\u65b9\u5f0f\u3002",n.a.createElement("code",null,'<Form.Item name="field" />')," \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 ",n.a.createElement("code",null,"Form.Item")," \u5b8c\u6210\u3002\u4f60\u53ef\u4ee5\u7ed9 ",n.a.createElement("code",null,"Form.Item")," \u81ea\u5b9a\u4e49 ",n.a.createElement("code",null,"style")," \u8fdb\u884c\u5185\u8054\u5e03\u5c40\uff0c\u6216\u8005\u6dfb\u52a0 ",n.a.createElement("code",null,"noStyle")," \u4f5c\u4e3a\u7eaf\u7cb9\u7684\u65e0\u6837\u5f0f\u7ed1\u5b9a\u7ec4\u4ef6\uff08\u7c7b\u4f3c 3.x \u4e2d\u7684 ",n.a.createElement("code",null,"getFieldDecorator"),"\uff09\u3002"),n.a.createElement(m["a"],{code:'- <Form.Item label="Field" name="field">\n-   <Input />\n- </Form.Item>\n+ <Form.Item label="Field">\n+   <Form.Item name="field" noStyle><Input /></Form.Item> // \u76f4\u63a5\u5305\u88f9\u624d\u4f1a\u7ed1\u5b9a\u8868\u5355\n+   <span>description</span>\n+ </Form.Item>',lang:"diff"}),n.a.createElement("p",null,"\u8fd9\u91cc\u5c55\u793a\u4e86\u4e09\u79cd\u5178\u578b\u573a\u666f\uff1a"),n.a.createElement("ul",null,n.a.createElement("li",null,n.a.createElement("code",null,"Username"),"\uff1a\u8f93\u5165\u6846\u540e\u9762\u6709\u63cf\u8ff0\u6587\u6848\u6216\u5176\u4ed6\u7ec4\u4ef6\uff0c\u5728 ",n.a.createElement("code",null,"Form.Item")," \u5185\u4f7f\u7528 ",n.a.createElement("code",null,'<Form.Item name="field" noStyle />')," \u53bb\u7ed1\u5b9a\u5bf9\u5e94\u5b50\u63a7\u4ef6\u3002"),n.a.createElement("li",null,n.a.createElement("code",null,"Address"),"\uff1a\u6709\u4e24\u4e2a\u63a7\u4ef6\uff0c\u5728 ",n.a.createElement("code",null,"Form.Item")," \u5185\u4f7f\u7528\u4e24\u4e2a ",n.a.createElement("code",null,'<Form.Item name="field" noStyle />')," \u5206\u522b\u7ed1\u5b9a\u5bf9\u5e94\u63a7\u4ef6\u3002"),n.a.createElement("li",null,n.a.createElement("code",null,"BirthDate"),"\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 ",n.a.createElement("code",null,'<Form.Item name="field" />')," \u5206\u522b\u7ed1\u5b9a\u5bf9\u5e94\u63a7\u4ef6\uff0c\u5e76\u4fee\u6539 ",n.a.createElement("code",null,"style")," \u4f7f\u5176\u5185\u8054\u5e03\u5c40\u3002")),n.a.createElement("blockquote",null,n.a.createElement("p",null,"\u6ce8\u610f\uff0c\u5728 label \u5bf9\u5e94\u7684 Form.Item \u4e0a\u4e0d\u8981\u5728\u6307\u5b9a ",n.a.createElement("code",null,"name")," \u5c5e\u6027\uff0c\u8fd9\u4e2a Item \u53ea\u4f5c\u4e3a\u5e03\u5c40\u4f5c\u7528\u3002")),n.a.createElement("p",null,"\u66f4\u590d\u6742\u7684\u5c01\u88c5\u590d\u7528\u65b9\u5f0f\u53ef\u4ee5\u53c2\u8003\u4e0b\u9762\u7684 ",n.a.createElement("code",null,"\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6")," \u6f14\u793a\u3002"),n.a.createElement("hr",null),n.a.createElement("h3",{id:"\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6"},n.a.createElement(r["AnchorLink"],{to:"#\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6"),n.a.createElement("p",null,"\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"),n.a.createElement("blockquote",null,n.a.createElement("ul",null,n.a.createElement("li",null,"\u63d0\u4f9b\u53d7\u63a7\u5c5e\u6027 ",n.a.createElement("code",null,"value")," \u6216\u5176\u5b83\u4e0e ",n.a.createElement(r["Link"],{to:"https://ant.design/components/form-cn/#Form.Item"},n.a.createElement("code",null,"valuePropName"))," \u7684\u503c\u540c\u540d\u7684\u5c5e\u6027\u3002"),n.a.createElement("li",null,"\u63d0\u4f9b ",n.a.createElement("code",null,"onChange")," \u4e8b\u4ef6\u6216 ",n.a.createElement(r["Link"],{to:"https://ant.design/components/form-cn/#Form.Item"},n.a.createElement("code",null,"trigger"))," \u7684\u503c\u540c\u540d\u7684\u4e8b\u4ef6\u3002")))),n.a.createElement(c["default"],o["default"]["form-customized-form-controls"].previewerProps,n.a.createElement(v,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u8868\u5355\u6570\u636e\u5b58\u50a8\u4e8e\u4e0a\u5c42\u7ec4\u4ef6"},n.a.createElement(r["AnchorLink"],{to:"#\u8868\u5355\u6570\u636e\u5b58\u50a8\u4e8e\u4e0a\u5c42\u7ec4\u4ef6","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u8868\u5355\u6570\u636e\u5b58\u50a8\u4e8e\u4e0a\u5c42\u7ec4\u4ef6"),n.a.createElement("p",null,"\u901a\u8fc7 ",n.a.createElement("code",null,"onFieldsChange")," \u548c ",n.a.createElement("code",null,"fields"),"\uff0c\u53ef\u4ee5\u628a\u8868\u5355\u7684\u6570\u636e\u5b58\u50a8\u5230\u4e0a\u5c42\u7ec4\u4ef6\u6216\u8005 ",n.a.createElement(r["Link"],{to:"https://github.com/reactjs/redux"},"Redux"),"\u3001",n.a.createElement(r["Link"],{to:"https://github.com/dvajs/dva"},"dva")," \u4e2d\uff0c\u66f4\u591a\u53ef\u53c2\u8003 ",n.a.createElement(r["Link"],{to:"https://rc-field-form.react-component.now.sh/?selectedKind=rc-field-form&selectedStory=StateForm-redux&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel"},"rc-field-form \u793a\u4f8b"),"\u3002"),n.a.createElement("p",null,n.a.createElement("strong",null,"\u6ce8\u610f\uff1a")," \u5c06\u8868\u5355\u6570\u636e\u5b58\u50a8\u4e8e\u5916\u90e8\u5bb9\u5668",n.a.createElement(r["Link"],{to:"https://github.com/reduxjs/redux/issues/1287#issuecomment-175351978"},"\u5e76\u975e\u597d\u7684\u5b9e\u8df5"),"\uff0c\u5982\u65e0\u5fc5\u8981\u8bf7\u907f\u514d\u4f7f\u7528\u3002")),n.a.createElement(c["default"],o["default"]["form-global-state"].previewerProps,n.a.createElement(F,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u591a\u8868\u5355\u8054\u52a8"},n.a.createElement(r["AnchorLink"],{to:"#\u591a\u8868\u5355\u8054\u52a8","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u591a\u8868\u5355\u8054\u52a8")),n.a.createElement(c["default"],o["default"]["form-form-context"].previewerProps,n.a.createElement(L,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u5185\u8054\u767b\u5f55\u680f"},n.a.createElement(r["AnchorLink"],{to:"#\u5185\u8054\u767b\u5f55\u680f","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u5185\u8054\u767b\u5f55\u680f")),n.a.createElement(c["default"],o["default"]["form-inline-login"].previewerProps,n.a.createElement(I,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u767b\u5f55\u6846"},n.a.createElement(r["AnchorLink"],{to:"#\u767b\u5f55\u6846","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u767b\u5f55\u6846")),n.a.createElement(c["default"],o["default"]["form-normal-login"].previewerProps,n.a.createElement(N,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u6ce8\u518c\u65b0\u7528\u6237"},n.a.createElement(r["AnchorLink"],{to:"#\u6ce8\u518c\u65b0\u7528\u6237","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u6ce8\u518c\u65b0\u7528\u6237")),n.a.createElement(c["default"],o["default"]["form-register"].previewerProps,n.a.createElement(A,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u9ad8\u7ea7\u641c\u7d22"},n.a.createElement(r["AnchorLink"],{to:"#\u9ad8\u7ea7\u641c\u7d22","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u9ad8\u7ea7\u641c\u7d22")),n.a.createElement(c["default"],o["default"]["form-advanced-search"].previewerProps,n.a.createElement(y,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u5f39\u51fa\u5c42\u4e2d\u7684\u65b0\u5efa\u8868\u5355"},n.a.createElement(r["AnchorLink"],{to:"#\u5f39\u51fa\u5c42\u4e2d\u7684\u65b0\u5efa\u8868\u5355","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u5f39\u51fa\u5c42\u4e2d\u7684\u65b0\u5efa\u8868\u5355")),n.a.createElement(c["default"],o["default"]["form-form-in-modal"].previewerProps,n.a.createElement(x,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u65f6\u95f4\u7c7b\u63a7\u4ef6"},n.a.createElement(r["AnchorLink"],{to:"#\u65f6\u95f4\u7c7b\u63a7\u4ef6","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u65f6\u95f4\u7c7b\u63a7\u4ef6")),n.a.createElement(c["default"],o["default"]["form-time-related-controls"].previewerProps,n.a.createElement(w,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u81ea\u884c\u5904\u7406\u8868\u5355\u6570\u636e"},n.a.createElement(r["AnchorLink"],{to:"#\u81ea\u884c\u5904\u7406\u8868\u5355\u6570\u636e","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u81ea\u884c\u5904\u7406\u8868\u5355\u6570\u636e")),n.a.createElement(c["default"],o["default"]["form-without-form-create"].previewerProps,n.a.createElement(P,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u81ea\u5b9a\u4e49\u6821\u9a8c"},n.a.createElement(r["AnchorLink"],{to:"#\u81ea\u5b9a\u4e49\u6821\u9a8c","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u81ea\u5b9a\u4e49\u6821\u9a8c"),n.a.createElement("p",null,"\u6211\u4eec\u63d0\u4f9b\u4e86 ",n.a.createElement("code",null,"validateStatus")," ",n.a.createElement("code",null,"help")," ",n.a.createElement("code",null,"hasFeedback")," \u7b49\u5c5e\u6027\uff0c\u4f60\u53ef\u4ee5\u4e0d\u901a\u8fc7 Form \u81ea\u5df1\u5b9a\u4e49\u6821\u9a8c\u7684\u65f6\u673a\u548c\u5185\u5bb9\u3002"),n.a.createElement("ol",null,n.a.createElement("li",null,n.a.createElement("code",null,"validateStatus"),": \u6821\u9a8c\u72b6\u6001\uff0c\u53ef\u9009 'success', 'warning', 'error', 'validating'\u3002"),n.a.createElement("li",null,n.a.createElement("code",null,"hasFeedback"),"\uff1a\u7528\u4e8e\u7ed9\u8f93\u5165\u6846\u6dfb\u52a0\u53cd\u9988\u56fe\u6807\u3002"),n.a.createElement("li",null,n.a.createElement("code",null,"help"),"\uff1a\u8bbe\u7f6e\u6821\u9a8c\u6587\u6848\u3002"))),n.a.createElement(c["default"],o["default"]["form-validate-static"].previewerProps,n.a.createElement(V,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h3",{id:"\u52a8\u6001\u6821\u9a8c\u89c4\u5219"},n.a.createElement(r["AnchorLink"],{to:"#\u52a8\u6001\u6821\u9a8c\u89c4\u5219","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u52a8\u6001\u6821\u9a8c\u89c4\u5219")),n.a.createElement(c["default"],o["default"]["form-dynamic-rule"].previewerProps,n.a.createElement(C,null)),n.a.createElement("div",{className:"markdown"},n.a.createElement("h2",{id:"api"},n.a.createElement(r["AnchorLink"],{to:"#api","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"API"),n.a.createElement("h3",{id:"form"},n.a.createElement(r["AnchorLink"],{to:"#form","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"Form"),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"\u53c2\u6570"),n.a.createElement("th",null,"\u8bf4\u660e"),n.a.createElement("th",null,"\u7c7b\u578b"),n.a.createElement("th",null,"\u9ed8\u8ba4\u503c"),n.a.createElement("th",null,"\u7248\u672c"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"colon"),n.a.createElement("td",null,"\u914d\u7f6e Form.Item \u7684 ",n.a.createElement("code",null,"colon")," \u7684\u9ed8\u8ba4\u503c\u3002\u8868\u793a\u662f\u5426\u663e\u793a label \u540e\u9762\u7684\u5192\u53f7 (\u53ea\u6709\u5728\u5c5e\u6027 layout \u4e3a horizontal \u65f6\u6709\u6548)"),n.a.createElement("td",null,"boolean"),n.a.createElement("td",null,"true"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"component"),n.a.createElement("td",null,"\u8bbe\u7f6e Form \u6e32\u67d3\u5143\u7d20\uff0c\u4e3a ",n.a.createElement("code",null,"false")," \u5219\u4e0d\u521b\u5efa DOM \u8282\u70b9"),n.a.createElement("td",null,"ComponentType | false"),n.a.createElement("td",null,"form"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"fields"),n.a.createElement("td",null,"\u901a\u8fc7\u72b6\u6001\u7ba1\u7406\uff08\u5982 redux\uff09\u63a7\u5236\u8868\u5355\u5b57\u6bb5\uff0c\u5982\u975e\u5f3a\u9700\u6c42\u4e0d\u63a8\u8350\u4f7f\u7528\u3002\u67e5\u770b",n.a.createElement(r["AnchorLink"],{to:"#components-form-demo-global-state"},"\u793a\u4f8b")),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"#FieldData"},"FieldData"),"[]"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"form"),n.a.createElement("td",null,"\u7ecf ",n.a.createElement("code",null,"Form.useForm()")," \u521b\u5efa\u7684 form \u63a7\u5236\u5b9e\u4f8b\uff0c\u4e0d\u63d0\u4f9b\u65f6\u4f1a\u81ea\u52a8\u521b\u5efa"),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"#FormInstance"},"FormInstance")),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"initialValues"),n.a.createElement("td",null,"\u8868\u5355\u9ed8\u8ba4\u503c\uff0c\u53ea\u6709\u521d\u59cb\u5316\u4ee5\u53ca\u91cd\u7f6e\u65f6\u751f\u6548"),n.a.createElement("td",null,"object"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"labelAlign"),n.a.createElement("td",null,"label \u6807\u7b7e\u7684\u6587\u672c\u5bf9\u9f50\u65b9\u5f0f"),n.a.createElement("td",null,n.a.createElement("code",null,"left")," | ",n.a.createElement("code",null,"right")),n.a.createElement("td",null,n.a.createElement("code",null,"right")),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"labelCol"),n.a.createElement("td",null,"label \u6807\u7b7e\u5e03\u5c40\uff0c\u540c ",n.a.createElement("code",null,"<Col>")," \u7ec4\u4ef6\uff0c\u8bbe\u7f6e ",n.a.createElement("code",null,"span")," ",n.a.createElement("code",null,"offset")," \u503c\uff0c\u5982 ",n.a.createElement("code",null,"{","span: 3, offset: 12","}")," \u6216 ",n.a.createElement("code",null,"sm: ","{","span: 3, offset: 12","}")),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"/components/grid/#Col"},"object")),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"layout"),n.a.createElement("td",null,"\u8868\u5355\u5e03\u5c40"),n.a.createElement("td",null,n.a.createElement("code",null,"horizontal")," | ",n.a.createElement("code",null,"vertical")," | ",n.a.createElement("code",null,"inline")),n.a.createElement("td",null,n.a.createElement("code",null,"horizontal")),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"name"),n.a.createElement("td",null,"\u8868\u5355\u540d\u79f0\uff0c\u4f1a\u4f5c\u4e3a\u8868\u5355\u5b57\u6bb5 ",n.a.createElement("code",null,"id")," \u524d\u7f00\u4f7f\u7528"),n.a.createElement("td",null,"string"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"preserve"),n.a.createElement("td",null,"\u5f53\u5b57\u6bb5\u88ab\u5220\u9664\u65f6\u4fdd\u7559\u5b57\u6bb5\u503c"),n.a.createElement("td",null,"boolean"),n.a.createElement("td",null,"true"),n.a.createElement("td",null,"4.4.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"requiredMark"),n.a.createElement("td",null,"\u5fc5\u9009\u6837\u5f0f\uff0c\u53ef\u4ee5\u5207\u6362\u4e3a\u5fc5\u9009\u6216\u8005\u53ef\u9009\u5c55\u793a\u6837\u5f0f\u3002\u6b64\u4e3a Form \u914d\u7f6e\uff0cForm.Item \u65e0\u6cd5\u5355\u72ec\u914d\u7f6e"),n.a.createElement("td",null,"boolean | ",n.a.createElement("code",null,"optional")),n.a.createElement("td",null,"true"),n.a.createElement("td",null,"4.6.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"scrollToFirstError"),n.a.createElement("td",null,"\u63d0\u4ea4\u5931\u8d25\u81ea\u52a8\u6eda\u52a8\u5230\u7b2c\u4e00\u4e2a\u9519\u8bef\u5b57\u6bb5"),n.a.createElement("td",null,"boolean | ",n.a.createElement(r["Link"],{to:"https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options"},"Options")),n.a.createElement("td",null,"false"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"size"),n.a.createElement("td",null,"\u8bbe\u7f6e\u5b57\u6bb5\u7ec4\u4ef6\u7684\u5c3a\u5bf8\uff08\u4ec5\u9650 antd \u7ec4\u4ef6\uff09"),n.a.createElement("td",null,n.a.createElement("code",null,"small")," | ",n.a.createElement("code",null,"middle")," | ",n.a.createElement("code",null,"large")),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"validateMessages"),n.a.createElement("td",null,"\u9a8c\u8bc1\u63d0\u793a\u6a21\u677f\uff0c\u8bf4\u660e",n.a.createElement(r["AnchorLink"],{to:"#validateMessages"},"\u89c1\u4e0b")),n.a.createElement("td",null,n.a.createElement(r["Link"],{to:"https://github.com/react-component/field-form/blob/master/src/utils/messages.ts"},"ValidateMessages")),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"validateTrigger"),n.a.createElement("td",null,"\u7edf\u4e00\u8bbe\u7f6e\u5b57\u6bb5\u89e6\u53d1\u9a8c\u8bc1\u7684\u65f6\u673a"),n.a.createElement("td",null,"string | string[]"),n.a.createElement("td",null,n.a.createElement("code",null,"onChange")),n.a.createElement("td",null,"4.3.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"wrapperCol"),n.a.createElement("td",null,"\u9700\u8981\u4e3a\u8f93\u5165\u63a7\u4ef6\u8bbe\u7f6e\u5e03\u5c40\u6837\u5f0f\u65f6\uff0c\u4f7f\u7528\u8be5\u5c5e\u6027\uff0c\u7528\u6cd5\u540c labelCol"),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"/components/grid/#Col"},"object")),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"onFieldsChange"),n.a.createElement("td",null,"\u5b57\u6bb5\u66f4\u65b0\u65f6\u89e6\u53d1\u56de\u8c03\u4e8b\u4ef6"),n.a.createElement("td",null,"function(changedFields, allFields)"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"onFinish"),n.a.createElement("td",null,"\u63d0\u4ea4\u8868\u5355\u4e14\u6570\u636e\u9a8c\u8bc1\u6210\u529f\u540e\u56de\u8c03\u4e8b\u4ef6"),n.a.createElement("td",null,"function(values)"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"onFinishFailed"),n.a.createElement("td",null,"\u63d0\u4ea4\u8868\u5355\u4e14\u6570\u636e\u9a8c\u8bc1\u5931\u8d25\u540e\u56de\u8c03\u4e8b\u4ef6"),n.a.createElement("td",null,"function(","{"," values, errorFields, outOfDate ","}",")"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"onValuesChange"),n.a.createElement("td",null,"\u5b57\u6bb5\u503c\u66f4\u65b0\u65f6\u89e6\u53d1\u56de\u8c03\u4e8b\u4ef6"),n.a.createElement("td",null,"function(changedValues, allValues)"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)))),n.a.createElement("h3",{id:"validatemessages"},n.a.createElement(r["AnchorLink"],{to:"#validatemessages","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"validateMessages"),n.a.createElement("p",null,"Form \u4e3a\u9a8c\u8bc1\u63d0\u4f9b\u4e86",n.a.createElement(r["Link"],{to:"https://github.com/react-component/field-form/blob/master/src/utils/messages.ts"},"\u9ed8\u8ba4\u7684\u9519\u8bef\u63d0\u793a\u4fe1\u606f"),"\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u914d\u7f6e ",n.a.createElement("code",null,"validateMessages")," \u5c5e\u6027\uff0c\u4fee\u6539\u5bf9\u5e94\u7684\u63d0\u793a\u6a21\u677f\u3002\u4e00\u79cd\u5e38\u89c1\u7684\u4f7f\u7528\u65b9\u5f0f\uff0c\u662f\u914d\u7f6e\u56fd\u9645\u5316\u63d0\u793a\u4fe1\u606f\uff1a"),n.a.createElement(m["a"],{code:"const validateMessages = {\n  required: \"'${name}' \u662f\u5fc5\u9009\u5b57\u6bb5\",\n  // ...\n};\n\n<Form validateMessages={validateMessages} />;",lang:"bash"}),n.a.createElement("p",null,"\u6b64\u5916\uff0c",n.a.createElement(r["Link"],{to:"/components/config-provider/"},"ConfigProvider")," \u4e5f\u63d0\u4f9b\u4e86\u5168\u5c40\u5316\u914d\u7f6e\u65b9\u6848\uff0c\u5141\u8bb8\u7edf\u4e00\u914d\u7f6e\u9519\u8bef\u63d0\u793a\u6a21\u677f\uff1a"),n.a.createElement(m["a"],{code:"const validateMessages = {\n  required: \"'${name}' \u662f\u5fc5\u9009\u5b57\u6bb5\",\n  // ...\n};\n\n<ConfigProvider form={{ validateMessages }}>\n  <Form />\n</ConfigProvider>;",lang:"bash"}),n.a.createElement("h2",{id:"formitem"},n.a.createElement(r["AnchorLink"],{to:"#formitem","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"Form.Item"),n.a.createElement("p",null,"\u8868\u5355\u5b57\u6bb5\u7ec4\u4ef6\uff0c\u7528\u4e8e\u6570\u636e\u53cc\u5411\u7ed1\u5b9a\u3001\u6821\u9a8c\u3001\u5e03\u5c40\u7b49\u3002"),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"\u53c2\u6570"),n.a.createElement("th",null,"\u8bf4\u660e"),n.a.createElement("th",null,"\u7c7b\u578b"),n.a.createElement("th",null,"\u9ed8\u8ba4\u503c"),n.a.createElement("th",null,"\u7248\u672c"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"colon"),n.a.createElement("td",null,"\u914d\u5408 ",n.a.createElement("code",null,"label")," \u5c5e\u6027\u4f7f\u7528\uff0c\u8868\u793a\u662f\u5426\u663e\u793a ",n.a.createElement("code",null,"label")," \u540e\u9762\u7684\u5192\u53f7"),n.a.createElement("td",null,"boolean"),n.a.createElement("td",null,"true"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"dependencies"),n.a.createElement("td",null,"\u8bbe\u7f6e\u4f9d\u8d56\u5b57\u6bb5\uff0c\u8bf4\u660e",n.a.createElement(r["AnchorLink"],{to:"#dependencies"},"\u89c1\u4e0b")),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),"[]"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"extra"),n.a.createElement("td",null,"\u989d\u5916\u7684\u63d0\u793a\u4fe1\u606f\uff0c\u548c ",n.a.createElement("code",null,"help")," \u7c7b\u4f3c\uff0c\u5f53\u9700\u8981\u9519\u8bef\u4fe1\u606f\u548c\u63d0\u793a\u6587\u6848\u540c\u65f6\u51fa\u73b0\u65f6\uff0c\u53ef\u4ee5\u4f7f\u7528\u8fd9\u4e2a\u3002"),n.a.createElement("td",null,"ReactNode"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"getValueFromEvent"),n.a.createElement("td",null,"\u8bbe\u7f6e\u5982\u4f55\u5c06 event \u7684\u503c\u8f6c\u6362\u6210\u5b57\u6bb5\u503c"),n.a.createElement("td",null,"(..args: any[]) => any"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"getValueProps"),n.a.createElement("td",null,"\u4e3a\u5b50\u5143\u7d20\u6dfb\u52a0\u989d\u5916\u7684\u5c5e\u6027"),n.a.createElement("td",null,"(value: any) => any"),n.a.createElement("td",null,"-"),n.a.createElement("td",null,"4.2.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"hasFeedback"),n.a.createElement("td",null,"\u914d\u5408 ",n.a.createElement("code",null,"validateStatus")," \u5c5e\u6027\u4f7f\u7528\uff0c\u5c55\u793a\u6821\u9a8c\u72b6\u6001\u56fe\u6807\uff0c\u5efa\u8bae\u53ea\u914d\u5408 Input \u7ec4\u4ef6\u4f7f\u7528"),n.a.createElement("td",null,"boolean"),n.a.createElement("td",null,"false"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"help"),n.a.createElement("td",null,"\u63d0\u793a\u4fe1\u606f\uff0c\u5982\u4e0d\u8bbe\u7f6e\uff0c\u5219\u4f1a\u6839\u636e\u6821\u9a8c\u89c4\u5219\u81ea\u52a8\u751f\u6210"),n.a.createElement("td",null,"ReactNode"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"hidden"),n.a.createElement("td",null,"\u662f\u5426\u9690\u85cf\u5b57\u6bb5\uff08\u4f9d\u7136\u4f1a\u6536\u96c6\u548c\u6821\u9a8c\u5b57\u6bb5\uff09"),n.a.createElement("td",null,"boolean"),n.a.createElement("td",null,"false"),n.a.createElement("td",null,"4.4.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"htmlFor"),n.a.createElement("td",null,"\u8bbe\u7f6e\u5b50\u5143\u7d20 label ",n.a.createElement("code",null,"htmlFor")," \u5c5e\u6027"),n.a.createElement("td",null,"string"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"initialValue"),n.a.createElement("td",null,"\u8bbe\u7f6e\u5b50\u5143\u7d20\u9ed8\u8ba4\u503c\uff0c\u5982\u679c\u4e0e Form \u7684 ",n.a.createElement("code",null,"initialValues")," \u51b2\u7a81\u5219\u4ee5 Form \u4e3a\u51c6"),n.a.createElement("td",null,"string"),n.a.createElement("td",null,"-"),n.a.createElement("td",null,"4.2.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"label"),n.a.createElement("td",null,n.a.createElement("code",null,"label")," \u6807\u7b7e\u7684\u6587\u672c"),n.a.createElement("td",null,"ReactNode"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"labelAlign"),n.a.createElement("td",null,"\u6807\u7b7e\u6587\u672c\u5bf9\u9f50\u65b9\u5f0f"),n.a.createElement("td",null,n.a.createElement("code",null,"left")," | ",n.a.createElement("code",null,"right")),n.a.createElement("td",null,n.a.createElement("code",null,"right")),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"labelCol"),n.a.createElement("td",null,n.a.createElement("code",null,"label")," \u6807\u7b7e\u5e03\u5c40\uff0c\u540c ",n.a.createElement("code",null,"<Col>")," \u7ec4\u4ef6\uff0c\u8bbe\u7f6e ",n.a.createElement("code",null,"span")," ",n.a.createElement("code",null,"offset")," \u503c\uff0c\u5982 ",n.a.createElement("code",null,"{","span: 3, offset: 12","}")," \u6216 ",n.a.createElement("code",null,"sm: ","{","span: 3, offset: 12","}"),"\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7 Form \u7684 ",n.a.createElement("code",null,"labelCol")," \u8fdb\u884c\u7edf\u4e00\u8bbe\u7f6e\uff0c\uff0c\u4e0d\u4f1a\u4f5c\u7528\u4e8e\u5d4c\u5957 Item\u3002\u5f53\u548c Form \u540c\u65f6\u8bbe\u7f6e\u65f6\uff0c\u4ee5 Item \u4e3a\u51c6"),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"/components/grid/#Col"},"object")),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"messageVariables"),n.a.createElement("td",null,"\u9ed8\u8ba4\u9a8c\u8bc1\u5b57\u6bb5\u7684\u4fe1\u606f"),n.a.createElement("td",null,"Record<string, string>"),n.a.createElement("td",null,"-"),n.a.createElement("td",null,"4.7.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"name"),n.a.createElement("td",null,"\u5b57\u6bb5\u540d\uff0c\u652f\u6301\u6570\u7ec4"),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath")),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"normalize"),n.a.createElement("td",null,"\u7ec4\u4ef6\u83b7\u53d6\u503c\u540e\u8fdb\u884c\u8f6c\u6362\uff0c\u518d\u653e\u5165 Form \u4e2d\u3002\u4e0d\u652f\u6301\u5f02\u6b65"),n.a.createElement("td",null,"(value, prevValue, prevValues) => any"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"noStyle"),n.a.createElement("td",null,"\u4e3a ",n.a.createElement("code",null,"true")," \u65f6\u4e0d\u5e26\u6837\u5f0f\uff0c\u4f5c\u4e3a\u7eaf\u5b57\u6bb5\u63a7\u4ef6\u4f7f\u7528"),n.a.createElement("td",null,"boolean"),n.a.createElement("td",null,"false"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"preserve"),n.a.createElement("td",null,"\u5f53\u5b57\u6bb5\u88ab\u5220\u9664\u65f6\u4fdd\u7559\u5b57\u6bb5\u503c"),n.a.createElement("td",null,"boolean"),n.a.createElement("td",null,"true"),n.a.createElement("td",null,"4.4.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"required"),n.a.createElement("td",null,"\u5fc5\u586b\u6837\u5f0f\u8bbe\u7f6e\u3002\u5982\u4e0d\u8bbe\u7f6e\uff0c\u5219\u4f1a\u6839\u636e\u6821\u9a8c\u89c4\u5219\u81ea\u52a8\u751f\u6210"),n.a.createElement("td",null,"boolean"),n.a.createElement("td",null,"false"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"rules"),n.a.createElement("td",null,"\u6821\u9a8c\u89c4\u5219\uff0c\u8bbe\u7f6e\u5b57\u6bb5\u7684\u6821\u9a8c\u903b\u8f91\u3002\u70b9\u51fb",n.a.createElement(r["AnchorLink"],{to:"#components-form-demo-basic"},"\u6b64\u5904"),"\u67e5\u770b\u793a\u4f8b"),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"#Rule"},"Rule"),"[]"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"shouldUpdate"),n.a.createElement("td",null,"\u81ea\u5b9a\u4e49\u5b57\u6bb5\u66f4\u65b0\u903b\u8f91\uff0c\u8bf4\u660e",n.a.createElement(r["AnchorLink"],{to:"#shouldUpdate"},"\u89c1\u4e0b")),n.a.createElement("td",null,"boolean | (prevValue, curValue) => boolean"),n.a.createElement("td",null,"false"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"tooltip"),n.a.createElement("td",null,"\u914d\u7f6e\u63d0\u793a\u4fe1\u606f"),n.a.createElement("td",null,"ReactNode | ",n.a.createElement(r["AnchorLink"],{to:"/components/tooltip#API"},"TooltipProps & ","{"," icon: ReactNode ","}")),n.a.createElement("td",null,"-"),n.a.createElement("td",null,"4.7.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"trigger"),n.a.createElement("td",null,"\u8bbe\u7f6e\u6536\u96c6\u5b57\u6bb5\u503c\u53d8\u66f4\u7684\u65f6\u673a\u3002\u70b9\u51fb",n.a.createElement(r["AnchorLink"],{to:"#components-form-demo-customized-form-controls"},"\u6b64\u5904"),"\u67e5\u770b\u793a\u4f8b"),n.a.createElement("td",null,"string"),n.a.createElement("td",null,n.a.createElement("code",null,"onChange")),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"validateFirst"),n.a.createElement("td",null,"\u5f53\u67d0\u4e00\u89c4\u5219\u6821\u9a8c\u4e0d\u901a\u8fc7\u65f6\uff0c\u662f\u5426\u505c\u6b62\u5269\u4e0b\u7684\u89c4\u5219\u7684\u6821\u9a8c\u3002\u8bbe\u7f6e ",n.a.createElement("code",null,"parallel")," \u65f6\u4f1a\u5e76\u884c\u6821\u9a8c"),n.a.createElement("td",null,"boolean | ",n.a.createElement("code",null,"parallel")),n.a.createElement("td",null,"false"),n.a.createElement("td",null,n.a.createElement("code",null,"parallel"),": 4.5.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"validateStatus"),n.a.createElement("td",null,"\u6821\u9a8c\u72b6\u6001\uff0c\u5982\u4e0d\u8bbe\u7f6e\uff0c\u5219\u4f1a\u6839\u636e\u6821\u9a8c\u89c4\u5219\u81ea\u52a8\u751f\u6210\uff0c\u53ef\u9009\uff1a'success' 'warning' 'error' 'validating'"),n.a.createElement("td",null,"string"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"validateTrigger"),n.a.createElement("td",null,"\u8bbe\u7f6e\u5b57\u6bb5\u6821\u9a8c\u7684\u65f6\u673a"),n.a.createElement("td",null,"string | string[]"),n.a.createElement("td",null,n.a.createElement("code",null,"onChange")),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"valuePropName"),n.a.createElement("td",null,"\u5b50\u8282\u70b9\u7684\u503c\u7684\u5c5e\u6027\uff0c\u5982 Switch \u7684\u662f 'checked'\u3002\u8be5\u5c5e\u6027\u4e3a ",n.a.createElement("code",null,"getValueProps")," \u7684\u5c01\u88c5\uff0c\u81ea\u5b9a\u4e49 ",n.a.createElement("code",null,"getValueProps")," \u540e\u4f1a\u5931\u6548"),n.a.createElement("td",null,"string"),n.a.createElement("td",null,n.a.createElement("code",null,"value")),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"wrapperCol"),n.a.createElement("td",null,"\u9700\u8981\u4e3a\u8f93\u5165\u63a7\u4ef6\u8bbe\u7f6e\u5e03\u5c40\u6837\u5f0f\u65f6\uff0c\u4f7f\u7528\u8be5\u5c5e\u6027\uff0c\u7528\u6cd5\u540c ",n.a.createElement("code",null,"labelCol"),"\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7 Form \u7684 ",n.a.createElement("code",null,"wrapperCol")," \u8fdb\u884c\u7edf\u4e00\u8bbe\u7f6e\uff0c\u4e0d\u4f1a\u4f5c\u7528\u4e8e\u5d4c\u5957 Item\u3002\u5f53\u548c Form \u540c\u65f6\u8bbe\u7f6e\u65f6\uff0c\u4ee5 Item \u4e3a\u51c6"),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"/components/grid/#Col"},"object")),n.a.createElement("td",null,"-"),n.a.createElement("td",null)))),n.a.createElement("p",null,"\u88ab\u8bbe\u7f6e\u4e86 ",n.a.createElement("code",null,"name")," \u5c5e\u6027\u7684 ",n.a.createElement("code",null,"Form.Item")," \u5305\u88c5\u7684\u63a7\u4ef6\uff0c\u8868\u5355\u63a7\u4ef6\u4f1a\u81ea\u52a8\u6dfb\u52a0 ",n.a.createElement("code",null,"value"),"\uff08\u6216 ",n.a.createElement("code",null,"valuePropName")," \u6307\u5b9a\u7684\u5176\u4ed6\u5c5e\u6027\uff09 ",n.a.createElement("code",null,"onChange"),"\uff08\u6216 ",n.a.createElement("code",null,"trigger")," \u6307\u5b9a\u7684\u5176\u4ed6\u5c5e\u6027\uff09\uff0c\u6570\u636e\u540c\u6b65\u5c06\u88ab Form \u63a5\u7ba1\uff0c\u8fd9\u4f1a\u5bfc\u81f4\u4ee5\u4e0b\u7ed3\u679c\uff1a"),n.a.createElement("ol",null,n.a.createElement("li",null,"\u4f60",n.a.createElement("strong",null,"\u4e0d\u518d\u9700\u8981\u4e5f\u4e0d\u5e94\u8be5"),"\u7528 ",n.a.createElement("code",null,"onChange")," \u6765\u505a\u6570\u636e\u6536\u96c6\u540c\u6b65\uff08\u4f60\u53ef\u4ee5\u4f7f\u7528 Form \u7684 ",n.a.createElement("code",null,"onValuesChange"),"\uff09\uff0c\u4f46\u8fd8\u662f\u53ef\u4ee5\u7ee7\u7eed\u76d1\u542c ",n.a.createElement("code",null,"onChange")," \u4e8b\u4ef6\u3002"),n.a.createElement("li",null,"\u4f60\u4e0d\u80fd\u7528\u63a7\u4ef6\u7684 ",n.a.createElement("code",null,"value")," \u6216 ",n.a.createElement("code",null,"defaultValue")," \u7b49\u5c5e\u6027\u6765\u8bbe\u7f6e\u8868\u5355\u57df\u7684\u503c\uff0c\u9ed8\u8ba4\u503c\u53ef\u4ee5\u7528 Form \u91cc\u7684 ",n.a.createElement("code",null,"initialValues")," \u6765\u8bbe\u7f6e\u3002\u6ce8\u610f ",n.a.createElement("code",null,"initialValues")," \u4e0d\u80fd\u88ab ",n.a.createElement("code",null,"setState")," \u52a8\u6001\u66f4\u65b0\uff0c\u4f60\u9700\u8981\u7528 ",n.a.createElement("code",null,"setFieldsValue")," \u6765\u66f4\u65b0\u3002"),n.a.createElement("li",null,"\u4f60\u4e0d\u5e94\u8be5\u7528 ",n.a.createElement("code",null,"setState"),"\uff0c\u53ef\u4ee5\u4f7f\u7528 ",n.a.createElement("code",null,"form.setFieldsValue")," \u6765\u52a8\u6001\u6539\u53d8\u8868\u5355\u503c\u3002")),n.a.createElement("h3",{id:"dependencies"},n.a.createElement(r["AnchorLink"],{to:"#dependencies","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"dependencies"),n.a.createElement("p",null,"\u5f53\u5b57\u6bb5\u95f4\u5b58\u5728\u4f9d\u8d56\u5173\u7cfb\u65f6\u4f7f\u7528\u3002\u5982\u679c\u4e00\u4e2a\u5b57\u6bb5\u8bbe\u7f6e\u4e86 ",n.a.createElement("code",null,"dependencies")," \u5c5e\u6027\u3002\u90a3\u4e48\u5b83\u6240\u4f9d\u8d56\u7684\u5b57\u6bb5\u66f4\u65b0\u65f6\uff0c\u8be5\u5b57\u6bb5\u5c06\u81ea\u52a8\u89e6\u53d1\u66f4\u65b0\u4e0e\u6821\u9a8c\u3002\u4e00\u79cd\u5e38\u89c1\u7684\u573a\u666f\uff0c\u5c31\u662f\u6ce8\u518c\u7528\u6237\u8868\u5355\u7684\u201c\u5bc6\u7801\u201d\u4e0e\u201c\u786e\u8ba4\u5bc6\u7801\u201d\u5b57\u6bb5\u3002\u201c\u786e\u8ba4\u5bc6\u7801\u201d\u6821\u9a8c\u4f9d\u8d56\u4e8e\u201c\u5bc6\u7801\u201d\u5b57\u6bb5\uff0c\u8bbe\u7f6e ",n.a.createElement("code",null,"dependencies")," \u540e\uff0c\u201c\u5bc6\u7801\u201d\u5b57\u6bb5\u66f4\u65b0\u4f1a\u91cd\u65b0\u89e6\u53d1\u201c\u6821\u9a8c\u5bc6\u7801\u201d\u7684\u6821\u9a8c\u903b\u8f91\u3002\u4f60\u53ef\u4ee5\u53c2\u8003",n.a.createElement(r["AnchorLink"],{to:"#components-form-demo-register"},"\u5177\u4f53\u4f8b\u5b50"),"\u3002"),n.a.createElement("p",null,n.a.createElement("code",null,"dependencies")," \u4e0d\u5e94\u548c ",n.a.createElement("code",null,"shouldUpdate")," \u4e00\u8d77\u4f7f\u7528\uff0c\u56e0\u4e3a\u8fd9\u53ef\u80fd\u5e26\u6765\u66f4\u65b0\u903b\u8f91\u7684\u6df7\u4e71\u3002"),n.a.createElement("p",null,"\u4ece ",n.a.createElement("code",null,"4.5.0")," \u7248\u672c\u5f00\u59cb\uff0c",n.a.createElement("code",null,"dependencies")," \u652f\u6301\u4f7f\u7528 render props \u7c7b\u578b children \u7684 ",n.a.createElement("code",null,"Form.Item"),"\u3002"),n.a.createElement("h3",{id:"shouldupdate"},n.a.createElement(r["AnchorLink"],{to:"#shouldupdate","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"shouldUpdate"),n.a.createElement("p",null,"Form \u901a\u8fc7\u589e\u91cf\u66f4\u65b0\u65b9\u5f0f\uff0c\u53ea\u66f4\u65b0\u88ab\u4fee\u6539\u7684\u5b57\u6bb5\u76f8\u5173\u7ec4\u4ef6\u4ee5\u8fbe\u5230\u6027\u80fd\u4f18\u5316\u76ee\u7684\u3002\u5927\u90e8\u5206\u573a\u666f\u4e0b\uff0c\u4f60\u53ea\u9700\u8981\u7f16\u5199\u4ee3\u7801\u6216\u8005\u4e0e ",n.a.createElement(r["AnchorLink"],{to:"#dependencies"},n.a.createElement("code",null,"dependencies"))," \u5c5e\u6027\u914d\u5408\u6821\u9a8c\u5373\u53ef\u3002\u800c\u5728\u67d0\u4e9b\u7279\u5b9a\u573a\u666f\uff0c\u4f8b\u5982\u4fee\u6539\u67d0\u4e2a\u5b57\u6bb5\u503c\u540e\u51fa\u73b0\u65b0\u7684\u5b57\u6bb5\u9009\u9879\u3001\u6216\u8005\u7eaf\u7cb9\u5e0c\u671b\u8868\u5355\u4efb\u610f\u53d8\u5316\u90fd\u5bf9\u67d0\u4e00\u4e2a\u533a\u57df\u8fdb\u884c\u6e32\u67d3\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7 ",n.a.createElement("code",null,"shouldUpdate")," \u4fee\u6539 Form.Item \u7684\u66f4\u65b0\u903b\u8f91\u3002"),n.a.createElement("p",null,"\u5f53 ",n.a.createElement("code",null,"shouldUpdate")," \u4e3a ",n.a.createElement("code",null,"true")," \u65f6\uff0cForm \u7684\u4efb\u610f\u53d8\u5316\u90fd\u4f1a\u4f7f\u8be5 Form.Item \u91cd\u65b0\u6e32\u67d3\u3002\u8fd9\u5bf9\u4e8e\u81ea\u5b9a\u4e49\u6e32\u67d3\u4e00\u4e9b\u533a\u57df\u5341\u5206\u6709\u5e2e\u52a9\uff1a"),n.a.createElement(m["a"],{code:"<Form.Item shouldUpdate>\n  {() => {\n    return <pre>{JSON.stringify(form.getFieldsValue(), null, 2)}</pre>;\n  }}\n</Form.Item>",lang:"bash"}),n.a.createElement("p",null,"\u4f60\u53ef\u4ee5\u53c2\u8003",n.a.createElement(r["AnchorLink"],{to:"#components-form-demo-horizontal-login"},"\u793a\u4f8b"),"\u67e5\u770b\u5177\u4f53\u4f7f\u7528\u573a\u666f\u3002"),n.a.createElement("p",null,"\u5f53 ",n.a.createElement("code",null,"shouldUpdate")," \u4e3a\u65b9\u6cd5\u65f6\uff0c\u8868\u5355\u7684\u6bcf\u6b21\u6570\u503c\u66f4\u65b0\u90fd\u4f1a\u8c03\u7528\u8be5\u65b9\u6cd5\uff0c\u63d0\u4f9b\u539f\u5148\u7684\u503c\u4e0e\u5f53\u524d\u7684\u503c\u4ee5\u4f9b\u4f60\u6bd4\u8f83\u662f\u5426\u9700\u8981\u66f4\u65b0\u3002\u8fd9\u5bf9\u4e8e\u662f\u5426\u6839\u636e\u503c\u6765\u6e32\u67d3\u989d\u5916\u5b57\u6bb5\u5341\u5206\u6709\u5e2e\u52a9\uff1a"),n.a.createElement(m["a"],{code:'<Form.Item shouldUpdate={(prevValues, curValues) => prevValues.additional !== curValues.additional}>\n  {() => {\n    return (\n      <Form.Item name="other">\n        <Input />\n      </Form.Item>\n    );\n  }}\n</Form.Item>',lang:"bash"}),n.a.createElement("p",null,"\u4f60\u53ef\u4ee5\u53c2\u8003",n.a.createElement(r["AnchorLink"],{to:"#components-form-demo-control-hooks"},"\u793a\u4f8b"),"\u67e5\u770b\u5177\u4f53\u4f7f\u7528\u573a\u666f\u3002"),n.a.createElement("h3",{id:"messagevariables"},n.a.createElement(r["AnchorLink"],{to:"#messagevariables","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"messageVariables"),n.a.createElement("p",null,"\u4f60\u53ef\u4ee5\u901a\u8fc7 ",n.a.createElement("code",null,"messageVariables")," \u4fee\u6539 Form.Item \u7684\u9ed8\u8ba4\u9a8c\u8bc1\u4fe1\u606f\u3002"),n.a.createElement(m["a"],{code:"<Form>\n  <Form.Item messageVariables={{ another: 'good' }} label=\"user\">\n    <Input />\n  </Form.Item>\n  <Form.Item messageVariables={{ label: 'good' }} label={<span>user</span>}>\n    <Input />\n  </Form.Item>\n</Form>",lang:"bash"}),n.a.createElement("h2",{id:"formlist"},n.a.createElement(r["AnchorLink"],{to:"#formlist","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"Form.List"),n.a.createElement("p",null,"\u4e3a\u5b57\u6bb5\u63d0\u4f9b\u6570\u7ec4\u5316\u7ba1\u7406\u3002"),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"\u53c2\u6570"),n.a.createElement("th",null,"\u8bf4\u660e"),n.a.createElement("th",null,"\u7c7b\u578b"),n.a.createElement("th",null,"\u9ed8\u8ba4\u503c"),n.a.createElement("th",null,"\u7248\u672c"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"children"),n.a.createElement("td",null,"\u6e32\u67d3\u51fd\u6570"),n.a.createElement("td",null,"(fields: Field[], operation: ","{"," add, remove, move ","}",", meta: ","{"," errors ","}",") => React.ReactNode"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"initialValue"),n.a.createElement("td",null,"\u8bbe\u7f6e\u5b50\u5143\u7d20\u9ed8\u8ba4\u503c\uff0c\u5982\u679c\u4e0e Form \u7684 ",n.a.createElement("code",null,"initialValues")," \u51b2\u7a81\u5219\u4ee5 Form \u4e3a\u51c6"),n.a.createElement("td",null,"any[]"),n.a.createElement("td",null,"-"),n.a.createElement("td",null,"4.9.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"name"),n.a.createElement("td",null,"\u5b57\u6bb5\u540d\uff0c\u652f\u6301\u6570\u7ec4"),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath")),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"rules"),n.a.createElement("td",null,"\u6821\u9a8c\u89c4\u5219\uff0c\u4ec5\u652f\u6301\u81ea\u5b9a\u4e49\u89c4\u5219\u3002\u9700\u8981\u914d\u5408 ",n.a.createElement(r["AnchorLink"],{to:"#Form.ErrorList"},"ErrorList")," \u4e00\u540c\u4f7f\u7528\u3002"),n.a.createElement("td",null,"{"," validator, message ","}","[]"),n.a.createElement("td",null,"-"),n.a.createElement("td",null,"4.7.0")))),n.a.createElement(m["a"],{code:"<Form.List>\n  {fields =>\n    fields.map(field => (\n      <Form.Item {...field}>\n        <Input />\n      </Form.Item>\n    ))\n  }\n</Form.List>",lang:"bash"}),n.a.createElement("p",null,"\u6ce8\u610f\uff1aForm.List \u4e0b\u7684\u5b57\u6bb5\u4e0d\u5e94\u8be5\u914d\u7f6e ",n.a.createElement("code",null,"initialValue"),"\uff0c\u4f60\u59cb\u7ec8\u5e94\u8be5\u901a\u8fc7 Form.List \u7684 ",n.a.createElement("code",null,"initialValue")," \u6216\u8005 Form \u7684 ",n.a.createElement("code",null,"initialValues")," \u6765\u914d\u7f6e\u3002"),n.a.createElement("h2",{id:"operation"},n.a.createElement(r["AnchorLink"],{to:"#operation","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"operation"),n.a.createElement("p",null,"Form.List \u6e32\u67d3\u8868\u5355\u76f8\u5173\u64cd\u4f5c\u51fd\u6570\u3002"),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"\u53c2\u6570"),n.a.createElement("th",null,"\u8bf4\u660e"),n.a.createElement("th",null,"\u7c7b\u578b"),n.a.createElement("th",null,"\u9ed8\u8ba4\u503c"),n.a.createElement("th",null,"\u7248\u672c"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"add"),n.a.createElement("td",null,"\u65b0\u589e\u8868\u5355\u9879"),n.a.createElement("td",null,"(defaultValue?: any, insertIndex?: number) => void"),n.a.createElement("td",null,"insertIndex"),n.a.createElement("td",null,"4.6.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"move"),n.a.createElement("td",null,"\u79fb\u52a8\u8868\u5355\u9879"),n.a.createElement("td",null,"(from: number, to: number) => void"),n.a.createElement("td",null,"-"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"remove"),n.a.createElement("td",null,"\u5220\u9664\u8868\u5355\u9879"),n.a.createElement("td",null,"(index: number | number[]) => void"),n.a.createElement("td",null,"number[]"),n.a.createElement("td",null,"4.5.0")))),n.a.createElement("h2",{id:"formerrorlist"},n.a.createElement(r["AnchorLink"],{to:"#formerrorlist","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"Form.ErrorList"),n.a.createElement("p",null,"4.7.0 \u65b0\u589e\u3002\u9519\u8bef\u5c55\u793a\u7ec4\u4ef6\uff0c\u4ec5\u9650\u914d\u5408 Form.List \u7684 rules \u4e00\u540c\u4f7f\u7528\u3002\u53c2\u8003",n.a.createElement(r["AnchorLink"],{to:"#components-form-demo-dynamic-form-item"},"\u793a\u4f8b"),"\u3002"),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"\u53c2\u6570"),n.a.createElement("th",null,"\u8bf4\u660e"),n.a.createElement("th",null,"\u7c7b\u578b"),n.a.createElement("th",null,"\u9ed8\u8ba4\u503c"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"errors"),n.a.createElement("td",null,"\u9519\u8bef\u5217\u8868"),n.a.createElement("td",null,"ReactNode[]"),n.a.createElement("td",null,"-")))),n.a.createElement("h2",{id:"formprovider"},n.a.createElement(r["AnchorLink"],{to:"#formprovider","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"Form.Provider"),n.a.createElement("p",null,"\u63d0\u4f9b\u8868\u5355\u95f4\u8054\u52a8\u529f\u80fd\uff0c\u5176\u4e0b\u8bbe\u7f6e ",n.a.createElement("code",null,"name")," \u7684 Form \u66f4\u65b0\u65f6\uff0c\u4f1a\u81ea\u52a8\u89e6\u53d1\u5bf9\u5e94\u4e8b\u4ef6\u3002\u67e5\u770b",n.a.createElement(r["AnchorLink"],{to:"#components-form-demo-form-context"},"\u793a\u4f8b"),"\u3002"),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"\u53c2\u6570"),n.a.createElement("th",null,"\u8bf4\u660e"),n.a.createElement("th",null,"\u7c7b\u578b"),n.a.createElement("th",null,"\u9ed8\u8ba4\u503c"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"onFormChange"),n.a.createElement("td",null,"\u5b50\u8868\u5355\u5b57\u6bb5\u66f4\u65b0\u65f6\u89e6\u53d1"),n.a.createElement("td",null,"function(formName: string, info: ","{"," changedFields, forms ","}",")"),n.a.createElement("td",null,"-")),n.a.createElement("tr",null,n.a.createElement("td",null,"onFormFinish"),n.a.createElement("td",null,"\u5b50\u8868\u5355\u63d0\u4ea4\u65f6\u89e6\u53d1"),n.a.createElement("td",null,"function(formName: string, info: ","{"," values, forms ","}",")"),n.a.createElement("td",null,"-")))),n.a.createElement(m["a"],{code:'<Form.Provider\n  onFormFinish={name => {\n    if (name === \'form1\') {\n      // Do something...\n    }\n  }}\n>\n  <Form name="form1">...</Form>\n  <Form name="form2">...</Form>\n</Form.Provider>',lang:"bash"}),n.a.createElement("h3",{id:"forminstance"},n.a.createElement(r["AnchorLink"],{to:"#forminstance","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"FormInstance"),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"\u540d\u79f0"),n.a.createElement("th",null,"\u8bf4\u660e"),n.a.createElement("th",null,"\u7c7b\u578b"),n.a.createElement("th",null,"\u7248\u672c"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"getFieldError"),n.a.createElement("td",null,"\u83b7\u53d6\u5bf9\u5e94\u5b57\u6bb5\u540d\u7684\u9519\u8bef\u4fe1\u606f"),n.a.createElement("td",null,"(name: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),") => string[]"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"getFieldInstance"),n.a.createElement("td",null,"\u83b7\u53d6\u5bf9\u5e94\u5b57\u6bb5\u5b9e\u4f8b"),n.a.createElement("td",null,"(name: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),") => any"),n.a.createElement("td",null,"4.4.0")),n.a.createElement("tr",null,n.a.createElement("td",null,"getFieldsError"),n.a.createElement("td",null,"\u83b7\u53d6\u4e00\u7ec4\u5b57\u6bb5\u540d\u5bf9\u5e94\u7684\u9519\u8bef\u4fe1\u606f\uff0c\u8fd4\u56de\u4e3a\u6570\u7ec4\u5f62\u5f0f"),n.a.createElement("td",null,"(nameList?: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),"[]) => FieldError[]"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"getFieldsValue"),n.a.createElement("td",null,"\u83b7\u53d6\u4e00\u7ec4\u5b57\u6bb5\u540d\u5bf9\u5e94\u7684\u503c\uff0c\u4f1a\u6309\u7167\u5bf9\u5e94\u7ed3\u6784\u8fd4\u56de\u3002\u9ed8\u8ba4\u8fd4\u56de\u73b0\u5b58\u5b57\u6bb5\u503c\uff0c\u5f53\u8c03\u7528 ",n.a.createElement("code",null,"getFieldsValue(true)")," \u65f6\u8fd4\u56de\u6240\u6709\u503c"),n.a.createElement("td",null,"(nameList?: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),"[], filterFunc?: (meta: ","{"," touched: boolean, validating: boolean ","}",") => boolean) => any"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"getFieldValue"),n.a.createElement("td",null,"\u83b7\u53d6\u5bf9\u5e94\u5b57\u6bb5\u540d\u7684\u503c"),n.a.createElement("td",null,"(name: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),") => any"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"isFieldsTouched"),n.a.createElement("td",null,"\u68c0\u67e5\u4e00\u7ec4\u5b57\u6bb5\u662f\u5426\u88ab\u7528\u6237\u64cd\u4f5c\u8fc7\uff0c",n.a.createElement("code",null,"allTouched")," \u4e3a ",n.a.createElement("code",null,"true")," \u65f6\u68c0\u67e5\u662f\u5426\u6240\u6709\u5b57\u6bb5\u90fd\u88ab\u64cd\u4f5c\u8fc7"),n.a.createElement("td",null,"(nameList?: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),"[], allTouched?: boolean) => boolean"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"isFieldTouched"),n.a.createElement("td",null,"\u68c0\u67e5\u5bf9\u5e94\u5b57\u6bb5\u662f\u5426\u88ab\u7528\u6237\u64cd\u4f5c\u8fc7"),n.a.createElement("td",null,"(name: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),") => boolean"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"isFieldValidating"),n.a.createElement("td",null,"\u68c0\u67e5\u5bf9\u5e94\u5b57\u6bb5\u662f\u5426\u6b63\u5728\u6821\u9a8c"),n.a.createElement("td",null,"(name: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),") => boolean"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"resetFields"),n.a.createElement("td",null,"\u91cd\u7f6e\u4e00\u7ec4\u5b57\u6bb5\u5230 ",n.a.createElement("code",null,"initialValues")),n.a.createElement("td",null,"(fields?: ",n.a.createElement(r["AnchorLink"],{to:"#FieldData"},"FieldData"),"[]) => void"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"scrollToField"),n.a.createElement("td",null,"\u6eda\u52a8\u5230\u5bf9\u5e94\u5b57\u6bb5\u4f4d\u7f6e"),n.a.createElement("td",null,"(name: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),", options: [",n.a.createElement(r["Link"],{to:"https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options"},"ScrollOptions"),"]) => void"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"setFields"),n.a.createElement("td",null,"\u8bbe\u7f6e\u4e00\u7ec4\u5b57\u6bb5\u72b6\u6001"),n.a.createElement("td",null,"(fields: ",n.a.createElement(r["AnchorLink"],{to:"#FieldData"},"FieldData"),"[]) => void"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"setFieldsValue"),n.a.createElement("td",null,"\u8bbe\u7f6e\u8868\u5355\u7684\u503c"),n.a.createElement("td",null,"(values) => void"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"submit"),n.a.createElement("td",null,"\u63d0\u4ea4\u8868\u5355\uff0c\u4e0e\u70b9\u51fb ",n.a.createElement("code",null,"submit")," \u6309\u94ae\u6548\u679c\u76f8\u540c"),n.a.createElement("td",null,"() => void"),n.a.createElement("td",null)),n.a.createElement("tr",null,n.a.createElement("td",null,"validateFields"),n.a.createElement("td",null,"\u89e6\u53d1\u8868\u5355\u9a8c\u8bc1"),n.a.createElement("td",null,"(nameList?: ",n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),"[]) => Promise"),n.a.createElement("td",null)))),n.a.createElement("h4",{id:"validatefields-\u8fd4\u56de\u793a\u4f8b"},n.a.createElement(r["AnchorLink"],{to:"#validatefields-\u8fd4\u56de\u793a\u4f8b","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"validateFields \u8fd4\u56de\u793a\u4f8b"),n.a.createElement(m["a"],{code:"validateFields()\n  .then(values => {\n    /*\n  values:\n    {\n      username: 'username',\n      password: 'password',\n    }\n  */\n  })\n  .catch(errorInfo => {\n    /*\n    errorInfo:\n      {\n        values: {\n          username: 'username',\n          password: 'password',\n        },\n        errorFields: [\n          { name: ['password'], errors: ['Please input your Password!'] },\n        ],\n        outOfDate: false,\n      }\n    */\n  });",lang:"bash"}),n.a.createElement("h3",{id:"interface"},n.a.createElement(r["AnchorLink"],{to:"#interface","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"Interface"),n.a.createElement("h4",{id:"namepath"},n.a.createElement(r["AnchorLink"],{to:"#namepath","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"NamePath"),n.a.createElement("p",null,n.a.createElement("code",null,"string | number | (string | number)[]")),n.a.createElement("h4",{id:"fielddata"},n.a.createElement(r["AnchorLink"],{to:"#fielddata","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"FieldData"),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"\u540d\u79f0"),n.a.createElement("th",null,"\u8bf4\u660e"),n.a.createElement("th",null,"\u7c7b\u578b"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"errors"),n.a.createElement("td",null,"\u9519\u8bef\u4fe1\u606f"),n.a.createElement("td",null,"string[]")),n.a.createElement("tr",null,n.a.createElement("td",null,"name"),n.a.createElement("td",null,"\u5b57\u6bb5\u540d\u79f0"),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"#NamePath"},"NamePath"),"[]")),n.a.createElement("tr",null,n.a.createElement("td",null,"touched"),n.a.createElement("td",null,"\u662f\u5426\u88ab\u7528\u6237\u64cd\u4f5c\u8fc7"),n.a.createElement("td",null,"boolean")),n.a.createElement("tr",null,n.a.createElement("td",null,"validating"),n.a.createElement("td",null,"\u662f\u5426\u6b63\u5728\u6821\u9a8c"),n.a.createElement("td",null,"boolean")),n.a.createElement("tr",null,n.a.createElement("td",null,"value"),n.a.createElement("td",null,"\u5b57\u6bb5\u5bf9\u5e94\u503c"),n.a.createElement("td",null,"any")))),n.a.createElement("h4",{id:"rule"},n.a.createElement(r["AnchorLink"],{to:"#rule","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"Rule"),n.a.createElement("p",null,"Rule \u652f\u6301\u63a5\u6536 object \u8fdb\u884c\u914d\u7f6e\uff0c\u4e5f\u652f\u6301 function \u6765\u52a8\u6001\u83b7\u53d6 form \u7684\u6570\u636e\uff1a"),n.a.createElement(m["a"],{code:"type Rule = RuleConfig | ((form: FormInstance) => RuleConfig);",lang:"bash"}),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"\u540d\u79f0"),n.a.createElement("th",null,"\u8bf4\u660e"),n.a.createElement("th",null,"\u7c7b\u578b"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"defaultField"),n.a.createElement("td",null,"\u4ec5\u5728 ",n.a.createElement("code",null,"type")," \u4e3a ",n.a.createElement("code",null,"array")," \u7c7b\u578b\u65f6\u6709\u6548\uff0c\u7528\u4e8e\u6307\u5b9a\u6570\u7ec4\u5143\u7d20\u7684\u6821\u9a8c\u89c4\u5219"),n.a.createElement("td",null,n.a.createElement(r["AnchorLink"],{to:"#Rule"},"rule"))),n.a.createElement("tr",null,n.a.createElement("td",null,"enum"),n.a.createElement("td",null,"\u662f\u5426\u5339\u914d\u679a\u4e3e\u4e2d\u7684\u503c\uff08\u9700\u8981\u5c06 ",n.a.createElement("code",null,"type")," \u8bbe\u7f6e\u4e3a ",n.a.createElement("code",null,"enum"),"\uff09"),n.a.createElement("td",null,"any[]")),n.a.createElement("tr",null,n.a.createElement("td",null,"fields"),n.a.createElement("td",null,"\u4ec5\u5728 ",n.a.createElement("code",null,"type")," \u4e3a ",n.a.createElement("code",null,"array")," \u6216 ",n.a.createElement("code",null,"object")," \u7c7b\u578b\u65f6\u6709\u6548\uff0c\u7528\u4e8e\u6307\u5b9a\u5b50\u5143\u7d20\u7684\u6821\u9a8c\u89c4\u5219"),n.a.createElement("td",null,"Record<string, ",n.a.createElement(r["AnchorLink"],{to:"#Rule"},"rule"),">")),n.a.createElement("tr",null,n.a.createElement("td",null,"len"),n.a.createElement("td",null,"string \u7c7b\u578b\u65f6\u4e3a\u5b57\u7b26\u4e32\u957f\u5ea6\uff1bnumber \u7c7b\u578b\u65f6\u4e3a\u786e\u5b9a\u6570\u5b57\uff1b array \u7c7b\u578b\u65f6\u4e3a\u6570\u7ec4\u957f\u5ea6"),n.a.createElement("td",null,"number")),n.a.createElement("tr",null,n.a.createElement("td",null,"max"),n.a.createElement("td",null,"\u5fc5\u987b\u8bbe\u7f6e ",n.a.createElement("code",null,"type"),"\uff1astring \u7c7b\u578b\u4e3a\u5b57\u7b26\u4e32\u6700\u5927\u957f\u5ea6\uff1bnumber \u7c7b\u578b\u65f6\u4e3a\u6700\u5927\u503c\uff1barray \u7c7b\u578b\u65f6\u4e3a\u6570\u7ec4\u6700\u5927\u957f\u5ea6"),n.a.createElement("td",null,"number")),n.a.createElement("tr",null,n.a.createElement("td",null,"message"),n.a.createElement("td",null,"\u9519\u8bef\u4fe1\u606f\uff0c\u4e0d\u8bbe\u7f6e\u65f6\u4f1a\u901a\u8fc7",n.a.createElement(r["AnchorLink"],{to:"#validateMessages"},"\u6a21\u677f"),"\u81ea\u52a8\u751f\u6210"),n.a.createElement("td",null,"string")),n.a.createElement("tr",null,n.a.createElement("td",null,"min"),n.a.createElement("td",null,"\u5fc5\u987b\u8bbe\u7f6e ",n.a.createElement("code",null,"type"),"\uff1astring \u7c7b\u578b\u4e3a\u5b57\u7b26\u4e32\u6700\u5c0f\u957f\u5ea6\uff1bnumber \u7c7b\u578b\u65f6\u4e3a\u6700\u5c0f\u503c\uff1barray \u7c7b\u578b\u65f6\u4e3a\u6570\u7ec4\u6700\u5c0f\u957f\u5ea6"),n.a.createElement("td",null,"number")),n.a.createElement("tr",null,n.a.createElement("td",null,"pattern"),n.a.createElement("td",null,"\u6b63\u5219\u8868\u8fbe\u5f0f\u5339\u914d"),n.a.createElement("td",null,"RegExp")),n.a.createElement("tr",null,n.a.createElement("td",null,"required"),n.a.createElement("td",null,"\u662f\u5426\u4e3a\u5fc5\u9009\u5b57\u6bb5"),n.a.createElement("td",null,"boolean")),n.a.createElement("tr",null,n.a.createElement("td",null,"transform"),n.a.createElement("td",null,"\u5c06\u5b57\u6bb5\u503c\u8f6c\u6362\u6210\u76ee\u6807\u503c\u540e\u8fdb\u884c\u6821\u9a8c"),n.a.createElement("td",null,"(value) => any")),n.a.createElement("tr",null,n.a.createElement("td",null,"type"),n.a.createElement("td",null,"\u7c7b\u578b\uff0c\u5e38\u89c1\u6709 ",n.a.createElement("code",null,"string")," |",n.a.createElement("code",null,"number")," |",n.a.createElement("code",null,"boolean")," |",n.a.createElement("code",null,"url")," | ",n.a.createElement("code",null,"email"),"\u3002\u66f4\u591a\u8bf7\u53c2\u8003",n.a.createElement(r["Link"],{to:"https://github.com/yiminghe/async-validator#type"},"\u6b64\u5904")),n.a.createElement("td",null,"string")),n.a.createElement("tr",null,n.a.createElement("td",null,"validateTrigger"),n.a.createElement("td",null,"\u8bbe\u7f6e\u89e6\u53d1\u9a8c\u8bc1\u65f6\u673a\uff0c\u5fc5\u987b\u662f Form.Item \u7684 ",n.a.createElement("code",null,"validateTrigger")," \u7684\u5b50\u96c6"),n.a.createElement("td",null,"string | string[]")),n.a.createElement("tr",null,n.a.createElement("td",null,"validator"),n.a.createElement("td",null,"\u81ea\u5b9a\u4e49\u6821\u9a8c\uff0c\u63a5\u6536 Promise \u4f5c\u4e3a\u8fd4\u56de\u503c\u3002",n.a.createElement(r["AnchorLink"],{to:"#components-form-demo-register"},"\u793a\u4f8b"),"\u53c2\u8003"),n.a.createElement("td",null,"(",n.a.createElement(r["AnchorLink"],{to:"#Rule"},"rule"),", value) => Promise")),n.a.createElement("tr",null,n.a.createElement("td",null,"whitespace"),n.a.createElement("td",null,"\u5982\u679c\u5b57\u6bb5\u4ec5\u5305\u542b\u7a7a\u683c\u5219\u6821\u9a8c\u4e0d\u901a\u8fc7\uff0c\u53ea\u5728 ",n.a.createElement("code",null,"type: 'string'")," \u65f6\u751f\u6548"),n.a.createElement("td",null,"boolean")))),n.a.createElement("h2",{id:"\u4ece-v3-\u5347\u7ea7\u5230-v4"},n.a.createElement(r["AnchorLink"],{to:"#\u4ece-v3-\u5347\u7ea7\u5230-v4","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4ece v3 \u5347\u7ea7\u5230 v4"),n.a.createElement("p",null,"\u5982\u679c\u4f60\u662f antd v3 \u7684\u7528\u6237\uff0c\u4f60\u53ef\u4ee5\u53c2\u8003",n.a.createElement(r["Link"],{to:"/components/form/v3"},"\u8fc1\u79fb\u793a\u4f8b"),"\u3002"),n.a.createElement("style",{dangerouslySetInnerHTML:{__html:"\n.ant-form:not(.ant-form-inline):not(.ant-form-vertical) {\n  max-width: 600px;\n}\n.markdown.api-container table td:nth-of-type(4) {\n  white-space: nowrap;\n  word-wrap: break-word;\n}\n.ant-btn {\n  margin-right: 8px;\n}\n"}}),n.a.createElement("h2",{id:"faq"},n.a.createElement(r["AnchorLink"],{to:"#faq","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"FAQ"),n.a.createElement("h3",{id:"\u81ea\u5b9a\u4e49-validator-\u6ca1\u6709\u6548\u679c"},n.a.createElement(r["AnchorLink"],{to:"#\u81ea\u5b9a\u4e49-validator-\u6ca1\u6709\u6548\u679c","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u81ea\u5b9a\u4e49 validator \u6ca1\u6709\u6548\u679c"),n.a.createElement("p",null,"\u8fd9\u662f\u7531\u4e8e\u4f60\u7684 ",n.a.createElement("code",null,"validator")," \u6709\u9519\u8bef\u5bfc\u81f4 ",n.a.createElement("code",null,"callback")," \u6ca1\u6709\u6267\u884c\u5230\u3002\u4f60\u53ef\u4ee5\u9009\u62e9\u901a\u8fc7 ",n.a.createElement("code",null,"async")," \u8fd4\u56de\u4e00\u4e2a promise \u6216\u8005\u4f7f\u7528 ",n.a.createElement("code",null,"try...catch")," \u8fdb\u884c\u9519\u8bef\u6355\u83b7\uff1a"),n.a.createElement(m["a"],{code:"validator: async (rule, value) => {\n  throw new Error('Something wrong!');\n}\n\n// or\n\nvalidator(rule, value, callback) => {\n  try {\n    throw new Error('Something wrong!');\n  } catch (err) {\n    callback(err);\n  }\n}",lang:"bash"}),n.a.createElement("h3",{id:"name-\u4e3a\u6570\u7ec4\u65f6\u7684\u8f6c\u6362\u89c4\u5219"},n.a.createElement(r["AnchorLink"],{to:"#name-\u4e3a\u6570\u7ec4\u65f6\u7684\u8f6c\u6362\u89c4\u5219","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"name \u4e3a\u6570\u7ec4\u65f6\u7684\u8f6c\u6362\u89c4\u5219\uff1f"),n.a.createElement("p",null,"\u5f53 ",n.a.createElement("code",null,"name")," \u4e3a\u6570\u7ec4\u65f6\uff0c\u4f1a\u6309\u7167\u987a\u5e8f\u586b\u5145\u8def\u5f84\u3002\u5f53\u5b58\u5728\u6570\u5b57\u4e14 form store \u4e2d\u6ca1\u6709\u8be5\u5b57\u6bb5\u65f6\u4f1a\u81ea\u52a8\u8f6c\u53d8\u6210\u6570\u7ec4\u3002\u56e0\u800c\u5982\u679c\u9700\u8981\u6570\u7ec4\u4e3a key \u65f6\u8bf7\u4f7f\u7528 string \u5982\uff1a",n.a.createElement("code",null,"['1', 'name']"),"\u3002"),n.a.createElement("h3",{id:"\u4e3a\u4f55\u5728-modal-\u4e2d\u8c03\u7528-form-\u63a7\u5236\u53f0\u4f1a\u62a5\u9519"},n.a.createElement(r["AnchorLink"],{to:"#\u4e3a\u4f55\u5728-modal-\u4e2d\u8c03\u7528-form-\u63a7\u5236\u53f0\u4f1a\u62a5\u9519","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4e3a\u4f55\u5728 Modal \u4e2d\u8c03\u7528 form \u63a7\u5236\u53f0\u4f1a\u62a5\u9519\uff1f"),n.a.createElement("blockquote",null,n.a.createElement("p",null,"Warning: Instance created by ",n.a.createElement("code",null,"useForm")," is not connect to any Form element. Forget to pass ",n.a.createElement("code",null,"form")," prop?")),n.a.createElement("p",null,"\u8fd9\u662f\u56e0\u4e3a\u4f60\u5728\u8c03\u7528 form \u65b9\u6cd5\u65f6\uff0cModal \u8fd8\u672a\u521d\u59cb\u5316\u5bfc\u81f4 form \u6ca1\u6709\u5173\u8054\u4efb\u4f55 Form \u7ec4\u4ef6\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7\u7ed9 Modal \u8bbe\u7f6e ",n.a.createElement("code",null,"forceRender")," \u5c06\u5176\u9884\u6e32\u67d3\u3002\u793a\u4f8b\u70b9\u51fb",n.a.createElement(r["Link"],{to:"https://codesandbox.io/s/antd-reproduction-template-ibu5c"},"\u6b64\u5904"),"\u3002"),n.a.createElement("h3",{id:"\u4e3a\u4ec0\u4e48-formitem-\u4e0b\u7684\u5b50\u7ec4\u4ef6-defaultvalue-\u4e0d\u751f\u6548"},n.a.createElement(r["AnchorLink"],{to:"#\u4e3a\u4ec0\u4e48-formitem-\u4e0b\u7684\u5b50\u7ec4\u4ef6-defaultvalue-\u4e0d\u751f\u6548","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4e3a\u4ec0\u4e48 Form.Item \u4e0b\u7684\u5b50\u7ec4\u4ef6 ",n.a.createElement("code",null,"defaultValue")," \u4e0d\u751f\u6548\uff1f"),n.a.createElement("p",null,"\u5f53\u4f60\u4e3a Form.Item \u8bbe\u7f6e ",n.a.createElement("code",null,"name")," \u5c5e\u6027\u540e\uff0c\u5b50\u7ec4\u4ef6\u4f1a\u8f6c\u4e3a\u53d7\u63a7\u6a21\u5f0f\u3002\u56e0\u800c ",n.a.createElement("code",null,"defaultValue")," \u4e0d\u4f1a\u751f\u6548\u3002\u4f60\u9700\u8981\u5728 Form \u4e0a\u901a\u8fc7 ",n.a.createElement("code",null,"initialValues")," \u8bbe\u7f6e\u9ed8\u8ba4\u503c\u3002"),n.a.createElement("h3",{id:"\u4e3a\u4ec0\u4e48\u7b2c\u4e00\u6b21\u8c03\u7528-ref-\u7684-from-\u4e3a\u7a7a"},n.a.createElement(r["AnchorLink"],{to:"#\u4e3a\u4ec0\u4e48\u7b2c\u4e00\u6b21\u8c03\u7528-ref-\u7684-from-\u4e3a\u7a7a","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4e3a\u4ec0\u4e48\u7b2c\u4e00\u6b21\u8c03\u7528 ",n.a.createElement("code",null,"ref")," \u7684 From \u4e3a\u7a7a\uff1f"),n.a.createElement("p",null,n.a.createElement("code",null,"ref")," \u4ec5\u5728\u8282\u70b9\u88ab\u52a0\u8f7d\u65f6\u624d\u4f1a\u88ab\u8d4b\u503c\uff0c\u8bf7\u53c2\u8003 React \u5b98\u65b9\u6587\u6863\uff1a",n.a.createElement(r["Link"],{to:"https://reactjs.org/docs/refs-and-the-dom.html#accessing-refs"},"https://reactjs.org/docs/refs-and-the-dom.html#accessing-refs")),n.a.createElement("h3",{id:"\u4e3a\u4ec0\u4e48-resetfields-\u4f1a\u91cd\u65b0-mount-\u7ec4\u4ef6"},n.a.createElement(r["AnchorLink"],{to:"#\u4e3a\u4ec0\u4e48-resetfields-\u4f1a\u91cd\u65b0-mount-\u7ec4\u4ef6","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4e3a\u4ec0\u4e48 ",n.a.createElement("code",null,"resetFields")," \u4f1a\u91cd\u65b0 mount \u7ec4\u4ef6\uff1f"),n.a.createElement("p",null,n.a.createElement("code",null,"resetFields")," \u4f1a\u91cd\u7f6e\u6574\u4e2a Field\uff0c\u56e0\u800c\u5176\u5b50\u7ec4\u4ef6\u4e5f\u4f1a\u91cd\u65b0 mount \u4ece\u800c\u6d88\u9664\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u53ef\u80fd\u5b58\u5728\u7684\u526f\u4f5c\u7528\uff08\u4f8b\u5982\u5f02\u6b65\u6570\u636e\u3001\u72b6\u6001\u7b49\u7b49\uff09\u3002"),n.a.createElement("h3",{id:"form-\u7684-initialvalues-\u4e0e-item-\u7684-initialvalue-\u533a\u522b"},n.a.createElement(r["AnchorLink"],{to:"#form-\u7684-initialvalues-\u4e0e-item-\u7684-initialvalue-\u533a\u522b","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"Form \u7684 initialValues \u4e0e Item \u7684 initialValue \u533a\u522b\uff1f"),n.a.createElement("p",null,"\u5728\u5927\u90e8\u5206\u573a\u666f\u4e0b\uff0c\u6211\u4eec\u603b\u662f\u63a8\u8350\u4f18\u5148\u4f7f\u7528 Form \u7684 ",n.a.createElement("code",null,"initialValues"),"\u3002\u53ea\u6709\u5b58\u5728\u52a8\u6001\u5b57\u6bb5\u65f6\u4f60\u624d\u5e94\u8be5\u4f7f\u7528 Item \u7684 ",n.a.createElement("code",null,"initialValue"),"\u3002\u9ed8\u8ba4\u503c\u9075\u5faa\u4ee5\u4e0b\u89c4\u5219\uff1a"),n.a.createElement("ol",null,n.a.createElement("li",null,"Form \u7684 ",n.a.createElement("code",null,"initialValues")," \u62e5\u6709\u6700\u9ad8\u4f18\u5148\u7ea7"),n.a.createElement("li",null,"Field \u7684 ",n.a.createElement("code",null,"initialValue")," \u6b21\u4e4b *. \u591a\u4e2a\u540c ",n.a.createElement("code",null,"name")," Item \u90fd\u8bbe\u7f6e ",n.a.createElement("code",null,"initialValue")," \u65f6\uff0c\u5219 Item \u7684 ",n.a.createElement("code",null,"initialValue")," \u4e0d\u751f\u6548")),n.a.createElement("h3",{id:"\u4e3a\u4ec0\u4e48\u5b57\u6bb5\u8bbe\u7f6e-rules-\u540e\u66f4\u6539\u503c-onfieldschange-\u4f1a\u89e6\u53d1\u4e09\u6b21"},n.a.createElement(r["AnchorLink"],{to:"#\u4e3a\u4ec0\u4e48\u5b57\u6bb5\u8bbe\u7f6e-rules-\u540e\u66f4\u6539\u503c-onfieldschange-\u4f1a\u89e6\u53d1\u4e09\u6b21","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4e3a\u4ec0\u4e48\u5b57\u6bb5\u8bbe\u7f6e ",n.a.createElement("code",null,"rules")," \u540e\u66f4\u6539\u503c ",n.a.createElement("code",null,"onFieldsChange")," \u4f1a\u89e6\u53d1\u4e09\u6b21\uff1f"),n.a.createElement("p",null,"\u5b57\u6bb5\u9664\u4e86\u672c\u8eab\u7684\u503c\u53d8\u5316\u5916\uff0c\u6821\u9a8c\u4e5f\u662f\u5176\u72b6\u6001\u4e4b\u4e00\u3002\u56e0\u800c\u5728\u89e6\u53d1\u5b57\u6bb5\u53d8\u5316\u4f1a\u7ecf\u5386\u4ee5\u4e0b\u51e0\u4e2a\u9636\u6bb5\uff1a"),n.a.createElement("ol",null,n.a.createElement("li",null,"Trigger value change"),n.a.createElement("li",null,"Rule validating"),n.a.createElement("li",null,"Rule validated")),n.a.createElement("p",null,"\u5728\u89e6\u53d1\u8fc7\u7a0b\u4e2d\uff0c\u8c03\u7528 ",n.a.createElement("code",null,"isFieldValidating")," \u4f1a\u7ecf\u5386 ",n.a.createElement("code",null,"false")," > ",n.a.createElement("code",null,"true")," > ",n.a.createElement("code",null,"false")," \u7684\u53d8\u5316\u8fc7\u7a0b\u3002"),n.a.createElement("h3",{id:"\u4e3a\u4ec0\u4e48-formlist-\u4e0d\u652f\u6301-label-\u8fd8\u9700\u8981\u4f7f\u7528-errorlist-\u5c55\u793a\u9519\u8bef"},n.a.createElement(r["AnchorLink"],{to:"#\u4e3a\u4ec0\u4e48-formlist-\u4e0d\u652f\u6301-label-\u8fd8\u9700\u8981\u4f7f\u7528-errorlist-\u5c55\u793a\u9519\u8bef","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4e3a\u4ec0\u4e48 Form.List \u4e0d\u652f\u6301 ",n.a.createElement("code",null,"label")," \u8fd8\u9700\u8981\u4f7f\u7528 ErrorList \u5c55\u793a\u9519\u8bef\uff1f"),n.a.createElement("p",null,"Form.List \u672c\u8eab\u662f renderProps\uff0c\u5185\u90e8\u6837\u5f0f\u975e\u5e38\u81ea\u7531\u3002\u56e0\u800c\u9ed8\u8ba4\u914d\u7f6e ",n.a.createElement("code",null,"label")," \u548c ",n.a.createElement("code",null,"error")," \u8282\u70b9\u5f88\u96be\u4e0e\u4e4b\u914d\u5408\u3002\u5982\u679c\u4f60\u9700\u8981 antd \u6837\u5f0f\u7684 ",n.a.createElement("code",null,"label"),"\uff0c\u53ef\u4ee5\u901a\u8fc7\u5916\u90e8\u5305\u88f9 Form.Item \u6765\u5b9e\u73b0\u3002"),n.a.createElement("h3",{id:"\u4e3a\u4ec0\u4e48-formitem-\u7684-dependencies-\u5bf9-formlist-\u4e0b\u7684\u5b57\u6bb5\u6ca1\u6709\u6548\u679c"},n.a.createElement(r["AnchorLink"],{to:"#\u4e3a\u4ec0\u4e48-formitem-\u7684-dependencies-\u5bf9-formlist-\u4e0b\u7684\u5b57\u6bb5\u6ca1\u6709\u6548\u679c","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4e3a\u4ec0\u4e48 Form.Item \u7684 ",n.a.createElement("code",null,"dependencies")," \u5bf9 Form.List \u4e0b\u7684\u5b57\u6bb5\u6ca1\u6709\u6548\u679c\uff1f"),n.a.createElement("p",null,"Form.List \u4e0b\u7684\u5b57\u6bb5\u9700\u8981\u5305\u88f9 Form.List \u672c\u8eab\u7684 ",n.a.createElement("code",null,"name"),"\uff0c\u6bd4\u5982\uff1a"),n.a.createElement(m["a"],{code:"<Form.List name=\"users\">\n  {fields =>\n    fields.map(field => (\n      <React.Fragment key={field.key}>\n        <Form.Item name={[field.name, 'name']} {...someRest1} />\n        <Form.Item name={[field.name, 'age']} {...someRest1} />\n      </React.Fragment>\n    ))\n  }\n</Form.List>",lang:"bash"}),n.a.createElement("p",null,"\u4f9d\u8d56\u5219\u662f\uff1a",n.a.createElement("code",null,"['users', 0, 'name']")),n.a.createElement("h3",{id:"\u4e3a\u4ec0\u4e48-normalize-\u4e0d\u80fd\u662f\u5f02\u6b65\u65b9\u6cd5"},n.a.createElement(r["AnchorLink"],{to:"#\u4e3a\u4ec0\u4e48-normalize-\u4e0d\u80fd\u662f\u5f02\u6b65\u65b9\u6cd5","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u4e3a\u4ec0\u4e48 ",n.a.createElement("code",null,"normalize")," \u4e0d\u80fd\u662f\u5f02\u6b65\u65b9\u6cd5\uff1f"),n.a.createElement("p",null,"React \u4e2d\u5f02\u6b65\u66f4\u65b0\u4f1a\u5bfc\u81f4\u53d7\u63a7\u7ec4\u4ef6\u4ea4\u4e92\u884c\u4e3a\u5f02\u5e38\u3002\u5f53\u7528\u6237\u4ea4\u4e92\u89e6\u53d1 ",n.a.createElement("code",null,"onChange")," \u540e\uff0c\u901a\u8fc7\u5f02\u6b65\u6539\u53d8\u503c\u4f1a\u5bfc\u81f4\u7ec4\u4ef6 ",n.a.createElement("code",null,"value")," \u4e0d\u4f1a\u7acb\u523b\u66f4\u65b0\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u5448\u73b0\u5047\u6b7b\u72b6\u6001\u3002\u5982\u679c\u4f60\u9700\u8981\u5f02\u6b65\u89e6\u53d1\u53d8\u66f4\uff0c\u8bf7\u901a\u8fc7\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5b9e\u73b0\u5185\u90e8\u5f02\u6b65\u72b6\u6001\u3002"),n.a.createElement("style",{dangerouslySetInnerHTML:{__html:'\n  .site-form-item-icon {\n    color: rgba(0, 0, 0, 0.25);\n  }\n  [data-theme="dark"] .site-form-item-icon {\n    color: rgba(255,255,255,.3);\n  }\n\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    [data-theme="dark"] .dynamic-delete-button {\n    color: rgba(255,255,255,.45);\n  }\n  [data-theme="dark"] .dynamic-delete-button:hover {\n    color: rgba(255,255,255,.65);\n  }\n\n  .language-bash {\n    max-width: 400px;\n    border-radius: 6px;\n    margin-top: 24px;\n  } \n\n .user {\n  margin-bottom: 8px;\n}\n .user .ant-avatar {\n  margin-right: 8px;\n}\n\n.ant-row-rtl .user .ant-avatar {\n  margin-right: 0;\n  margin-left: 8px;\n}\n\n.login-form {\n  max-width: 300px;\n}\n.login-form-forgot {\n  float: right;\n}\n.ant-col-rtl .login-form-forgot {\n  float: left;\n}\n.login-form-button {\n  width: 100%;\n}\n\n'}}),n.a.createElement("h3",{id:"\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6-scrolltofirsterror-\u548c-scrolltofield-\u5931\u6548"},n.a.createElement(r["AnchorLink"],{to:"#\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6-scrolltofirsterror-\u548c-scrolltofield-\u5931\u6548","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6 ",n.a.createElement("code",null,"scrollToFirstError")," \u548c ",n.a.createElement("code",null,"scrollToField")," \u5931\u6548\uff1f"),n.a.createElement("p",null,"\u7c7b\u4f3c\u95ee\u9898\uff1a",n.a.createElement(r["Link"],{to:"https://github.com/ant-design/ant-design/issues/28370"},"#28370")," ",n.a.createElement(r["Link"],{to:"https://github.com/ant-design/ant-design/issues/27994"},"#27994")),n.a.createElement("p",null,"\u6eda\u52a8\u4f9d\u8d56\u4e8e\u8868\u5355\u63a7\u4ef6\u5143\u7d20\u4e0a\u7ed1\u5b9a\u7684 ",n.a.createElement("code",null,"id")," \u5b57\u6bb5\uff0c\u5982\u679c\u81ea\u5b9a\u4e49\u63a7\u4ef6\u6ca1\u6709\u5c06 ",n.a.createElement("code",null,"id")," \u8d4b\u5230\u6b63\u786e\u7684\u5143\u7d20\u4e0a\uff0c\u8fd9\u4e2a\u529f\u80fd\u5c06\u5931\u6548\u3002\u4f60\u53ef\u4ee5\u53c2\u8003\u8fd9\u4e2a ",n.a.createElement(r["Link"],{to:"https://codesandbox.io/s/antd-reproduction-template-forked-25nul?file=/index.js"},"codesandbox"),"\u3002"),n.a.createElement("h3",{id:"setfieldsvalue-\u4e0d\u4f1a\u89e6\u53d1-onfieldschange-\u548c-onvalueschange"},n.a.createElement(r["AnchorLink"],{to:"#setfieldsvalue-\u4e0d\u4f1a\u89e6\u53d1-onfieldschange-\u548c-onvalueschange","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),n.a.createElement("code",null,"setFieldsValue")," \u4e0d\u4f1a\u89e6\u53d1 ",n.a.createElement("code",null,"onFieldsChange")," \u548c ",n.a.createElement("code",null,"onValuesChange"),"\uff1f"),n.a.createElement("p",null,"\u662f\u7684\uff0cchange \u4e8b\u4ef6\u4ec5\u5f53\u7528\u6237\u4ea4\u4e92\u624d\u4f1a\u89e6\u53d1\u3002\u8be5\u8bbe\u8ba1\u662f\u4e3a\u4e86\u9632\u6b62\u5728 change \u4e8b\u4ef6\u4e2d\u8c03\u7528 ",n.a.createElement("code",null,"setFieldsValue")," \u5bfc\u81f4\u7684\u5faa\u73af\u95ee\u9898\u3002"),n.a.createElement("h3",{id:"\u6709\u66f4\u591a\u53c2\u8003\u6587\u6863\u5417"},n.a.createElement(r["AnchorLink"],{to:"#\u6709\u66f4\u591a\u53c2\u8003\u6587\u6863\u5417","aria-hidden":"true",tabIndex:-1},n.a.createElement("span",{className:"icon icon-link"})),"\u6709\u66f4\u591a\u53c2\u8003\u6587\u6863\u5417\uff1f"),n.a.createElement("ul",null,n.a.createElement("li",null,"\u4f60\u53ef\u4ee5\u9605\u8bfb",n.a.createElement(r["Link"],{to:"https://zhuanlan.zhihu.com/p/375753910"},"\u300aantd v4 Form \u4f7f\u7528\u5fc3\u5f97\u300b"),"\u83b7\u5f97\u4e00\u4e9b\u4f7f\u7528\u5e2e\u52a9\u4ee5\u53ca\u5efa\u8bae\u3002"))))))}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [31],
+  {
+    MZF8: function (e, t, l) {
+      'use strict';
+      var a = l('ogwx');
+      l.d(t, 'a', function () {
+        return a['b'];
+      });
+      l('VCU9');
+    },
+    RZMt: function (e, t, l) {},
+    Zxc8: function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var a = l('q1tI'),
+        n = l.n(a),
+        r = l('k3GJ'),
+        c = l('MZF8'),
+        m = l('dEAq'),
+        o = l('H1Ra');
+      l('RZMt');
+      function d(e, t) {
+        return h(e) || s(e, t) || i(e, t) || u();
+      }
+      function u() {
+        throw new TypeError(
+          'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
+        );
+      }
+      function i(e, t) {
+        if (e) {
+          if ('string' === typeof e) return E(e, t);
+          var l = Object.prototype.toString.call(e).slice(8, -1);
+          return (
+            'Object' === l && e.constructor && (l = e.constructor.name),
+            'Map' === l || 'Set' === l
+              ? Array.from(e)
+              : 'Arguments' === l ||
+                /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)
+              ? E(e, t)
+              : void 0
+          );
+        }
+      }
+      function E(e, t) {
+        (null == t || t > e.length) && (t = e.length);
+        for (var l = 0, a = new Array(t); l < t; l++) a[l] = e[l];
+        return a;
+      }
+      function s(e, t) {
+        var l =
+          null == e
+            ? null
+            : ('undefined' !== typeof Symbol && e[Symbol.iterator]) ||
+              e['@@iterator'];
+        if (null != l) {
+          var a,
+            n,
+            r = [],
+            c = !0,
+            m = !1;
+          try {
+            for (l = l.call(e); !(c = (a = l.next()).done); c = !0)
+              if ((r.push(a.value), t && r.length === t)) break;
+          } catch (o) {
+            (m = !0), (n = o);
+          } finally {
+            try {
+              c || null == l['return'] || l['return']();
+            } finally {
+              if (m) throw n;
+            }
+          }
+          return r;
+        }
+      }
+      function h(e) {
+        if (Array.isArray(e)) return e;
+      }
+      function p(e, t) {
+        var l,
+          a =
+            null === (l = e.match(/\.(\w+)$/)) || void 0 === l ? void 0 : l[1];
+        return a || (a = t.tsx ? 'tsx' : 'jsx'), a;
+      }
+      var f = function (e) {
+        var t,
+          l,
+          u,
+          i = Object(a['useRef'])(),
+          E = Object(a['useContext'])(m['context']),
+          s = E.locale,
+          h = Object(m['useLocaleProps'])(s, e),
+          f = Object(m['useDemoUrl'])(h.identifier),
+          b = h.demoUrl || f,
+          g =
+            (null === c['a'] || void 0 === c['a']
+              ? void 0
+              : c['a'].location.hash) === '#'.concat(h.identifier),
+          k = 1 === Object.keys(h.sources).length,
+          v = Object(m['useCodeSandbox'])(
+            (
+              null === (t = h.hideActions) || void 0 === t
+                ? void 0
+                : t.includes('CSB')
+            )
+              ? null
+              : h,
+          ),
+          F = Object(m['useRiddle'])(
+            (
+              null === (l = h.hideActions) || void 0 === l
+                ? void 0
+                : l.includes('RIDDLE')
+            )
+              ? null
+              : h,
+          ),
+          L = Object(m['useMotions'])(h.motions || [], i.current),
+          I = d(L, 2),
+          N = I[0],
+          A = I[1],
+          y = Object(m['useCopy'])(),
+          x = d(y, 2),
+          w = x[0],
+          P = x[1],
+          V = Object(a['useState'])('_'),
+          C = d(V, 2),
+          _ = C[0],
+          R = C[1],
+          S = Object(a['useState'])(p(_, h.sources[_])),
+          j = d(S, 2),
+          O = j[0],
+          M = j[1],
+          T = Object(a['useState'])(Boolean(h.defaultShowCode)),
+          z = d(T, 2),
+          q = z[0],
+          D = z[1],
+          U = Object(a['useState'])(Math.random()),
+          J = d(U, 2),
+          Z = J[0],
+          $ = J[1],
+          H = h.sources[_][O] || h.sources[_].content,
+          B = Object(m['useTSPlaygroundUrl'])(s, H),
+          G = Object(a['useRef'])(),
+          K = Object(m['usePrefersColor'])(),
+          X = d(K, 1),
+          Q = X[0];
+        function W(e) {
+          R(e), M(p(e, h.sources[e]));
+        }
+        return (
+          Object(a['useEffect'])(
+            function () {
+              $(Math.random());
+            },
+            [Q],
+          ),
+          n.a.createElement(
+            'div',
+            {
+              style: h.style,
+              className: [
+                h.className,
+                '__dumi-default-previewer',
+                g ? '__dumi-default-previewer-target' : '',
+              ]
+                .filter(Boolean)
+                .join(' '),
+              id: h.identifier,
+              'data-debug': h.debug || void 0,
+              'data-iframe': h.iframe || void 0,
+            },
+            h.iframe &&
+              n.a.createElement('div', {
+                className: '__dumi-default-previewer-browser-nav',
+              }),
+            n.a.createElement(
+              'div',
+              {
+                ref: i,
+                className: '__dumi-default-previewer-demo',
+                style: {
+                  transform: h.transform ? 'translate(0, 0)' : void 0,
+                  padding:
+                    h.compact || (h.iframe && !1 !== h.compact) ? '0' : void 0,
+                  background: h.background,
+                },
+              },
+              h.iframe
+                ? n.a.createElement('iframe', {
+                    title: 'dumi-previewer',
+                    style: {
+                      height: String(h.iframe).replace(/(\d)$/, '$1px'),
+                    },
+                    key: Z,
+                    src: b,
+                    ref: G,
+                  })
+                : h.children,
+            ),
+            n.a.createElement(
+              'div',
+              {
+                className: '__dumi-default-previewer-desc',
+                'data-title': h.title,
+              },
+              h.title &&
+                n.a.createElement(
+                  m['AnchorLink'],
+                  { to: '#'.concat(h.identifier) },
+                  h.title,
+                ),
+              h.description &&
+                n.a.createElement('div', {
+                  dangerouslySetInnerHTML: { __html: h.description },
+                }),
+            ),
+            n.a.createElement(
+              'div',
+              { className: '__dumi-default-previewer-actions' },
+              v &&
+                n.a.createElement('button', {
+                  title: 'Open demo on CodeSandbox.io',
+                  className: '__dumi-default-icon',
+                  role: 'codesandbox',
+                  onClick: v,
+                }),
+              F &&
+                n.a.createElement('button', {
+                  title: 'Open demo on Riddle',
+                  className: '__dumi-default-icon',
+                  role: 'riddle',
+                  onClick: F,
+                }),
+              h.motions &&
+                n.a.createElement('button', {
+                  title: 'Execute motions',
+                  className: '__dumi-default-icon',
+                  role: 'motions',
+                  disabled: A,
+                  onClick: function () {
+                    return N();
+                  },
+                }),
+              h.iframe &&
+                n.a.createElement('button', {
+                  title: 'Reload demo iframe page',
+                  className: '__dumi-default-icon',
+                  role: 'refresh',
+                  onClick: function () {
+                    return $(Math.random());
+                  },
+                }),
+              !(null === (u = h.hideActions) || void 0 === u
+                ? void 0
+                : u.includes('EXTERNAL')) &&
+                n.a.createElement(
+                  m['Link'],
+                  { target: '_blank', to: b },
+                  n.a.createElement('button', {
+                    title: 'Open demo in new tab',
+                    className: '__dumi-default-icon',
+                    role: 'open-demo',
+                    type: 'button',
+                  }),
+                ),
+              n.a.createElement('span', null),
+              n.a.createElement('button', {
+                title: 'Copy source code',
+                className: '__dumi-default-icon',
+                role: 'copy',
+                'data-status': P,
+                onClick: function () {
+                  return w(H);
+                },
+              }),
+              'tsx' === O &&
+                q &&
+                n.a.createElement(
+                  m['Link'],
+                  { target: '_blank', to: B },
+                  n.a.createElement('button', {
+                    title: 'Get JSX via TypeScript Playground',
+                    className: '__dumi-default-icon',
+                    role: 'change-tsx',
+                    type: 'button',
+                  }),
+                ),
+              n.a.createElement('button', {
+                title: 'Toggle source code panel',
+                className: '__dumi-default-icon'.concat(
+                  q ? ' __dumi-default-btn-expand' : '',
+                ),
+                role: 'source',
+                type: 'button',
+                onClick: function () {
+                  return D(!q);
+                },
+              }),
+            ),
+            q &&
+              n.a.createElement(
+                'div',
+                { className: '__dumi-default-previewer-source-wrapper' },
+                !k &&
+                  n.a.createElement(
+                    r['b'],
+                    {
+                      className: '__dumi-default-previewer-source-tab',
+                      prefixCls: '__dumi-default-tabs',
+                      moreIcon: '\xb7\xb7\xb7',
+                      defaultActiveKey: _,
+                      onChange: W,
+                    },
+                    Object.keys(h.sources).map(function (e) {
+                      return n.a.createElement(r['a'], {
+                        tab:
+                          '_' === e ? 'index.'.concat(p(e, h.sources[e])) : e,
+                        key: e,
+                      });
+                    }),
+                  ),
+                n.a.createElement(
+                  'div',
+                  { className: '__dumi-default-previewer-source' },
+                  n.a.createElement(o['a'], { code: H, lang: O, showCopy: !1 }),
+                ),
+              ),
+          )
+        );
+      };
+      t['default'] = f;
+    },
+    gpcG: function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var a = l('q1tI'),
+        n = l.n(a),
+        r = l('dEAq'),
+        c = l('Zxc8'),
+        m = l('H1Ra'),
+        o = l('JjdP'),
+        d = n.a.memo(o['default']['form-basic'].component),
+        u = n.a.memo(o['default']['form-control-hooks'].component),
+        i = n.a.memo(o['default']['form-control-ref'].component),
+        E = n.a.memo(o['default']['form-layout'].component),
+        s = n.a.memo(o['default']['form-required-mark'].component),
+        h = n.a.memo(o['default']['form-size'].component),
+        p = n.a.memo(o['default']['form-dynamic-form-item'].component),
+        f = n.a.memo(o['default']['form-dynamic-form-items'].component),
+        b = n.a.memo(o['default']['form-dynamic-form-items-complex'].component),
+        g = n.a.memo(o['default']['form-nest-messages'].component),
+        k = n.a.memo(o['default']['form-complex-form-control'].component),
+        v = n.a.memo(o['default']['form-customized-form-controls'].component),
+        F = n.a.memo(o['default']['form-global-state'].component),
+        L = n.a.memo(o['default']['form-form-context'].component),
+        I = n.a.memo(o['default']['form-inline-login'].component),
+        N = n.a.memo(o['default']['form-normal-login'].component),
+        A = n.a.memo(o['default']['form-register'].component),
+        y = n.a.memo(o['default']['form-advanced-search'].component),
+        x = n.a.memo(o['default']['form-form-in-modal'].component),
+        w = n.a.memo(o['default']['form-time-related-controls'].component),
+        P = n.a.memo(o['default']['form-without-form-create'].component),
+        V = n.a.memo(o['default']['form-validate-static'].component),
+        C = n.a.memo(o['default']['form-dynamic-rule'].component);
+      t['default'] = (e) => (
+        n.a.useEffect(() => {
+          var t;
+          null !== e &&
+            void 0 !== e &&
+            null !== (t = e.location) &&
+            void 0 !== t &&
+            t.hash &&
+            r['AnchorLink'].scrollToAnchor(
+              decodeURIComponent(e.location.hash.slice(1)),
+            );
+        }, []),
+        n.a.createElement(
+          n.a.Fragment,
+          null,
+          n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h1',
+                { id: 'form-\u8868\u5355' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#form-\u8868\u5355',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Form \u8868\u5355',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u9ad8\u6027\u80fd\u8868\u5355\u63a7\u4ef6\uff0c\u81ea\u5e26\u6570\u636e\u57df\u7ba1\u7406\u3002\u5305\u542b\u6570\u636e\u5f55\u5165\u3001\u6821\u9a8c\u4ee5\u53ca\u5bf9\u5e94\u6837\u5f0f\u3002',
+              ),
+              n.a.createElement(
+                'h2',
+                { id: '\u4f55\u65f6\u4f7f\u7528' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4f55\u65f6\u4f7f\u7528',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4f55\u65f6\u4f7f\u7528',
+              ),
+              n.a.createElement(
+                'ul',
+                null,
+                n.a.createElement(
+                  'li',
+                  null,
+                  '\u7528\u4e8e\u521b\u5efa\u4e00\u4e2a\u5b9e\u4f53\u6216\u6536\u96c6\u4fe1\u606f\u3002',
+                ),
+                n.a.createElement(
+                  'li',
+                  null,
+                  '\u9700\u8981\u5bf9\u8f93\u5165\u7684\u6570\u636e\u7c7b\u578b\u8fdb\u884c\u6821\u9a8c\u65f6\u3002',
+                ),
+              ),
+              n.a.createElement(
+                'h2',
+                { id: '\u4ee3\u7801\u6f14\u793a' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4ee3\u7801\u6f14\u793a',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4ee3\u7801\u6f14\u793a',
+              ),
+              n.a.createElement(
+                'h3',
+                { id: '\u57fa\u672c\u4f7f\u7528' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u57fa\u672c\u4f7f\u7528',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u57fa\u672c\u4f7f\u7528',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-basic'].previewerProps,
+              n.a.createElement(d, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u8868\u5355\u65b9\u6cd5\u8c03\u7528' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u8868\u5355\u65b9\u6cd5\u8c03\u7528',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u8868\u5355\u65b9\u6cd5\u8c03\u7528',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-control-hooks'].previewerProps,
+              n.a.createElement(u, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u8868\u5355\u65b9\u6cd5\u8c03\u7528class-component' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u8868\u5355\u65b9\u6cd5\u8c03\u7528class-component',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u8868\u5355\u65b9\u6cd5\u8c03\u7528\uff08Class component\uff09',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-control-ref'].previewerProps,
+              n.a.createElement(i, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u8868\u5355\u5e03\u5c40' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u8868\u5355\u5e03\u5c40',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u8868\u5355\u5e03\u5c40',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-layout'].previewerProps,
+              n.a.createElement(E, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u5fc5\u9009\u6837\u5f0f' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u5fc5\u9009\u6837\u5f0f',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u5fc5\u9009\u6837\u5f0f',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-required-mark'].previewerProps,
+              n.a.createElement(s, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u8868\u5355\u5c3a\u5bf8' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u8868\u5355\u5c3a\u5bf8',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u8868\u5355\u5c3a\u5bf8',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-size'].previewerProps,
+              n.a.createElement(h, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-dynamic-form-item'].previewerProps,
+              n.a.createElement(p, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u52a8\u6001\u589e\u51cf\u5d4c\u5957\u5b57\u6bb5' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u52a8\u6001\u589e\u51cf\u5d4c\u5957\u5b57\u6bb5',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u52a8\u6001\u589e\u51cf\u5d4c\u5957\u5b57\u6bb5',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-dynamic-form-items'].previewerProps,
+              n.a.createElement(f, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u590d\u6742\u7684\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u590d\u6742\u7684\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u590d\u6742\u7684\u52a8\u6001\u589e\u51cf\u8868\u5355\u9879',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-dynamic-form-items-complex'].previewerProps,
+              n.a.createElement(b, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u5d4c\u5957\u7ed3\u6784\u4e0e\u6821\u9a8c\u4fe1\u606f',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u5d4c\u5957\u7ed3\u6784\u4e0e\u6821\u9a8c\u4fe1\u606f',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u5d4c\u5957\u7ed3\u6784\u4e0e\u6821\u9a8c\u4fe1\u606f',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-nest-messages'].previewerProps,
+              n.a.createElement(g, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u590d\u6742\u4e00\u70b9\u7684\u63a7\u4ef6' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u590d\u6742\u4e00\u70b9\u7684\u63a7\u4ef6',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u590d\u6742\u4e00\u70b9\u7684\u63a7\u4ef6',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-complex-form-control'].previewerProps,
+              n.a.createElement(k, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'p',
+                null,
+                '\u8fd9\u91cc\u6f14\u793a ',
+                n.a.createElement('code', null, 'Form.Item'),
+                ' \u5185\u6709\u591a\u4e2a\u5143\u7d20\u7684\u4f7f\u7528\u65b9\u5f0f\u3002',
+                n.a.createElement('code', null, '<Form.Item name="field" />'),
+                ' \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 ',
+                n.a.createElement('code', null, 'Form.Item'),
+                ' \u5b8c\u6210\u3002\u4f60\u53ef\u4ee5\u7ed9 ',
+                n.a.createElement('code', null, 'Form.Item'),
+                ' \u81ea\u5b9a\u4e49 ',
+                n.a.createElement('code', null, 'style'),
+                ' \u8fdb\u884c\u5185\u8054\u5e03\u5c40\uff0c\u6216\u8005\u6dfb\u52a0 ',
+                n.a.createElement('code', null, 'noStyle'),
+                ' \u4f5c\u4e3a\u7eaf\u7cb9\u7684\u65e0\u6837\u5f0f\u7ed1\u5b9a\u7ec4\u4ef6\uff08\u7c7b\u4f3c 3.x \u4e2d\u7684 ',
+                n.a.createElement('code', null, 'getFieldDecorator'),
+                '\uff09\u3002',
+              ),
+              n.a.createElement(m['a'], {
+                code: '- <Form.Item label="Field" name="field">\n-   <Input />\n- </Form.Item>\n+ <Form.Item label="Field">\n+   <Form.Item name="field" noStyle><Input /></Form.Item> // \u76f4\u63a5\u5305\u88f9\u624d\u4f1a\u7ed1\u5b9a\u8868\u5355\n+   <span>description</span>\n+ </Form.Item>',
+                lang: 'diff',
+              }),
+              n.a.createElement(
+                'p',
+                null,
+                '\u8fd9\u91cc\u5c55\u793a\u4e86\u4e09\u79cd\u5178\u578b\u573a\u666f\uff1a',
+              ),
+              n.a.createElement(
+                'ul',
+                null,
+                n.a.createElement(
+                  'li',
+                  null,
+                  n.a.createElement('code', null, 'Username'),
+                  '\uff1a\u8f93\u5165\u6846\u540e\u9762\u6709\u63cf\u8ff0\u6587\u6848\u6216\u5176\u4ed6\u7ec4\u4ef6\uff0c\u5728 ',
+                  n.a.createElement('code', null, 'Form.Item'),
+                  ' \u5185\u4f7f\u7528 ',
+                  n.a.createElement(
+                    'code',
+                    null,
+                    '<Form.Item name="field" noStyle />',
+                  ),
+                  ' \u53bb\u7ed1\u5b9a\u5bf9\u5e94\u5b50\u63a7\u4ef6\u3002',
+                ),
+                n.a.createElement(
+                  'li',
+                  null,
+                  n.a.createElement('code', null, 'Address'),
+                  '\uff1a\u6709\u4e24\u4e2a\u63a7\u4ef6\uff0c\u5728 ',
+                  n.a.createElement('code', null, 'Form.Item'),
+                  ' \u5185\u4f7f\u7528\u4e24\u4e2a ',
+                  n.a.createElement(
+                    'code',
+                    null,
+                    '<Form.Item name="field" noStyle />',
+                  ),
+                  ' \u5206\u522b\u7ed1\u5b9a\u5bf9\u5e94\u63a7\u4ef6\u3002',
+                ),
+                n.a.createElement(
+                  'li',
+                  null,
+                  n.a.createElement('code', null, 'BirthDate'),
+                  '\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 ',
+                  n.a.createElement('code', null, '<Form.Item name="field" />'),
+                  ' \u5206\u522b\u7ed1\u5b9a\u5bf9\u5e94\u63a7\u4ef6\uff0c\u5e76\u4fee\u6539 ',
+                  n.a.createElement('code', null, 'style'),
+                  ' \u4f7f\u5176\u5185\u8054\u5e03\u5c40\u3002',
+                ),
+              ),
+              n.a.createElement(
+                'blockquote',
+                null,
+                n.a.createElement(
+                  'p',
+                  null,
+                  '\u6ce8\u610f\uff0c\u5728 label \u5bf9\u5e94\u7684 Form.Item \u4e0a\u4e0d\u8981\u5728\u6307\u5b9a ',
+                  n.a.createElement('code', null, 'name'),
+                  ' \u5c5e\u6027\uff0c\u8fd9\u4e2a Item \u53ea\u4f5c\u4e3a\u5e03\u5c40\u4f5c\u7528\u3002',
+                ),
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u66f4\u590d\u6742\u7684\u5c01\u88c5\u590d\u7528\u65b9\u5f0f\u53ef\u4ee5\u53c2\u8003\u4e0b\u9762\u7684 ',
+                n.a.createElement(
+                  'code',
+                  null,
+                  '\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6',
+                ),
+                ' \u6f14\u793a\u3002',
+              ),
+              n.a.createElement('hr', null),
+              n.a.createElement(
+                'h3',
+                { id: '\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\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',
+              ),
+              n.a.createElement(
+                'blockquote',
+                null,
+                n.a.createElement(
+                  'ul',
+                  null,
+                  n.a.createElement(
+                    'li',
+                    null,
+                    '\u63d0\u4f9b\u53d7\u63a7\u5c5e\u6027 ',
+                    n.a.createElement('code', null, 'value'),
+                    ' \u6216\u5176\u5b83\u4e0e ',
+                    n.a.createElement(
+                      r['Link'],
+                      {
+                        to: 'https://ant.design/components/form-cn/#Form.Item',
+                      },
+                      n.a.createElement('code', null, 'valuePropName'),
+                    ),
+                    ' \u7684\u503c\u540c\u540d\u7684\u5c5e\u6027\u3002',
+                  ),
+                  n.a.createElement(
+                    'li',
+                    null,
+                    '\u63d0\u4f9b ',
+                    n.a.createElement('code', null, 'onChange'),
+                    ' \u4e8b\u4ef6\u6216 ',
+                    n.a.createElement(
+                      r['Link'],
+                      {
+                        to: 'https://ant.design/components/form-cn/#Form.Item',
+                      },
+                      n.a.createElement('code', null, 'trigger'),
+                    ),
+                    ' \u7684\u503c\u540c\u540d\u7684\u4e8b\u4ef6\u3002',
+                  ),
+                ),
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-customized-form-controls'].previewerProps,
+              n.a.createElement(v, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u8868\u5355\u6570\u636e\u5b58\u50a8\u4e8e\u4e0a\u5c42\u7ec4\u4ef6',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u8868\u5355\u6570\u636e\u5b58\u50a8\u4e8e\u4e0a\u5c42\u7ec4\u4ef6',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u8868\u5355\u6570\u636e\u5b58\u50a8\u4e8e\u4e0a\u5c42\u7ec4\u4ef6',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u901a\u8fc7 ',
+                n.a.createElement('code', null, 'onFieldsChange'),
+                ' \u548c ',
+                n.a.createElement('code', null, 'fields'),
+                '\uff0c\u53ef\u4ee5\u628a\u8868\u5355\u7684\u6570\u636e\u5b58\u50a8\u5230\u4e0a\u5c42\u7ec4\u4ef6\u6216\u8005 ',
+                n.a.createElement(
+                  r['Link'],
+                  { to: 'https://github.com/reactjs/redux' },
+                  'Redux',
+                ),
+                '\u3001',
+                n.a.createElement(
+                  r['Link'],
+                  { to: 'https://github.com/dvajs/dva' },
+                  'dva',
+                ),
+                ' \u4e2d\uff0c\u66f4\u591a\u53ef\u53c2\u8003 ',
+                n.a.createElement(
+                  r['Link'],
+                  {
+                    to: 'https://rc-field-form.react-component.now.sh/?selectedKind=rc-field-form&selectedStory=StateForm-redux&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel',
+                  },
+                  'rc-field-form \u793a\u4f8b',
+                ),
+                '\u3002',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                n.a.createElement('strong', null, '\u6ce8\u610f\uff1a'),
+                ' \u5c06\u8868\u5355\u6570\u636e\u5b58\u50a8\u4e8e\u5916\u90e8\u5bb9\u5668',
+                n.a.createElement(
+                  r['Link'],
+                  {
+                    to: 'https://github.com/reduxjs/redux/issues/1287#issuecomment-175351978',
+                  },
+                  '\u5e76\u975e\u597d\u7684\u5b9e\u8df5',
+                ),
+                '\uff0c\u5982\u65e0\u5fc5\u8981\u8bf7\u907f\u514d\u4f7f\u7528\u3002',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-global-state'].previewerProps,
+              n.a.createElement(F, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u591a\u8868\u5355\u8054\u52a8' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u591a\u8868\u5355\u8054\u52a8',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u591a\u8868\u5355\u8054\u52a8',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-form-context'].previewerProps,
+              n.a.createElement(L, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u5185\u8054\u767b\u5f55\u680f' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u5185\u8054\u767b\u5f55\u680f',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u5185\u8054\u767b\u5f55\u680f',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-inline-login'].previewerProps,
+              n.a.createElement(I, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u767b\u5f55\u6846' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u767b\u5f55\u6846',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u767b\u5f55\u6846',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-normal-login'].previewerProps,
+              n.a.createElement(N, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u6ce8\u518c\u65b0\u7528\u6237' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u6ce8\u518c\u65b0\u7528\u6237',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u6ce8\u518c\u65b0\u7528\u6237',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-register'].previewerProps,
+              n.a.createElement(A, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u9ad8\u7ea7\u641c\u7d22' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u9ad8\u7ea7\u641c\u7d22',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u9ad8\u7ea7\u641c\u7d22',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-advanced-search'].previewerProps,
+              n.a.createElement(y, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u5f39\u51fa\u5c42\u4e2d\u7684\u65b0\u5efa\u8868\u5355',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u5f39\u51fa\u5c42\u4e2d\u7684\u65b0\u5efa\u8868\u5355',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u5f39\u51fa\u5c42\u4e2d\u7684\u65b0\u5efa\u8868\u5355',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-form-in-modal'].previewerProps,
+              n.a.createElement(x, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u65f6\u95f4\u7c7b\u63a7\u4ef6' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u65f6\u95f4\u7c7b\u63a7\u4ef6',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u65f6\u95f4\u7c7b\u63a7\u4ef6',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-time-related-controls'].previewerProps,
+              n.a.createElement(w, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u81ea\u884c\u5904\u7406\u8868\u5355\u6570\u636e' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u81ea\u884c\u5904\u7406\u8868\u5355\u6570\u636e',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u81ea\u884c\u5904\u7406\u8868\u5355\u6570\u636e',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-without-form-create'].previewerProps,
+              n.a.createElement(P, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u81ea\u5b9a\u4e49\u6821\u9a8c' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u81ea\u5b9a\u4e49\u6821\u9a8c',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u81ea\u5b9a\u4e49\u6821\u9a8c',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u6211\u4eec\u63d0\u4f9b\u4e86 ',
+                n.a.createElement('code', null, 'validateStatus'),
+                ' ',
+                n.a.createElement('code', null, 'help'),
+                ' ',
+                n.a.createElement('code', null, 'hasFeedback'),
+                ' \u7b49\u5c5e\u6027\uff0c\u4f60\u53ef\u4ee5\u4e0d\u901a\u8fc7 Form \u81ea\u5df1\u5b9a\u4e49\u6821\u9a8c\u7684\u65f6\u673a\u548c\u5185\u5bb9\u3002',
+              ),
+              n.a.createElement(
+                'ol',
+                null,
+                n.a.createElement(
+                  'li',
+                  null,
+                  n.a.createElement('code', null, 'validateStatus'),
+                  ": \u6821\u9a8c\u72b6\u6001\uff0c\u53ef\u9009 'success', 'warning', 'error', 'validating'\u3002",
+                ),
+                n.a.createElement(
+                  'li',
+                  null,
+                  n.a.createElement('code', null, 'hasFeedback'),
+                  '\uff1a\u7528\u4e8e\u7ed9\u8f93\u5165\u6846\u6dfb\u52a0\u53cd\u9988\u56fe\u6807\u3002',
+                ),
+                n.a.createElement(
+                  'li',
+                  null,
+                  n.a.createElement('code', null, 'help'),
+                  '\uff1a\u8bbe\u7f6e\u6821\u9a8c\u6587\u6848\u3002',
+                ),
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-validate-static'].previewerProps,
+              n.a.createElement(V, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u52a8\u6001\u6821\u9a8c\u89c4\u5219' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u52a8\u6001\u6821\u9a8c\u89c4\u5219',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u52a8\u6001\u6821\u9a8c\u89c4\u5219',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              o['default']['form-dynamic-rule'].previewerProps,
+              n.a.createElement(C, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h2',
+                { id: 'api' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#api', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'API',
+              ),
+              n.a.createElement(
+                'h3',
+                { id: 'form' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#form', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Form',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u53c2\u6570'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                    n.a.createElement('th', null, '\u7248\u672c'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'colon'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u914d\u7f6e Form.Item \u7684 ',
+                      n.a.createElement('code', null, 'colon'),
+                      ' \u7684\u9ed8\u8ba4\u503c\u3002\u8868\u793a\u662f\u5426\u663e\u793a label \u540e\u9762\u7684\u5192\u53f7 (\u53ea\u6709\u5728\u5c5e\u6027 layout \u4e3a horizontal \u65f6\u6709\u6548)',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'true'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'component'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e Form \u6e32\u67d3\u5143\u7d20\uff0c\u4e3a ',
+                      n.a.createElement('code', null, 'false'),
+                      ' \u5219\u4e0d\u521b\u5efa DOM \u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'ComponentType | false'),
+                    n.a.createElement('td', null, 'form'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'fields'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u901a\u8fc7\u72b6\u6001\u7ba1\u7406\uff08\u5982 redux\uff09\u63a7\u5236\u8868\u5355\u5b57\u6bb5\uff0c\u5982\u975e\u5f3a\u9700\u6c42\u4e0d\u63a8\u8350\u4f7f\u7528\u3002\u67e5\u770b',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#components-form-demo-global-state' },
+                        '\u793a\u4f8b',
+                      ),
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#FieldData' },
+                        'FieldData',
+                      ),
+                      '[]',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'form'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u7ecf ',
+                      n.a.createElement('code', null, 'Form.useForm()'),
+                      ' \u521b\u5efa\u7684 form \u63a7\u5236\u5b9e\u4f8b\uff0c\u4e0d\u63d0\u4f9b\u65f6\u4f1a\u81ea\u52a8\u521b\u5efa',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#FormInstance' },
+                        'FormInstance',
+                      ),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'initialValues'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8868\u5355\u9ed8\u8ba4\u503c\uff0c\u53ea\u6709\u521d\u59cb\u5316\u4ee5\u53ca\u91cd\u7f6e\u65f6\u751f\u6548',
+                    ),
+                    n.a.createElement('td', null, 'object'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'labelAlign'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'label \u6807\u7b7e\u7684\u6587\u672c\u5bf9\u9f50\u65b9\u5f0f',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'left'),
+                      ' | ',
+                      n.a.createElement('code', null, 'right'),
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'right'),
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'labelCol'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'label \u6807\u7b7e\u5e03\u5c40\uff0c\u540c ',
+                      n.a.createElement('code', null, '<Col>'),
+                      ' \u7ec4\u4ef6\uff0c\u8bbe\u7f6e ',
+                      n.a.createElement('code', null, 'span'),
+                      ' ',
+                      n.a.createElement('code', null, 'offset'),
+                      ' \u503c\uff0c\u5982 ',
+                      n.a.createElement(
+                        'code',
+                        null,
+                        '{',
+                        'span: 3, offset: 12',
+                        '}',
+                      ),
+                      ' \u6216 ',
+                      n.a.createElement(
+                        'code',
+                        null,
+                        'sm: ',
+                        '{',
+                        'span: 3, offset: 12',
+                        '}',
+                      ),
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '/components/grid/#Col' },
+                        'object',
+                      ),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'layout'),
+                    n.a.createElement('td', null, '\u8868\u5355\u5e03\u5c40'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'horizontal'),
+                      ' | ',
+                      n.a.createElement('code', null, 'vertical'),
+                      ' | ',
+                      n.a.createElement('code', null, 'inline'),
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'horizontal'),
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'name'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8868\u5355\u540d\u79f0\uff0c\u4f1a\u4f5c\u4e3a\u8868\u5355\u5b57\u6bb5 ',
+                      n.a.createElement('code', null, 'id'),
+                      ' \u524d\u7f00\u4f7f\u7528',
+                    ),
+                    n.a.createElement('td', null, 'string'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'preserve'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5f53\u5b57\u6bb5\u88ab\u5220\u9664\u65f6\u4fdd\u7559\u5b57\u6bb5\u503c',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'true'),
+                    n.a.createElement('td', null, '4.4.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'requiredMark'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5fc5\u9009\u6837\u5f0f\uff0c\u53ef\u4ee5\u5207\u6362\u4e3a\u5fc5\u9009\u6216\u8005\u53ef\u9009\u5c55\u793a\u6837\u5f0f\u3002\u6b64\u4e3a Form \u914d\u7f6e\uff0cForm.Item \u65e0\u6cd5\u5355\u72ec\u914d\u7f6e',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'boolean | ',
+                      n.a.createElement('code', null, 'optional'),
+                    ),
+                    n.a.createElement('td', null, 'true'),
+                    n.a.createElement('td', null, '4.6.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'scrollToFirstError'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u63d0\u4ea4\u5931\u8d25\u81ea\u52a8\u6eda\u52a8\u5230\u7b2c\u4e00\u4e2a\u9519\u8bef\u5b57\u6bb5',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'boolean | ',
+                      n.a.createElement(
+                        r['Link'],
+                        {
+                          to: 'https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options',
+                        },
+                        'Options',
+                      ),
+                    ),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'size'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u5b57\u6bb5\u7ec4\u4ef6\u7684\u5c3a\u5bf8\uff08\u4ec5\u9650 antd \u7ec4\u4ef6\uff09',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'small'),
+                      ' | ',
+                      n.a.createElement('code', null, 'middle'),
+                      ' | ',
+                      n.a.createElement('code', null, 'large'),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'validateMessages'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9a8c\u8bc1\u63d0\u793a\u6a21\u677f\uff0c\u8bf4\u660e',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#validateMessages' },
+                        '\u89c1\u4e0b',
+                      ),
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['Link'],
+                        {
+                          to: 'https://github.com/react-component/field-form/blob/master/src/utils/messages.ts',
+                        },
+                        'ValidateMessages',
+                      ),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'validateTrigger'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u7edf\u4e00\u8bbe\u7f6e\u5b57\u6bb5\u89e6\u53d1\u9a8c\u8bc1\u7684\u65f6\u673a',
+                    ),
+                    n.a.createElement('td', null, 'string | string[]'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'onChange'),
+                    ),
+                    n.a.createElement('td', null, '4.3.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'wrapperCol'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9700\u8981\u4e3a\u8f93\u5165\u63a7\u4ef6\u8bbe\u7f6e\u5e03\u5c40\u6837\u5f0f\u65f6\uff0c\u4f7f\u7528\u8be5\u5c5e\u6027\uff0c\u7528\u6cd5\u540c labelCol',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '/components/grid/#Col' },
+                        'object',
+                      ),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onFieldsChange'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5b57\u6bb5\u66f4\u65b0\u65f6\u89e6\u53d1\u56de\u8c03\u4e8b\u4ef6',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(changedFields, allFields)',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onFinish'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u63d0\u4ea4\u8868\u5355\u4e14\u6570\u636e\u9a8c\u8bc1\u6210\u529f\u540e\u56de\u8c03\u4e8b\u4ef6',
+                    ),
+                    n.a.createElement('td', null, 'function(values)'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onFinishFailed'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u63d0\u4ea4\u8868\u5355\u4e14\u6570\u636e\u9a8c\u8bc1\u5931\u8d25\u540e\u56de\u8c03\u4e8b\u4ef6',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(',
+                      '{',
+                      ' values, errorFields, outOfDate ',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onValuesChange'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5b57\u6bb5\u503c\u66f4\u65b0\u65f6\u89e6\u53d1\u56de\u8c03\u4e8b\u4ef6',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(changedValues, allValues)',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h3',
+                { id: 'validatemessages' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#validatemessages',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'validateMessages',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                'Form \u4e3a\u9a8c\u8bc1\u63d0\u4f9b\u4e86',
+                n.a.createElement(
+                  r['Link'],
+                  {
+                    to: 'https://github.com/react-component/field-form/blob/master/src/utils/messages.ts',
+                  },
+                  '\u9ed8\u8ba4\u7684\u9519\u8bef\u63d0\u793a\u4fe1\u606f',
+                ),
+                '\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u914d\u7f6e ',
+                n.a.createElement('code', null, 'validateMessages'),
+                ' \u5c5e\u6027\uff0c\u4fee\u6539\u5bf9\u5e94\u7684\u63d0\u793a\u6a21\u677f\u3002\u4e00\u79cd\u5e38\u89c1\u7684\u4f7f\u7528\u65b9\u5f0f\uff0c\u662f\u914d\u7f6e\u56fd\u9645\u5316\u63d0\u793a\u4fe1\u606f\uff1a',
+              ),
+              n.a.createElement(m['a'], {
+                code: 'const validateMessages = {\n  required: "\'${name}\' \u662f\u5fc5\u9009\u5b57\u6bb5",\n  // ...\n};\n\n<Form validateMessages={validateMessages} />;',
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'p',
+                null,
+                '\u6b64\u5916\uff0c',
+                n.a.createElement(
+                  r['Link'],
+                  { to: '/components/config-provider/' },
+                  'ConfigProvider',
+                ),
+                ' \u4e5f\u63d0\u4f9b\u4e86\u5168\u5c40\u5316\u914d\u7f6e\u65b9\u6848\uff0c\u5141\u8bb8\u7edf\u4e00\u914d\u7f6e\u9519\u8bef\u63d0\u793a\u6a21\u677f\uff1a',
+              ),
+              n.a.createElement(m['a'], {
+                code: 'const validateMessages = {\n  required: "\'${name}\' \u662f\u5fc5\u9009\u5b57\u6bb5",\n  // ...\n};\n\n<ConfigProvider form={{ validateMessages }}>\n  <Form />\n</ConfigProvider>;',
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'h2',
+                { id: 'formitem' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#formitem', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Form.Item',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u8868\u5355\u5b57\u6bb5\u7ec4\u4ef6\uff0c\u7528\u4e8e\u6570\u636e\u53cc\u5411\u7ed1\u5b9a\u3001\u6821\u9a8c\u3001\u5e03\u5c40\u7b49\u3002',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u53c2\u6570'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                    n.a.createElement('th', null, '\u7248\u672c'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'colon'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u914d\u5408 ',
+                      n.a.createElement('code', null, 'label'),
+                      ' \u5c5e\u6027\u4f7f\u7528\uff0c\u8868\u793a\u662f\u5426\u663e\u793a ',
+                      n.a.createElement('code', null, 'label'),
+                      ' \u540e\u9762\u7684\u5192\u53f7',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'true'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'dependencies'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u4f9d\u8d56\u5b57\u6bb5\uff0c\u8bf4\u660e',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#dependencies' },
+                        '\u89c1\u4e0b',
+                      ),
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      '[]',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'extra'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u989d\u5916\u7684\u63d0\u793a\u4fe1\u606f\uff0c\u548c ',
+                      n.a.createElement('code', null, 'help'),
+                      ' \u7c7b\u4f3c\uff0c\u5f53\u9700\u8981\u9519\u8bef\u4fe1\u606f\u548c\u63d0\u793a\u6587\u6848\u540c\u65f6\u51fa\u73b0\u65f6\uff0c\u53ef\u4ee5\u4f7f\u7528\u8fd9\u4e2a\u3002',
+                    ),
+                    n.a.createElement('td', null, 'ReactNode'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'getValueFromEvent'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u5982\u4f55\u5c06 event \u7684\u503c\u8f6c\u6362\u6210\u5b57\u6bb5\u503c',
+                    ),
+                    n.a.createElement('td', null, '(..args: any[]) => any'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'getValueProps'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u4e3a\u5b50\u5143\u7d20\u6dfb\u52a0\u989d\u5916\u7684\u5c5e\u6027',
+                    ),
+                    n.a.createElement('td', null, '(value: any) => any'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null, '4.2.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'hasFeedback'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u914d\u5408 ',
+                      n.a.createElement('code', null, 'validateStatus'),
+                      ' \u5c5e\u6027\u4f7f\u7528\uff0c\u5c55\u793a\u6821\u9a8c\u72b6\u6001\u56fe\u6807\uff0c\u5efa\u8bae\u53ea\u914d\u5408 Input \u7ec4\u4ef6\u4f7f\u7528',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'help'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u63d0\u793a\u4fe1\u606f\uff0c\u5982\u4e0d\u8bbe\u7f6e\uff0c\u5219\u4f1a\u6839\u636e\u6821\u9a8c\u89c4\u5219\u81ea\u52a8\u751f\u6210',
+                    ),
+                    n.a.createElement('td', null, 'ReactNode'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'hidden'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u9690\u85cf\u5b57\u6bb5\uff08\u4f9d\u7136\u4f1a\u6536\u96c6\u548c\u6821\u9a8c\u5b57\u6bb5\uff09',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null, '4.4.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'htmlFor'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u5b50\u5143\u7d20 label ',
+                      n.a.createElement('code', null, 'htmlFor'),
+                      ' \u5c5e\u6027',
+                    ),
+                    n.a.createElement('td', null, 'string'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'initialValue'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u5b50\u5143\u7d20\u9ed8\u8ba4\u503c\uff0c\u5982\u679c\u4e0e Form \u7684 ',
+                      n.a.createElement('code', null, 'initialValues'),
+                      ' \u51b2\u7a81\u5219\u4ee5 Form \u4e3a\u51c6',
+                    ),
+                    n.a.createElement('td', null, 'string'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null, '4.2.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'label'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'label'),
+                      ' \u6807\u7b7e\u7684\u6587\u672c',
+                    ),
+                    n.a.createElement('td', null, 'ReactNode'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'labelAlign'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u6807\u7b7e\u6587\u672c\u5bf9\u9f50\u65b9\u5f0f',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'left'),
+                      ' | ',
+                      n.a.createElement('code', null, 'right'),
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'right'),
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'labelCol'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'label'),
+                      ' \u6807\u7b7e\u5e03\u5c40\uff0c\u540c ',
+                      n.a.createElement('code', null, '<Col>'),
+                      ' \u7ec4\u4ef6\uff0c\u8bbe\u7f6e ',
+                      n.a.createElement('code', null, 'span'),
+                      ' ',
+                      n.a.createElement('code', null, 'offset'),
+                      ' \u503c\uff0c\u5982 ',
+                      n.a.createElement(
+                        'code',
+                        null,
+                        '{',
+                        'span: 3, offset: 12',
+                        '}',
+                      ),
+                      ' \u6216 ',
+                      n.a.createElement(
+                        'code',
+                        null,
+                        'sm: ',
+                        '{',
+                        'span: 3, offset: 12',
+                        '}',
+                      ),
+                      '\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7 Form \u7684 ',
+                      n.a.createElement('code', null, 'labelCol'),
+                      ' \u8fdb\u884c\u7edf\u4e00\u8bbe\u7f6e\uff0c\uff0c\u4e0d\u4f1a\u4f5c\u7528\u4e8e\u5d4c\u5957 Item\u3002\u5f53\u548c Form \u540c\u65f6\u8bbe\u7f6e\u65f6\uff0c\u4ee5 Item \u4e3a\u51c6',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '/components/grid/#Col' },
+                        'object',
+                      ),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'messageVariables'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9ed8\u8ba4\u9a8c\u8bc1\u5b57\u6bb5\u7684\u4fe1\u606f',
+                    ),
+                    n.a.createElement('td', null, 'Record<string, string>'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null, '4.7.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'name'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5b57\u6bb5\u540d\uff0c\u652f\u6301\u6570\u7ec4',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'normalize'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u7ec4\u4ef6\u83b7\u53d6\u503c\u540e\u8fdb\u884c\u8f6c\u6362\uff0c\u518d\u653e\u5165 Form \u4e2d\u3002\u4e0d\u652f\u6301\u5f02\u6b65',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(value, prevValue, prevValues) => any',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'noStyle'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u4e3a ',
+                      n.a.createElement('code', null, 'true'),
+                      ' \u65f6\u4e0d\u5e26\u6837\u5f0f\uff0c\u4f5c\u4e3a\u7eaf\u5b57\u6bb5\u63a7\u4ef6\u4f7f\u7528',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'preserve'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5f53\u5b57\u6bb5\u88ab\u5220\u9664\u65f6\u4fdd\u7559\u5b57\u6bb5\u503c',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'true'),
+                    n.a.createElement('td', null, '4.4.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'required'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5fc5\u586b\u6837\u5f0f\u8bbe\u7f6e\u3002\u5982\u4e0d\u8bbe\u7f6e\uff0c\u5219\u4f1a\u6839\u636e\u6821\u9a8c\u89c4\u5219\u81ea\u52a8\u751f\u6210',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'rules'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u6821\u9a8c\u89c4\u5219\uff0c\u8bbe\u7f6e\u5b57\u6bb5\u7684\u6821\u9a8c\u903b\u8f91\u3002\u70b9\u51fb',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#components-form-demo-basic' },
+                        '\u6b64\u5904',
+                      ),
+                      '\u67e5\u770b\u793a\u4f8b',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#Rule' },
+                        'Rule',
+                      ),
+                      '[]',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'shouldUpdate'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u81ea\u5b9a\u4e49\u5b57\u6bb5\u66f4\u65b0\u903b\u8f91\uff0c\u8bf4\u660e',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#shouldUpdate' },
+                        '\u89c1\u4e0b',
+                      ),
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'boolean | (prevValue, curValue) => boolean',
+                    ),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'tooltip'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u914d\u7f6e\u63d0\u793a\u4fe1\u606f',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'ReactNode | ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '/components/tooltip#API' },
+                        'TooltipProps & ',
+                        '{',
+                        ' icon: ReactNode ',
+                        '}',
+                      ),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null, '4.7.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'trigger'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u6536\u96c6\u5b57\u6bb5\u503c\u53d8\u66f4\u7684\u65f6\u673a\u3002\u70b9\u51fb',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        {
+                          to: '#components-form-demo-customized-form-controls',
+                        },
+                        '\u6b64\u5904',
+                      ),
+                      '\u67e5\u770b\u793a\u4f8b',
+                    ),
+                    n.a.createElement('td', null, 'string'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'onChange'),
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'validateFirst'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5f53\u67d0\u4e00\u89c4\u5219\u6821\u9a8c\u4e0d\u901a\u8fc7\u65f6\uff0c\u662f\u5426\u505c\u6b62\u5269\u4e0b\u7684\u89c4\u5219\u7684\u6821\u9a8c\u3002\u8bbe\u7f6e ',
+                      n.a.createElement('code', null, 'parallel'),
+                      ' \u65f6\u4f1a\u5e76\u884c\u6821\u9a8c',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'boolean | ',
+                      n.a.createElement('code', null, 'parallel'),
+                    ),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'parallel'),
+                      ': 4.5.0',
+                    ),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'validateStatus'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      "\u6821\u9a8c\u72b6\u6001\uff0c\u5982\u4e0d\u8bbe\u7f6e\uff0c\u5219\u4f1a\u6839\u636e\u6821\u9a8c\u89c4\u5219\u81ea\u52a8\u751f\u6210\uff0c\u53ef\u9009\uff1a'success' 'warning' 'error' 'validating'",
+                    ),
+                    n.a.createElement('td', null, 'string'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'validateTrigger'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u5b57\u6bb5\u6821\u9a8c\u7684\u65f6\u673a',
+                    ),
+                    n.a.createElement('td', null, 'string | string[]'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'onChange'),
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'valuePropName'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      "\u5b50\u8282\u70b9\u7684\u503c\u7684\u5c5e\u6027\uff0c\u5982 Switch \u7684\u662f 'checked'\u3002\u8be5\u5c5e\u6027\u4e3a ",
+                      n.a.createElement('code', null, 'getValueProps'),
+                      ' \u7684\u5c01\u88c5\uff0c\u81ea\u5b9a\u4e49 ',
+                      n.a.createElement('code', null, 'getValueProps'),
+                      ' \u540e\u4f1a\u5931\u6548',
+                    ),
+                    n.a.createElement('td', null, 'string'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'value'),
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'wrapperCol'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9700\u8981\u4e3a\u8f93\u5165\u63a7\u4ef6\u8bbe\u7f6e\u5e03\u5c40\u6837\u5f0f\u65f6\uff0c\u4f7f\u7528\u8be5\u5c5e\u6027\uff0c\u7528\u6cd5\u540c ',
+                      n.a.createElement('code', null, 'labelCol'),
+                      '\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7 Form \u7684 ',
+                      n.a.createElement('code', null, 'wrapperCol'),
+                      ' \u8fdb\u884c\u7edf\u4e00\u8bbe\u7f6e\uff0c\u4e0d\u4f1a\u4f5c\u7528\u4e8e\u5d4c\u5957 Item\u3002\u5f53\u548c Form \u540c\u65f6\u8bbe\u7f6e\u65f6\uff0c\u4ee5 Item \u4e3a\u51c6',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '/components/grid/#Col' },
+                        'object',
+                      ),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u88ab\u8bbe\u7f6e\u4e86 ',
+                n.a.createElement('code', null, 'name'),
+                ' \u5c5e\u6027\u7684 ',
+                n.a.createElement('code', null, 'Form.Item'),
+                ' \u5305\u88c5\u7684\u63a7\u4ef6\uff0c\u8868\u5355\u63a7\u4ef6\u4f1a\u81ea\u52a8\u6dfb\u52a0 ',
+                n.a.createElement('code', null, 'value'),
+                '\uff08\u6216 ',
+                n.a.createElement('code', null, 'valuePropName'),
+                ' \u6307\u5b9a\u7684\u5176\u4ed6\u5c5e\u6027\uff09 ',
+                n.a.createElement('code', null, 'onChange'),
+                '\uff08\u6216 ',
+                n.a.createElement('code', null, 'trigger'),
+                ' \u6307\u5b9a\u7684\u5176\u4ed6\u5c5e\u6027\uff09\uff0c\u6570\u636e\u540c\u6b65\u5c06\u88ab Form \u63a5\u7ba1\uff0c\u8fd9\u4f1a\u5bfc\u81f4\u4ee5\u4e0b\u7ed3\u679c\uff1a',
+              ),
+              n.a.createElement(
+                'ol',
+                null,
+                n.a.createElement(
+                  'li',
+                  null,
+                  '\u4f60',
+                  n.a.createElement(
+                    'strong',
+                    null,
+                    '\u4e0d\u518d\u9700\u8981\u4e5f\u4e0d\u5e94\u8be5',
+                  ),
+                  '\u7528 ',
+                  n.a.createElement('code', null, 'onChange'),
+                  ' \u6765\u505a\u6570\u636e\u6536\u96c6\u540c\u6b65\uff08\u4f60\u53ef\u4ee5\u4f7f\u7528 Form \u7684 ',
+                  n.a.createElement('code', null, 'onValuesChange'),
+                  '\uff09\uff0c\u4f46\u8fd8\u662f\u53ef\u4ee5\u7ee7\u7eed\u76d1\u542c ',
+                  n.a.createElement('code', null, 'onChange'),
+                  ' \u4e8b\u4ef6\u3002',
+                ),
+                n.a.createElement(
+                  'li',
+                  null,
+                  '\u4f60\u4e0d\u80fd\u7528\u63a7\u4ef6\u7684 ',
+                  n.a.createElement('code', null, 'value'),
+                  ' \u6216 ',
+                  n.a.createElement('code', null, 'defaultValue'),
+                  ' \u7b49\u5c5e\u6027\u6765\u8bbe\u7f6e\u8868\u5355\u57df\u7684\u503c\uff0c\u9ed8\u8ba4\u503c\u53ef\u4ee5\u7528 Form \u91cc\u7684 ',
+                  n.a.createElement('code', null, 'initialValues'),
+                  ' \u6765\u8bbe\u7f6e\u3002\u6ce8\u610f ',
+                  n.a.createElement('code', null, 'initialValues'),
+                  ' \u4e0d\u80fd\u88ab ',
+                  n.a.createElement('code', null, 'setState'),
+                  ' \u52a8\u6001\u66f4\u65b0\uff0c\u4f60\u9700\u8981\u7528 ',
+                  n.a.createElement('code', null, 'setFieldsValue'),
+                  ' \u6765\u66f4\u65b0\u3002',
+                ),
+                n.a.createElement(
+                  'li',
+                  null,
+                  '\u4f60\u4e0d\u5e94\u8be5\u7528 ',
+                  n.a.createElement('code', null, 'setState'),
+                  '\uff0c\u53ef\u4ee5\u4f7f\u7528 ',
+                  n.a.createElement('code', null, 'form.setFieldsValue'),
+                  ' \u6765\u52a8\u6001\u6539\u53d8\u8868\u5355\u503c\u3002',
+                ),
+              ),
+              n.a.createElement(
+                'h3',
+                { id: 'dependencies' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#dependencies', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'dependencies',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5f53\u5b57\u6bb5\u95f4\u5b58\u5728\u4f9d\u8d56\u5173\u7cfb\u65f6\u4f7f\u7528\u3002\u5982\u679c\u4e00\u4e2a\u5b57\u6bb5\u8bbe\u7f6e\u4e86 ',
+                n.a.createElement('code', null, 'dependencies'),
+                ' \u5c5e\u6027\u3002\u90a3\u4e48\u5b83\u6240\u4f9d\u8d56\u7684\u5b57\u6bb5\u66f4\u65b0\u65f6\uff0c\u8be5\u5b57\u6bb5\u5c06\u81ea\u52a8\u89e6\u53d1\u66f4\u65b0\u4e0e\u6821\u9a8c\u3002\u4e00\u79cd\u5e38\u89c1\u7684\u573a\u666f\uff0c\u5c31\u662f\u6ce8\u518c\u7528\u6237\u8868\u5355\u7684\u201c\u5bc6\u7801\u201d\u4e0e\u201c\u786e\u8ba4\u5bc6\u7801\u201d\u5b57\u6bb5\u3002\u201c\u786e\u8ba4\u5bc6\u7801\u201d\u6821\u9a8c\u4f9d\u8d56\u4e8e\u201c\u5bc6\u7801\u201d\u5b57\u6bb5\uff0c\u8bbe\u7f6e ',
+                n.a.createElement('code', null, 'dependencies'),
+                ' \u540e\uff0c\u201c\u5bc6\u7801\u201d\u5b57\u6bb5\u66f4\u65b0\u4f1a\u91cd\u65b0\u89e6\u53d1\u201c\u6821\u9a8c\u5bc6\u7801\u201d\u7684\u6821\u9a8c\u903b\u8f91\u3002\u4f60\u53ef\u4ee5\u53c2\u8003',
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#components-form-demo-register' },
+                  '\u5177\u4f53\u4f8b\u5b50',
+                ),
+                '\u3002',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                n.a.createElement('code', null, 'dependencies'),
+                ' \u4e0d\u5e94\u548c ',
+                n.a.createElement('code', null, 'shouldUpdate'),
+                ' \u4e00\u8d77\u4f7f\u7528\uff0c\u56e0\u4e3a\u8fd9\u53ef\u80fd\u5e26\u6765\u66f4\u65b0\u903b\u8f91\u7684\u6df7\u4e71\u3002',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u4ece ',
+                n.a.createElement('code', null, '4.5.0'),
+                ' \u7248\u672c\u5f00\u59cb\uff0c',
+                n.a.createElement('code', null, 'dependencies'),
+                ' \u652f\u6301\u4f7f\u7528 render props \u7c7b\u578b children \u7684 ',
+                n.a.createElement('code', null, 'Form.Item'),
+                '\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                { id: 'shouldupdate' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#shouldupdate', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'shouldUpdate',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                'Form \u901a\u8fc7\u589e\u91cf\u66f4\u65b0\u65b9\u5f0f\uff0c\u53ea\u66f4\u65b0\u88ab\u4fee\u6539\u7684\u5b57\u6bb5\u76f8\u5173\u7ec4\u4ef6\u4ee5\u8fbe\u5230\u6027\u80fd\u4f18\u5316\u76ee\u7684\u3002\u5927\u90e8\u5206\u573a\u666f\u4e0b\uff0c\u4f60\u53ea\u9700\u8981\u7f16\u5199\u4ee3\u7801\u6216\u8005\u4e0e ',
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#dependencies' },
+                  n.a.createElement('code', null, 'dependencies'),
+                ),
+                ' \u5c5e\u6027\u914d\u5408\u6821\u9a8c\u5373\u53ef\u3002\u800c\u5728\u67d0\u4e9b\u7279\u5b9a\u573a\u666f\uff0c\u4f8b\u5982\u4fee\u6539\u67d0\u4e2a\u5b57\u6bb5\u503c\u540e\u51fa\u73b0\u65b0\u7684\u5b57\u6bb5\u9009\u9879\u3001\u6216\u8005\u7eaf\u7cb9\u5e0c\u671b\u8868\u5355\u4efb\u610f\u53d8\u5316\u90fd\u5bf9\u67d0\u4e00\u4e2a\u533a\u57df\u8fdb\u884c\u6e32\u67d3\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7 ',
+                n.a.createElement('code', null, 'shouldUpdate'),
+                ' \u4fee\u6539 Form.Item \u7684\u66f4\u65b0\u903b\u8f91\u3002',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5f53 ',
+                n.a.createElement('code', null, 'shouldUpdate'),
+                ' \u4e3a ',
+                n.a.createElement('code', null, 'true'),
+                ' \u65f6\uff0cForm \u7684\u4efb\u610f\u53d8\u5316\u90fd\u4f1a\u4f7f\u8be5 Form.Item \u91cd\u65b0\u6e32\u67d3\u3002\u8fd9\u5bf9\u4e8e\u81ea\u5b9a\u4e49\u6e32\u67d3\u4e00\u4e9b\u533a\u57df\u5341\u5206\u6709\u5e2e\u52a9\uff1a',
+              ),
+              n.a.createElement(m['a'], {
+                code: '<Form.Item shouldUpdate>\n  {() => {\n    return <pre>{JSON.stringify(form.getFieldsValue(), null, 2)}</pre>;\n  }}\n</Form.Item>',
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'p',
+                null,
+                '\u4f60\u53ef\u4ee5\u53c2\u8003',
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#components-form-demo-horizontal-login' },
+                  '\u793a\u4f8b',
+                ),
+                '\u67e5\u770b\u5177\u4f53\u4f7f\u7528\u573a\u666f\u3002',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5f53 ',
+                n.a.createElement('code', null, 'shouldUpdate'),
+                ' \u4e3a\u65b9\u6cd5\u65f6\uff0c\u8868\u5355\u7684\u6bcf\u6b21\u6570\u503c\u66f4\u65b0\u90fd\u4f1a\u8c03\u7528\u8be5\u65b9\u6cd5\uff0c\u63d0\u4f9b\u539f\u5148\u7684\u503c\u4e0e\u5f53\u524d\u7684\u503c\u4ee5\u4f9b\u4f60\u6bd4\u8f83\u662f\u5426\u9700\u8981\u66f4\u65b0\u3002\u8fd9\u5bf9\u4e8e\u662f\u5426\u6839\u636e\u503c\u6765\u6e32\u67d3\u989d\u5916\u5b57\u6bb5\u5341\u5206\u6709\u5e2e\u52a9\uff1a',
+              ),
+              n.a.createElement(m['a'], {
+                code: '<Form.Item shouldUpdate={(prevValues, curValues) => prevValues.additional !== curValues.additional}>\n  {() => {\n    return (\n      <Form.Item name="other">\n        <Input />\n      </Form.Item>\n    );\n  }}\n</Form.Item>',
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'p',
+                null,
+                '\u4f60\u53ef\u4ee5\u53c2\u8003',
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#components-form-demo-control-hooks' },
+                  '\u793a\u4f8b',
+                ),
+                '\u67e5\u770b\u5177\u4f53\u4f7f\u7528\u573a\u666f\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                { id: 'messagevariables' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#messagevariables',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'messageVariables',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u4f60\u53ef\u4ee5\u901a\u8fc7 ',
+                n.a.createElement('code', null, 'messageVariables'),
+                ' \u4fee\u6539 Form.Item \u7684\u9ed8\u8ba4\u9a8c\u8bc1\u4fe1\u606f\u3002',
+              ),
+              n.a.createElement(m['a'], {
+                code: "<Form>\n  <Form.Item messageVariables={{ another: 'good' }} label=\"user\">\n    <Input />\n  </Form.Item>\n  <Form.Item messageVariables={{ label: 'good' }} label={<span>user</span>}>\n    <Input />\n  </Form.Item>\n</Form>",
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'h2',
+                { id: 'formlist' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#formlist', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Form.List',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u4e3a\u5b57\u6bb5\u63d0\u4f9b\u6570\u7ec4\u5316\u7ba1\u7406\u3002',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u53c2\u6570'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                    n.a.createElement('th', null, '\u7248\u672c'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'children'),
+                    n.a.createElement('td', null, '\u6e32\u67d3\u51fd\u6570'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(fields: Field[], operation: ',
+                      '{',
+                      ' add, remove, move ',
+                      '}',
+                      ', meta: ',
+                      '{',
+                      ' errors ',
+                      '}',
+                      ') => React.ReactNode',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'initialValue'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u5b50\u5143\u7d20\u9ed8\u8ba4\u503c\uff0c\u5982\u679c\u4e0e Form \u7684 ',
+                      n.a.createElement('code', null, 'initialValues'),
+                      ' \u51b2\u7a81\u5219\u4ee5 Form \u4e3a\u51c6',
+                    ),
+                    n.a.createElement('td', null, 'any[]'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null, '4.9.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'name'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5b57\u6bb5\u540d\uff0c\u652f\u6301\u6570\u7ec4',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'rules'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u6821\u9a8c\u89c4\u5219\uff0c\u4ec5\u652f\u6301\u81ea\u5b9a\u4e49\u89c4\u5219\u3002\u9700\u8981\u914d\u5408 ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#Form.ErrorList' },
+                        'ErrorList',
+                      ),
+                      ' \u4e00\u540c\u4f7f\u7528\u3002',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '{',
+                      ' validator, message ',
+                      '}',
+                      '[]',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null, '4.7.0'),
+                  ),
+                ),
+              ),
+              n.a.createElement(m['a'], {
+                code: '<Form.List>\n  {fields =>\n    fields.map(field => (\n      <Form.Item {...field}>\n        <Input />\n      </Form.Item>\n    ))\n  }\n</Form.List>',
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'p',
+                null,
+                '\u6ce8\u610f\uff1aForm.List \u4e0b\u7684\u5b57\u6bb5\u4e0d\u5e94\u8be5\u914d\u7f6e ',
+                n.a.createElement('code', null, 'initialValue'),
+                '\uff0c\u4f60\u59cb\u7ec8\u5e94\u8be5\u901a\u8fc7 Form.List \u7684 ',
+                n.a.createElement('code', null, 'initialValue'),
+                ' \u6216\u8005 Form \u7684 ',
+                n.a.createElement('code', null, 'initialValues'),
+                ' \u6765\u914d\u7f6e\u3002',
+              ),
+              n.a.createElement(
+                'h2',
+                { id: 'operation' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#operation', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'operation',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                'Form.List \u6e32\u67d3\u8868\u5355\u76f8\u5173\u64cd\u4f5c\u51fd\u6570\u3002',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u53c2\u6570'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                    n.a.createElement('th', null, '\u7248\u672c'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'add'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u65b0\u589e\u8868\u5355\u9879',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(defaultValue?: any, insertIndex?: number) => void',
+                    ),
+                    n.a.createElement('td', null, 'insertIndex'),
+                    n.a.createElement('td', null, '4.6.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'move'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u79fb\u52a8\u8868\u5355\u9879',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(from: number, to: number) => void',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'remove'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5220\u9664\u8868\u5355\u9879',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(index: number | number[]) => void',
+                    ),
+                    n.a.createElement('td', null, 'number[]'),
+                    n.a.createElement('td', null, '4.5.0'),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h2',
+                { id: 'formerrorlist' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#formerrorlist', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Form.ErrorList',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '4.7.0 \u65b0\u589e\u3002\u9519\u8bef\u5c55\u793a\u7ec4\u4ef6\uff0c\u4ec5\u9650\u914d\u5408 Form.List \u7684 rules \u4e00\u540c\u4f7f\u7528\u3002\u53c2\u8003',
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#components-form-demo-dynamic-form-item' },
+                  '\u793a\u4f8b',
+                ),
+                '\u3002',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u53c2\u6570'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'errors'),
+                    n.a.createElement('td', null, '\u9519\u8bef\u5217\u8868'),
+                    n.a.createElement('td', null, 'ReactNode[]'),
+                    n.a.createElement('td', null, '-'),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h2',
+                { id: 'formprovider' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#formprovider', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Form.Provider',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u63d0\u4f9b\u8868\u5355\u95f4\u8054\u52a8\u529f\u80fd\uff0c\u5176\u4e0b\u8bbe\u7f6e ',
+                n.a.createElement('code', null, 'name'),
+                ' \u7684 Form \u66f4\u65b0\u65f6\uff0c\u4f1a\u81ea\u52a8\u89e6\u53d1\u5bf9\u5e94\u4e8b\u4ef6\u3002\u67e5\u770b',
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#components-form-demo-form-context' },
+                  '\u793a\u4f8b',
+                ),
+                '\u3002',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u53c2\u6570'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onFormChange'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5b50\u8868\u5355\u5b57\u6bb5\u66f4\u65b0\u65f6\u89e6\u53d1',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(formName: string, info: ',
+                      '{',
+                      ' changedFields, forms ',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onFormFinish'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5b50\u8868\u5355\u63d0\u4ea4\u65f6\u89e6\u53d1',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(formName: string, info: ',
+                      '{',
+                      ' values, forms ',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                  ),
+                ),
+              ),
+              n.a.createElement(m['a'], {
+                code: '<Form.Provider\n  onFormFinish={name => {\n    if (name === \'form1\') {\n      // Do something...\n    }\n  }}\n>\n  <Form name="form1">...</Form>\n  <Form name="form2">...</Form>\n</Form.Provider>',
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'h3',
+                { id: 'forminstance' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#forminstance', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'FormInstance',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u540d\u79f0'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u7248\u672c'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'getFieldError'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u83b7\u53d6\u5bf9\u5e94\u5b57\u6bb5\u540d\u7684\u9519\u8bef\u4fe1\u606f',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(name: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      ') => string[]',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'getFieldInstance'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u83b7\u53d6\u5bf9\u5e94\u5b57\u6bb5\u5b9e\u4f8b',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(name: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      ') => any',
+                    ),
+                    n.a.createElement('td', null, '4.4.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'getFieldsError'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u83b7\u53d6\u4e00\u7ec4\u5b57\u6bb5\u540d\u5bf9\u5e94\u7684\u9519\u8bef\u4fe1\u606f\uff0c\u8fd4\u56de\u4e3a\u6570\u7ec4\u5f62\u5f0f',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(nameList?: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      '[]) => FieldError[]',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'getFieldsValue'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u83b7\u53d6\u4e00\u7ec4\u5b57\u6bb5\u540d\u5bf9\u5e94\u7684\u503c\uff0c\u4f1a\u6309\u7167\u5bf9\u5e94\u7ed3\u6784\u8fd4\u56de\u3002\u9ed8\u8ba4\u8fd4\u56de\u73b0\u5b58\u5b57\u6bb5\u503c\uff0c\u5f53\u8c03\u7528 ',
+                      n.a.createElement('code', null, 'getFieldsValue(true)'),
+                      ' \u65f6\u8fd4\u56de\u6240\u6709\u503c',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(nameList?: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      '[], filterFunc?: (meta: ',
+                      '{',
+                      ' touched: boolean, validating: boolean ',
+                      '}',
+                      ') => boolean) => any',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'getFieldValue'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u83b7\u53d6\u5bf9\u5e94\u5b57\u6bb5\u540d\u7684\u503c',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(name: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      ') => any',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'isFieldsTouched'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u68c0\u67e5\u4e00\u7ec4\u5b57\u6bb5\u662f\u5426\u88ab\u7528\u6237\u64cd\u4f5c\u8fc7\uff0c',
+                      n.a.createElement('code', null, 'allTouched'),
+                      ' \u4e3a ',
+                      n.a.createElement('code', null, 'true'),
+                      ' \u65f6\u68c0\u67e5\u662f\u5426\u6240\u6709\u5b57\u6bb5\u90fd\u88ab\u64cd\u4f5c\u8fc7',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(nameList?: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      '[], allTouched?: boolean) => boolean',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'isFieldTouched'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u68c0\u67e5\u5bf9\u5e94\u5b57\u6bb5\u662f\u5426\u88ab\u7528\u6237\u64cd\u4f5c\u8fc7',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(name: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      ') => boolean',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'isFieldValidating'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u68c0\u67e5\u5bf9\u5e94\u5b57\u6bb5\u662f\u5426\u6b63\u5728\u6821\u9a8c',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(name: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      ') => boolean',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'resetFields'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u91cd\u7f6e\u4e00\u7ec4\u5b57\u6bb5\u5230 ',
+                      n.a.createElement('code', null, 'initialValues'),
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(fields?: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#FieldData' },
+                        'FieldData',
+                      ),
+                      '[]) => void',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'scrollToField'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u6eda\u52a8\u5230\u5bf9\u5e94\u5b57\u6bb5\u4f4d\u7f6e',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(name: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      ', options: [',
+                      n.a.createElement(
+                        r['Link'],
+                        {
+                          to: 'https://github.com/stipsan/scroll-into-view-if-needed/tree/ece40bd9143f48caf4b99503425ecb16b0ad8249#options',
+                        },
+                        'ScrollOptions',
+                      ),
+                      ']) => void',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'setFields'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u4e00\u7ec4\u5b57\u6bb5\u72b6\u6001',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(fields: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#FieldData' },
+                        'FieldData',
+                      ),
+                      '[]) => void',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'setFieldsValue'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u8868\u5355\u7684\u503c',
+                    ),
+                    n.a.createElement('td', null, '(values) => void'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'submit'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u63d0\u4ea4\u8868\u5355\uff0c\u4e0e\u70b9\u51fb ',
+                      n.a.createElement('code', null, 'submit'),
+                      ' \u6309\u94ae\u6548\u679c\u76f8\u540c',
+                    ),
+                    n.a.createElement('td', null, '() => void'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'validateFields'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u89e6\u53d1\u8868\u5355\u9a8c\u8bc1',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(nameList?: ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      '[]) => Promise',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h4',
+                { id: 'validatefields-\u8fd4\u56de\u793a\u4f8b' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#validatefields-\u8fd4\u56de\u793a\u4f8b',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'validateFields \u8fd4\u56de\u793a\u4f8b',
+              ),
+              n.a.createElement(m['a'], {
+                code: "validateFields()\n  .then(values => {\n    /*\n  values:\n    {\n      username: 'username',\n      password: 'password',\n    }\n  */\n  })\n  .catch(errorInfo => {\n    /*\n    errorInfo:\n      {\n        values: {\n          username: 'username',\n          password: 'password',\n        },\n        errorFields: [\n          { name: ['password'], errors: ['Please input your Password!'] },\n        ],\n        outOfDate: false,\n      }\n    */\n  });",
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'h3',
+                { id: 'interface' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#interface', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Interface',
+              ),
+              n.a.createElement(
+                'h4',
+                { id: 'namepath' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#namepath', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'NamePath',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                n.a.createElement(
+                  'code',
+                  null,
+                  'string | number | (string | number)[]',
+                ),
+              ),
+              n.a.createElement(
+                'h4',
+                { id: 'fielddata' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#fielddata', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'FieldData',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u540d\u79f0'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'errors'),
+                    n.a.createElement('td', null, '\u9519\u8bef\u4fe1\u606f'),
+                    n.a.createElement('td', null, 'string[]'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'name'),
+                    n.a.createElement('td', null, '\u5b57\u6bb5\u540d\u79f0'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#NamePath' },
+                        'NamePath',
+                      ),
+                      '[]',
+                    ),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'touched'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u88ab\u7528\u6237\u64cd\u4f5c\u8fc7',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'validating'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u6b63\u5728\u6821\u9a8c',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'value'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5b57\u6bb5\u5bf9\u5e94\u503c',
+                    ),
+                    n.a.createElement('td', null, 'any'),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h4',
+                { id: 'rule' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#rule', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Rule',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                'Rule \u652f\u6301\u63a5\u6536 object \u8fdb\u884c\u914d\u7f6e\uff0c\u4e5f\u652f\u6301 function \u6765\u52a8\u6001\u83b7\u53d6 form \u7684\u6570\u636e\uff1a',
+              ),
+              n.a.createElement(m['a'], {
+                code: 'type Rule = RuleConfig | ((form: FormInstance) => RuleConfig);',
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u540d\u79f0'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'defaultField'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u4ec5\u5728 ',
+                      n.a.createElement('code', null, 'type'),
+                      ' \u4e3a ',
+                      n.a.createElement('code', null, 'array'),
+                      ' \u7c7b\u578b\u65f6\u6709\u6548\uff0c\u7528\u4e8e\u6307\u5b9a\u6570\u7ec4\u5143\u7d20\u7684\u6821\u9a8c\u89c4\u5219',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#Rule' },
+                        'rule',
+                      ),
+                    ),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'enum'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u5339\u914d\u679a\u4e3e\u4e2d\u7684\u503c\uff08\u9700\u8981\u5c06 ',
+                      n.a.createElement('code', null, 'type'),
+                      ' \u8bbe\u7f6e\u4e3a ',
+                      n.a.createElement('code', null, 'enum'),
+                      '\uff09',
+                    ),
+                    n.a.createElement('td', null, 'any[]'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'fields'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u4ec5\u5728 ',
+                      n.a.createElement('code', null, 'type'),
+                      ' \u4e3a ',
+                      n.a.createElement('code', null, 'array'),
+                      ' \u6216 ',
+                      n.a.createElement('code', null, 'object'),
+                      ' \u7c7b\u578b\u65f6\u6709\u6548\uff0c\u7528\u4e8e\u6307\u5b9a\u5b50\u5143\u7d20\u7684\u6821\u9a8c\u89c4\u5219',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'Record<string, ',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#Rule' },
+                        'rule',
+                      ),
+                      '>',
+                    ),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'len'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'string \u7c7b\u578b\u65f6\u4e3a\u5b57\u7b26\u4e32\u957f\u5ea6\uff1bnumber \u7c7b\u578b\u65f6\u4e3a\u786e\u5b9a\u6570\u5b57\uff1b array \u7c7b\u578b\u65f6\u4e3a\u6570\u7ec4\u957f\u5ea6',
+                    ),
+                    n.a.createElement('td', null, 'number'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'max'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5fc5\u987b\u8bbe\u7f6e ',
+                      n.a.createElement('code', null, 'type'),
+                      '\uff1astring \u7c7b\u578b\u4e3a\u5b57\u7b26\u4e32\u6700\u5927\u957f\u5ea6\uff1bnumber \u7c7b\u578b\u65f6\u4e3a\u6700\u5927\u503c\uff1barray \u7c7b\u578b\u65f6\u4e3a\u6570\u7ec4\u6700\u5927\u957f\u5ea6',
+                    ),
+                    n.a.createElement('td', null, 'number'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'message'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9519\u8bef\u4fe1\u606f\uff0c\u4e0d\u8bbe\u7f6e\u65f6\u4f1a\u901a\u8fc7',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#validateMessages' },
+                        '\u6a21\u677f',
+                      ),
+                      '\u81ea\u52a8\u751f\u6210',
+                    ),
+                    n.a.createElement('td', null, 'string'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'min'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5fc5\u987b\u8bbe\u7f6e ',
+                      n.a.createElement('code', null, 'type'),
+                      '\uff1astring \u7c7b\u578b\u4e3a\u5b57\u7b26\u4e32\u6700\u5c0f\u957f\u5ea6\uff1bnumber \u7c7b\u578b\u65f6\u4e3a\u6700\u5c0f\u503c\uff1barray \u7c7b\u578b\u65f6\u4e3a\u6570\u7ec4\u6700\u5c0f\u957f\u5ea6',
+                    ),
+                    n.a.createElement('td', null, 'number'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'pattern'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u6b63\u5219\u8868\u8fbe\u5f0f\u5339\u914d',
+                    ),
+                    n.a.createElement('td', null, 'RegExp'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'required'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u4e3a\u5fc5\u9009\u5b57\u6bb5',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'transform'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5c06\u5b57\u6bb5\u503c\u8f6c\u6362\u6210\u76ee\u6807\u503c\u540e\u8fdb\u884c\u6821\u9a8c',
+                    ),
+                    n.a.createElement('td', null, '(value) => any'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'type'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u7c7b\u578b\uff0c\u5e38\u89c1\u6709 ',
+                      n.a.createElement('code', null, 'string'),
+                      ' |',
+                      n.a.createElement('code', null, 'number'),
+                      ' |',
+                      n.a.createElement('code', null, 'boolean'),
+                      ' |',
+                      n.a.createElement('code', null, 'url'),
+                      ' | ',
+                      n.a.createElement('code', null, 'email'),
+                      '\u3002\u66f4\u591a\u8bf7\u53c2\u8003',
+                      n.a.createElement(
+                        r['Link'],
+                        {
+                          to: 'https://github.com/yiminghe/async-validator#type',
+                        },
+                        '\u6b64\u5904',
+                      ),
+                    ),
+                    n.a.createElement('td', null, 'string'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'validateTrigger'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u89e6\u53d1\u9a8c\u8bc1\u65f6\u673a\uff0c\u5fc5\u987b\u662f Form.Item \u7684 ',
+                      n.a.createElement('code', null, 'validateTrigger'),
+                      ' \u7684\u5b50\u96c6',
+                    ),
+                    n.a.createElement('td', null, 'string | string[]'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'validator'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u81ea\u5b9a\u4e49\u6821\u9a8c\uff0c\u63a5\u6536 Promise \u4f5c\u4e3a\u8fd4\u56de\u503c\u3002',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#components-form-demo-register' },
+                        '\u793a\u4f8b',
+                      ),
+                      '\u53c2\u8003',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(',
+                      n.a.createElement(
+                        r['AnchorLink'],
+                        { to: '#Rule' },
+                        'rule',
+                      ),
+                      ', value) => Promise',
+                    ),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'whitespace'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5982\u679c\u5b57\u6bb5\u4ec5\u5305\u542b\u7a7a\u683c\u5219\u6821\u9a8c\u4e0d\u901a\u8fc7\uff0c\u53ea\u5728 ',
+                      n.a.createElement('code', null, "type: 'string'"),
+                      ' \u65f6\u751f\u6548',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h2',
+                { id: '\u4ece-v3-\u5347\u7ea7\u5230-v4' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4ece-v3-\u5347\u7ea7\u5230-v4',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4ece v3 \u5347\u7ea7\u5230 v4',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5982\u679c\u4f60\u662f antd v3 \u7684\u7528\u6237\uff0c\u4f60\u53ef\u4ee5\u53c2\u8003',
+                n.a.createElement(
+                  r['Link'],
+                  { to: '/components/form/v3' },
+                  '\u8fc1\u79fb\u793a\u4f8b',
+                ),
+                '\u3002',
+              ),
+              n.a.createElement('style', {
+                dangerouslySetInnerHTML: {
+                  __html:
+                    '\n.ant-form:not(.ant-form-inline):not(.ant-form-vertical) {\n  max-width: 600px;\n}\n.markdown.api-container table td:nth-of-type(4) {\n  white-space: nowrap;\n  word-wrap: break-word;\n}\n.ant-btn {\n  margin-right: 8px;\n}\n',
+                },
+              }),
+              n.a.createElement(
+                'h2',
+                { id: 'faq' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#faq', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'FAQ',
+              ),
+              n.a.createElement(
+                'h3',
+                { id: '\u81ea\u5b9a\u4e49-validator-\u6ca1\u6709\u6548\u679c' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u81ea\u5b9a\u4e49-validator-\u6ca1\u6709\u6548\u679c',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u81ea\u5b9a\u4e49 validator \u6ca1\u6709\u6548\u679c',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u8fd9\u662f\u7531\u4e8e\u4f60\u7684 ',
+                n.a.createElement('code', null, 'validator'),
+                ' \u6709\u9519\u8bef\u5bfc\u81f4 ',
+                n.a.createElement('code', null, 'callback'),
+                ' \u6ca1\u6709\u6267\u884c\u5230\u3002\u4f60\u53ef\u4ee5\u9009\u62e9\u901a\u8fc7 ',
+                n.a.createElement('code', null, 'async'),
+                ' \u8fd4\u56de\u4e00\u4e2a promise \u6216\u8005\u4f7f\u7528 ',
+                n.a.createElement('code', null, 'try...catch'),
+                ' \u8fdb\u884c\u9519\u8bef\u6355\u83b7\uff1a',
+              ),
+              n.a.createElement(m['a'], {
+                code: "validator: async (rule, value) => {\n  throw new Error('Something wrong!');\n}\n\n// or\n\nvalidator(rule, value, callback) => {\n  try {\n    throw new Error('Something wrong!');\n  } catch (err) {\n    callback(err);\n  }\n}",
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'h3',
+                {
+                  id: 'name-\u4e3a\u6570\u7ec4\u65f6\u7684\u8f6c\u6362\u89c4\u5219',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#name-\u4e3a\u6570\u7ec4\u65f6\u7684\u8f6c\u6362\u89c4\u5219',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'name \u4e3a\u6570\u7ec4\u65f6\u7684\u8f6c\u6362\u89c4\u5219\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5f53 ',
+                n.a.createElement('code', null, 'name'),
+                ' \u4e3a\u6570\u7ec4\u65f6\uff0c\u4f1a\u6309\u7167\u987a\u5e8f\u586b\u5145\u8def\u5f84\u3002\u5f53\u5b58\u5728\u6570\u5b57\u4e14 form store \u4e2d\u6ca1\u6709\u8be5\u5b57\u6bb5\u65f6\u4f1a\u81ea\u52a8\u8f6c\u53d8\u6210\u6570\u7ec4\u3002\u56e0\u800c\u5982\u679c\u9700\u8981\u6570\u7ec4\u4e3a key \u65f6\u8bf7\u4f7f\u7528 string \u5982\uff1a',
+                n.a.createElement('code', null, "['1', 'name']"),
+                '\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u4e3a\u4f55\u5728-modal-\u4e2d\u8c03\u7528-form-\u63a7\u5236\u53f0\u4f1a\u62a5\u9519',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4e3a\u4f55\u5728-modal-\u4e2d\u8c03\u7528-form-\u63a7\u5236\u53f0\u4f1a\u62a5\u9519',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4e3a\u4f55\u5728 Modal \u4e2d\u8c03\u7528 form \u63a7\u5236\u53f0\u4f1a\u62a5\u9519\uff1f',
+              ),
+              n.a.createElement(
+                'blockquote',
+                null,
+                n.a.createElement(
+                  'p',
+                  null,
+                  'Warning: Instance created by ',
+                  n.a.createElement('code', null, 'useForm'),
+                  ' is not connect to any Form element. Forget to pass ',
+                  n.a.createElement('code', null, 'form'),
+                  ' prop?',
+                ),
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u8fd9\u662f\u56e0\u4e3a\u4f60\u5728\u8c03\u7528 form \u65b9\u6cd5\u65f6\uff0cModal \u8fd8\u672a\u521d\u59cb\u5316\u5bfc\u81f4 form \u6ca1\u6709\u5173\u8054\u4efb\u4f55 Form \u7ec4\u4ef6\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7\u7ed9 Modal \u8bbe\u7f6e ',
+                n.a.createElement('code', null, 'forceRender'),
+                ' \u5c06\u5176\u9884\u6e32\u67d3\u3002\u793a\u4f8b\u70b9\u51fb',
+                n.a.createElement(
+                  r['Link'],
+                  {
+                    to: 'https://codesandbox.io/s/antd-reproduction-template-ibu5c',
+                  },
+                  '\u6b64\u5904',
+                ),
+                '\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u4e3a\u4ec0\u4e48-formitem-\u4e0b\u7684\u5b50\u7ec4\u4ef6-defaultvalue-\u4e0d\u751f\u6548',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4e3a\u4ec0\u4e48-formitem-\u4e0b\u7684\u5b50\u7ec4\u4ef6-defaultvalue-\u4e0d\u751f\u6548',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4e3a\u4ec0\u4e48 Form.Item \u4e0b\u7684\u5b50\u7ec4\u4ef6 ',
+                n.a.createElement('code', null, 'defaultValue'),
+                ' \u4e0d\u751f\u6548\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5f53\u4f60\u4e3a Form.Item \u8bbe\u7f6e ',
+                n.a.createElement('code', null, 'name'),
+                ' \u5c5e\u6027\u540e\uff0c\u5b50\u7ec4\u4ef6\u4f1a\u8f6c\u4e3a\u53d7\u63a7\u6a21\u5f0f\u3002\u56e0\u800c ',
+                n.a.createElement('code', null, 'defaultValue'),
+                ' \u4e0d\u4f1a\u751f\u6548\u3002\u4f60\u9700\u8981\u5728 Form \u4e0a\u901a\u8fc7 ',
+                n.a.createElement('code', null, 'initialValues'),
+                ' \u8bbe\u7f6e\u9ed8\u8ba4\u503c\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u4e3a\u4ec0\u4e48\u7b2c\u4e00\u6b21\u8c03\u7528-ref-\u7684-from-\u4e3a\u7a7a',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4e3a\u4ec0\u4e48\u7b2c\u4e00\u6b21\u8c03\u7528-ref-\u7684-from-\u4e3a\u7a7a',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4e3a\u4ec0\u4e48\u7b2c\u4e00\u6b21\u8c03\u7528 ',
+                n.a.createElement('code', null, 'ref'),
+                ' \u7684 From \u4e3a\u7a7a\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                n.a.createElement('code', null, 'ref'),
+                ' \u4ec5\u5728\u8282\u70b9\u88ab\u52a0\u8f7d\u65f6\u624d\u4f1a\u88ab\u8d4b\u503c\uff0c\u8bf7\u53c2\u8003 React \u5b98\u65b9\u6587\u6863\uff1a',
+                n.a.createElement(
+                  r['Link'],
+                  {
+                    to: 'https://reactjs.org/docs/refs-and-the-dom.html#accessing-refs',
+                  },
+                  'https://reactjs.org/docs/refs-and-the-dom.html#accessing-refs',
+                ),
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u4e3a\u4ec0\u4e48-resetfields-\u4f1a\u91cd\u65b0-mount-\u7ec4\u4ef6',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4e3a\u4ec0\u4e48-resetfields-\u4f1a\u91cd\u65b0-mount-\u7ec4\u4ef6',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4e3a\u4ec0\u4e48 ',
+                n.a.createElement('code', null, 'resetFields'),
+                ' \u4f1a\u91cd\u65b0 mount \u7ec4\u4ef6\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                n.a.createElement('code', null, 'resetFields'),
+                ' \u4f1a\u91cd\u7f6e\u6574\u4e2a Field\uff0c\u56e0\u800c\u5176\u5b50\u7ec4\u4ef6\u4e5f\u4f1a\u91cd\u65b0 mount \u4ece\u800c\u6d88\u9664\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u53ef\u80fd\u5b58\u5728\u7684\u526f\u4f5c\u7528\uff08\u4f8b\u5982\u5f02\u6b65\u6570\u636e\u3001\u72b6\u6001\u7b49\u7b49\uff09\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: 'form-\u7684-initialvalues-\u4e0e-item-\u7684-initialvalue-\u533a\u522b',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#form-\u7684-initialvalues-\u4e0e-item-\u7684-initialvalue-\u533a\u522b',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Form \u7684 initialValues \u4e0e Item \u7684 initialValue \u533a\u522b\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5728\u5927\u90e8\u5206\u573a\u666f\u4e0b\uff0c\u6211\u4eec\u603b\u662f\u63a8\u8350\u4f18\u5148\u4f7f\u7528 Form \u7684 ',
+                n.a.createElement('code', null, 'initialValues'),
+                '\u3002\u53ea\u6709\u5b58\u5728\u52a8\u6001\u5b57\u6bb5\u65f6\u4f60\u624d\u5e94\u8be5\u4f7f\u7528 Item \u7684 ',
+                n.a.createElement('code', null, 'initialValue'),
+                '\u3002\u9ed8\u8ba4\u503c\u9075\u5faa\u4ee5\u4e0b\u89c4\u5219\uff1a',
+              ),
+              n.a.createElement(
+                'ol',
+                null,
+                n.a.createElement(
+                  'li',
+                  null,
+                  'Form \u7684 ',
+                  n.a.createElement('code', null, 'initialValues'),
+                  ' \u62e5\u6709\u6700\u9ad8\u4f18\u5148\u7ea7',
+                ),
+                n.a.createElement(
+                  'li',
+                  null,
+                  'Field \u7684 ',
+                  n.a.createElement('code', null, 'initialValue'),
+                  ' \u6b21\u4e4b *. \u591a\u4e2a\u540c ',
+                  n.a.createElement('code', null, 'name'),
+                  ' Item \u90fd\u8bbe\u7f6e ',
+                  n.a.createElement('code', null, 'initialValue'),
+                  ' \u65f6\uff0c\u5219 Item \u7684 ',
+                  n.a.createElement('code', null, 'initialValue'),
+                  ' \u4e0d\u751f\u6548',
+                ),
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u4e3a\u4ec0\u4e48\u5b57\u6bb5\u8bbe\u7f6e-rules-\u540e\u66f4\u6539\u503c-onfieldschange-\u4f1a\u89e6\u53d1\u4e09\u6b21',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4e3a\u4ec0\u4e48\u5b57\u6bb5\u8bbe\u7f6e-rules-\u540e\u66f4\u6539\u503c-onfieldschange-\u4f1a\u89e6\u53d1\u4e09\u6b21',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4e3a\u4ec0\u4e48\u5b57\u6bb5\u8bbe\u7f6e ',
+                n.a.createElement('code', null, 'rules'),
+                ' \u540e\u66f4\u6539\u503c ',
+                n.a.createElement('code', null, 'onFieldsChange'),
+                ' \u4f1a\u89e6\u53d1\u4e09\u6b21\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5b57\u6bb5\u9664\u4e86\u672c\u8eab\u7684\u503c\u53d8\u5316\u5916\uff0c\u6821\u9a8c\u4e5f\u662f\u5176\u72b6\u6001\u4e4b\u4e00\u3002\u56e0\u800c\u5728\u89e6\u53d1\u5b57\u6bb5\u53d8\u5316\u4f1a\u7ecf\u5386\u4ee5\u4e0b\u51e0\u4e2a\u9636\u6bb5\uff1a',
+              ),
+              n.a.createElement(
+                'ol',
+                null,
+                n.a.createElement('li', null, 'Trigger value change'),
+                n.a.createElement('li', null, 'Rule validating'),
+                n.a.createElement('li', null, 'Rule validated'),
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5728\u89e6\u53d1\u8fc7\u7a0b\u4e2d\uff0c\u8c03\u7528 ',
+                n.a.createElement('code', null, 'isFieldValidating'),
+                ' \u4f1a\u7ecf\u5386 ',
+                n.a.createElement('code', null, 'false'),
+                ' > ',
+                n.a.createElement('code', null, 'true'),
+                ' > ',
+                n.a.createElement('code', null, 'false'),
+                ' \u7684\u53d8\u5316\u8fc7\u7a0b\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u4e3a\u4ec0\u4e48-formlist-\u4e0d\u652f\u6301-label-\u8fd8\u9700\u8981\u4f7f\u7528-errorlist-\u5c55\u793a\u9519\u8bef',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4e3a\u4ec0\u4e48-formlist-\u4e0d\u652f\u6301-label-\u8fd8\u9700\u8981\u4f7f\u7528-errorlist-\u5c55\u793a\u9519\u8bef',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4e3a\u4ec0\u4e48 Form.List \u4e0d\u652f\u6301 ',
+                n.a.createElement('code', null, 'label'),
+                ' \u8fd8\u9700\u8981\u4f7f\u7528 ErrorList \u5c55\u793a\u9519\u8bef\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                'Form.List \u672c\u8eab\u662f renderProps\uff0c\u5185\u90e8\u6837\u5f0f\u975e\u5e38\u81ea\u7531\u3002\u56e0\u800c\u9ed8\u8ba4\u914d\u7f6e ',
+                n.a.createElement('code', null, 'label'),
+                ' \u548c ',
+                n.a.createElement('code', null, 'error'),
+                ' \u8282\u70b9\u5f88\u96be\u4e0e\u4e4b\u914d\u5408\u3002\u5982\u679c\u4f60\u9700\u8981 antd \u6837\u5f0f\u7684 ',
+                n.a.createElement('code', null, 'label'),
+                '\uff0c\u53ef\u4ee5\u901a\u8fc7\u5916\u90e8\u5305\u88f9 Form.Item \u6765\u5b9e\u73b0\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u4e3a\u4ec0\u4e48-formitem-\u7684-dependencies-\u5bf9-formlist-\u4e0b\u7684\u5b57\u6bb5\u6ca1\u6709\u6548\u679c',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4e3a\u4ec0\u4e48-formitem-\u7684-dependencies-\u5bf9-formlist-\u4e0b\u7684\u5b57\u6bb5\u6ca1\u6709\u6548\u679c',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4e3a\u4ec0\u4e48 Form.Item \u7684 ',
+                n.a.createElement('code', null, 'dependencies'),
+                ' \u5bf9 Form.List \u4e0b\u7684\u5b57\u6bb5\u6ca1\u6709\u6548\u679c\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                'Form.List \u4e0b\u7684\u5b57\u6bb5\u9700\u8981\u5305\u88f9 Form.List \u672c\u8eab\u7684 ',
+                n.a.createElement('code', null, 'name'),
+                '\uff0c\u6bd4\u5982\uff1a',
+              ),
+              n.a.createElement(m['a'], {
+                code: "<Form.List name=\"users\">\n  {fields =>\n    fields.map(field => (\n      <React.Fragment key={field.key}>\n        <Form.Item name={[field.name, 'name']} {...someRest1} />\n        <Form.Item name={[field.name, 'age']} {...someRest1} />\n      </React.Fragment>\n    ))\n  }\n</Form.List>",
+                lang: 'bash',
+              }),
+              n.a.createElement(
+                'p',
+                null,
+                '\u4f9d\u8d56\u5219\u662f\uff1a',
+                n.a.createElement('code', null, "['users', 0, 'name']"),
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u4e3a\u4ec0\u4e48-normalize-\u4e0d\u80fd\u662f\u5f02\u6b65\u65b9\u6cd5',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4e3a\u4ec0\u4e48-normalize-\u4e0d\u80fd\u662f\u5f02\u6b65\u65b9\u6cd5',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4e3a\u4ec0\u4e48 ',
+                n.a.createElement('code', null, 'normalize'),
+                ' \u4e0d\u80fd\u662f\u5f02\u6b65\u65b9\u6cd5\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                'React \u4e2d\u5f02\u6b65\u66f4\u65b0\u4f1a\u5bfc\u81f4\u53d7\u63a7\u7ec4\u4ef6\u4ea4\u4e92\u884c\u4e3a\u5f02\u5e38\u3002\u5f53\u7528\u6237\u4ea4\u4e92\u89e6\u53d1 ',
+                n.a.createElement('code', null, 'onChange'),
+                ' \u540e\uff0c\u901a\u8fc7\u5f02\u6b65\u6539\u53d8\u503c\u4f1a\u5bfc\u81f4\u7ec4\u4ef6 ',
+                n.a.createElement('code', null, 'value'),
+                ' \u4e0d\u4f1a\u7acb\u523b\u66f4\u65b0\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u5448\u73b0\u5047\u6b7b\u72b6\u6001\u3002\u5982\u679c\u4f60\u9700\u8981\u5f02\u6b65\u89e6\u53d1\u53d8\u66f4\uff0c\u8bf7\u901a\u8fc7\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5b9e\u73b0\u5185\u90e8\u5f02\u6b65\u72b6\u6001\u3002',
+              ),
+              n.a.createElement('style', {
+                dangerouslySetInnerHTML: {
+                  __html:
+                    '\n  .site-form-item-icon {\n    color: rgba(0, 0, 0, 0.25);\n  }\n  [data-theme="dark"] .site-form-item-icon {\n    color: rgba(255,255,255,.3);\n  }\n\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    [data-theme="dark"] .dynamic-delete-button {\n    color: rgba(255,255,255,.45);\n  }\n  [data-theme="dark"] .dynamic-delete-button:hover {\n    color: rgba(255,255,255,.65);\n  }\n\n  .language-bash {\n    max-width: 400px;\n    border-radius: 6px;\n    margin-top: 24px;\n  } \n\n .user {\n  margin-bottom: 8px;\n}\n .user .ant-avatar {\n  margin-right: 8px;\n}\n\n.ant-row-rtl .user .ant-avatar {\n  margin-right: 0;\n  margin-left: 8px;\n}\n\n.login-form {\n  max-width: 300px;\n}\n.login-form-forgot {\n  float: right;\n}\n.ant-col-rtl .login-form-forgot {\n  float: left;\n}\n.login-form-button {\n  width: 100%;\n}\n\n',
+                },
+              }),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6-scrolltofirsterror-\u548c-scrolltofield-\u5931\u6548',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6-scrolltofirsterror-\u548c-scrolltofield-\u5931\u6548',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u81ea\u5b9a\u4e49\u8868\u5355\u63a7\u4ef6 ',
+                n.a.createElement('code', null, 'scrollToFirstError'),
+                ' \u548c ',
+                n.a.createElement('code', null, 'scrollToField'),
+                ' \u5931\u6548\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u7c7b\u4f3c\u95ee\u9898\uff1a',
+                n.a.createElement(
+                  r['Link'],
+                  {
+                    to: 'https://github.com/ant-design/ant-design/issues/28370',
+                  },
+                  '#28370',
+                ),
+                ' ',
+                n.a.createElement(
+                  r['Link'],
+                  {
+                    to: 'https://github.com/ant-design/ant-design/issues/27994',
+                  },
+                  '#27994',
+                ),
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u6eda\u52a8\u4f9d\u8d56\u4e8e\u8868\u5355\u63a7\u4ef6\u5143\u7d20\u4e0a\u7ed1\u5b9a\u7684 ',
+                n.a.createElement('code', null, 'id'),
+                ' \u5b57\u6bb5\uff0c\u5982\u679c\u81ea\u5b9a\u4e49\u63a7\u4ef6\u6ca1\u6709\u5c06 ',
+                n.a.createElement('code', null, 'id'),
+                ' \u8d4b\u5230\u6b63\u786e\u7684\u5143\u7d20\u4e0a\uff0c\u8fd9\u4e2a\u529f\u80fd\u5c06\u5931\u6548\u3002\u4f60\u53ef\u4ee5\u53c2\u8003\u8fd9\u4e2a ',
+                n.a.createElement(
+                  r['Link'],
+                  {
+                    to: 'https://codesandbox.io/s/antd-reproduction-template-forked-25nul?file=/index.js',
+                  },
+                  'codesandbox',
+                ),
+                '\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: 'setfieldsvalue-\u4e0d\u4f1a\u89e6\u53d1-onfieldschange-\u548c-onvalueschange',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#setfieldsvalue-\u4e0d\u4f1a\u89e6\u53d1-onfieldschange-\u548c-onvalueschange',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                n.a.createElement('code', null, 'setFieldsValue'),
+                ' \u4e0d\u4f1a\u89e6\u53d1 ',
+                n.a.createElement('code', null, 'onFieldsChange'),
+                ' \u548c ',
+                n.a.createElement('code', null, 'onValuesChange'),
+                '\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u662f\u7684\uff0cchange \u4e8b\u4ef6\u4ec5\u5f53\u7528\u6237\u4ea4\u4e92\u624d\u4f1a\u89e6\u53d1\u3002\u8be5\u8bbe\u8ba1\u662f\u4e3a\u4e86\u9632\u6b62\u5728 change \u4e8b\u4ef6\u4e2d\u8c03\u7528 ',
+                n.a.createElement('code', null, 'setFieldsValue'),
+                ' \u5bfc\u81f4\u7684\u5faa\u73af\u95ee\u9898\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                { id: '\u6709\u66f4\u591a\u53c2\u8003\u6587\u6863\u5417' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u6709\u66f4\u591a\u53c2\u8003\u6587\u6863\u5417',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u6709\u66f4\u591a\u53c2\u8003\u6587\u6863\u5417\uff1f',
+              ),
+              n.a.createElement(
+                'ul',
+                null,
+                n.a.createElement(
+                  'li',
+                  null,
+                  '\u4f60\u53ef\u4ee5\u9605\u8bfb',
+                  n.a.createElement(
+                    r['Link'],
+                    { to: 'https://zhuanlan.zhihu.com/p/375753910' },
+                    '\u300aantd v4 Form \u4f7f\u7528\u5fc3\u5f97\u300b',
+                  ),
+                  '\u83b7\u5f97\u4e00\u4e9b\u4f7f\u7528\u5e2e\u52a9\u4ee5\u53ca\u5efa\u8bae\u3002',
+                ),
+              ),
+            ),
+          ),
+        )
+      );
+    },
+  },
+]);