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

package/docs-dist/demos_mrof.js

@@ -1 +1,3082 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[88],{"+YFz":function(e,a,t){"use strict";var r=t("VTBJ"),n=t("q1tI"),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"}}]},name:"info-circle",theme:"outlined"},c=l,i=t("6VBw"),m=function(e,a){return n["createElement"](i["a"],Object(r["a"])(Object(r["a"])({},e),{},{ref:a,icon:c}))};m.displayName="InfoCircleOutlined";a["a"]=n["forwardRef"](m)},"1InY":function(e,a,t){"use strict";t.r(a);var r=t("tJVT"),n=t("q1tI"),l=t.n(n),c=t("m/eG"),i=t("cJ7L"),m=t("FY4R"),s=()=>{var e=c["y"].useForm(),a=Object(r["a"])(e,1),t=a[0],s=Object(n["useState"])({}),o=Object(r["a"])(s,2),u=o[1];Object(n["useEffect"])((()=>{u({})}),[]);var d=e=>{console.log("Finish:",e)};return l.a.createElement(c["y"],{form:t,name:"horizontal_login",layout:"inline",onFinish:d},l.a.createElement(c["y"].Item,{name:"username",rules:[{required:!0,message:"Please input your username!"}]},l.a.createElement(c["A"],{prefix:l.a.createElement(i["a"],{className:"site-form-item-icon"}),placeholder:"Username"})),l.a.createElement(c["y"].Item,{name:"password",rules:[{required:!0,message:"Please input your password!"}]},l.a.createElement(c["A"],{prefix:l.a.createElement(m["a"],{className:"site-form-item-icon"}),type:"password",placeholder:"Password"})),l.a.createElement(c["y"].Item,{shouldUpdate:!0},(()=>l.a.createElement(c["i"],{type:"primary",htmlType:"submit",disabled:!t.isFieldsTouched(!0)||!!t.getFieldsError().filter((e=>{var a=e.errors;return a.length})).length},"Log in"))))};a["default"]=s},"6VBw":function(e,a,t){"use strict";var r=t("VTBJ"),n=t("ODXe"),l=t("rePB"),c=t("Ff2n"),i=t("q1tI"),m=t.n(i),s=t("TSYQ"),o=t.n(s),u=Object(i["createContext"])({}),d=u,p=t("U8pU"),b=t("AJpP"),y=t("Kwbf"),h=t("MNnm"),E="rc-util-key";function f(e){if(e.attachTo)return e.attachTo;var a=document.querySelector("head");return a||document.body}function v(e){var a,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Object(h["a"])())return null;var r,n=document.createElement("style");(null===(a=t.csp)||void 0===a?void 0:a.nonce)&&(n.nonce=null===(r=t.csp)||void 0===r?void 0:r.nonce);n.innerHTML=e;var l=f(t),c=l.firstChild;return t.prepend&&l.prepend?l.prepend(n):t.prepend&&c?l.insertBefore(n,c):l.appendChild(n),n}var g=new Map;function w(e,a){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=f(t);if(!g.has(r)){var n=v("",t),l=n.parentNode;g.set(r,l),l.removeChild(n)}var c=Array.from(g.get(r).children).find((function(e){return"STYLE"===e.tagName&&e[E]===a}));if(c){var i,m,s;if((null===(i=t.csp)||void 0===i?void 0:i.nonce)&&c.nonce!==(null===(m=t.csp)||void 0===m?void 0:m.nonce))c.nonce=null===(s=t.csp)||void 0===s?void 0:s.nonce;return c.innerHTML!==e&&(c.innerHTML=e),c}var o=v(e,t);return o[E]=a,o}function I(e,a){Object(y["a"])(e,"[@ant-design/icons] ".concat(a))}function C(e){return"object"===Object(p["a"])(e)&&"string"===typeof e.name&&"string"===typeof e.theme&&("object"===Object(p["a"])(e.icon)||"function"===typeof e.icon)}function O(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.keys(e).reduce((function(a,t){var r=e[t];switch(t){case"class":a.className=r,delete a.class;break;default:a[t]=r}return a}),{})}function k(e,a,t){return t?m.a.createElement(e.tag,Object(r["a"])(Object(r["a"])({key:a},O(e.attrs)),t),(e.children||[]).map((function(t,r){return k(t,"".concat(a,"-").concat(e.tag,"-").concat(r))}))):m.a.createElement(e.tag,Object(r["a"])({key:a},O(e.attrs)),(e.children||[]).map((function(t,r){return k(t,"".concat(a,"-").concat(e.tag,"-").concat(r))})))}function j(e){return Object(b["generate"])(e)[0]}function F(e){return e?Array.isArray(e)?e:[e]:[]}var q="\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n",S=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:q,a=Object(i["useContext"])(d),t=a.csp;Object(i["useEffect"])((function(){w(e,"@ant-design-icons",{prepend:!0,csp:t})}),[])},T=["icon","className","onClick","style","primaryColor","secondaryColor"],A={primaryColor:"#333",secondaryColor:"#E6E6E6",calculated:!1};function x(e){var a=e.primaryColor,t=e.secondaryColor;A.primaryColor=a,A.secondaryColor=t||j(a),A.calculated=!!t}function P(){return Object(r["a"])({},A)}var M=function(e){var a=e.icon,t=e.className,n=e.onClick,l=e.style,i=e.primaryColor,m=e.secondaryColor,s=Object(c["a"])(e,T),o=A;if(i&&(o={primaryColor:i,secondaryColor:m||j(i)}),S(),I(C(a),"icon should be icon definiton, but got ".concat(a)),!C(a))return null;var u=a;return u&&"function"===typeof u.icon&&(u=Object(r["a"])(Object(r["a"])({},u),{},{icon:u.icon(o.primaryColor,o.secondaryColor)})),k(u.icon,"svg-".concat(u.name),Object(r["a"])({className:t,onClick:n,style:l,"data-icon":u.name,width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},s))};M.displayName="IconReact",M.getTwoToneColors=P,M.setTwoToneColors=x;var V=M;function N(e){var a=F(e),t=Object(n["a"])(a,2),r=t[0],l=t[1];return V.setTwoToneColors({primaryColor:r,secondaryColor:l})}function B(){var e=V.getTwoToneColors();return e.calculated?[e.primaryColor,e.secondaryColor]:e.primaryColor}var z=["className","icon","spin","rotate","tabIndex","onClick","twoToneColor"];N("#1890ff");var Y=i["forwardRef"]((function(e,a){var t,m=e.className,s=e.icon,u=e.spin,p=e.rotate,b=e.tabIndex,y=e.onClick,h=e.twoToneColor,E=Object(c["a"])(e,z),f=i["useContext"](d),v=f.prefixCls,g=void 0===v?"anticon":v,w=o()(g,(t={},Object(l["a"])(t,"".concat(g,"-").concat(s.name),!!s.name),Object(l["a"])(t,"".concat(g,"-spin"),!!u||"loading"===s.name),t),m),I=b;void 0===I&&y&&(I=-1);var C=p?{msTransform:"rotate(".concat(p,"deg)"),transform:"rotate(".concat(p,"deg)")}:void 0,O=F(h),k=Object(n["a"])(O,2),j=k[0],q=k[1];return i["createElement"]("span",Object(r["a"])(Object(r["a"])({role:"img","aria-label":s.name},E),{},{ref:a,tabIndex:I,onClick:y,className:w}),i["createElement"](V,{icon:s,primaryColor:j,secondaryColor:q,style:C}))}));Y.displayName="AntdIcon",Y.getTwoToneColor=B,Y.setTwoToneColor=N;a["a"]=Y},"6vYY":function(e,a,t){"use strict";t.r(a);var r=t("tJVT"),n=t("q1tI"),l=t.n(n),c=t("m/eG"),i=(t("PueU"),e=>{var a=e.visible,t=e.onCreate,n=e.onCancel,i=c["y"].useForm(),m=Object(r["a"])(i,1),s=m[0];return l.a.createElement(c["G"],{visible:a,title:"Create a new collection",okText:"Create",cancelText:"Cancel",onCancel:n,onOk:()=>{s.validateFields().then((e=>{s.resetFields(),t(e)})).catch((e=>{console.log("Validate Failed:",e)}))}},l.a.createElement(c["y"],{form:s,layout:"vertical",name:"form_in_modal",initialValues:{modifier:"public"}},l.a.createElement(c["y"].Item,{name:"title",label:"Title",rules:[{required:!0,message:"Please input the title of collection!"}]},l.a.createElement(c["A"],null)),l.a.createElement(c["y"].Item,{name:"description",label:"Description"},l.a.createElement(c["A"],{type:"textarea"})),l.a.createElement(c["y"].Item,{name:"modifier",className:"collection-create-form_last-form-item"},l.a.createElement(c["M"].Group,null,l.a.createElement(c["M"],{value:"public"},"Public"),l.a.createElement(c["M"],{value:"private"},"Private")))))}),m=()=>{var e=Object(n["useState"])(!1),a=Object(r["a"])(e,2),t=a[0],m=a[1],s=e=>{console.log("Received values of form: ",e),m(!1)};return l.a.createElement("div",null,l.a.createElement(c["i"],{type:"primary",onClick:()=>{m(!0)}},"New Collection"),l.a.createElement(i,{visible:t,onCreate:s,onCancel:()=>{m(!1)}}))};a["default"]=m},"8Skl":function(e,a,t){"use strict";var r=t("VTBJ"),n=t("q1tI"),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"}}]},name:"down",theme:"outlined"},c=l,i=t("6VBw"),m=function(e,a){return n["createElement"](i["a"],Object(r["a"])(Object(r["a"])({},e),{},{ref:a,icon:c}))};m.displayName="DownOutlined";a["a"]=n["forwardRef"](m)},BEK7:function(e,a,t){"use strict";t.r(a);var r=t("q1tI"),n=t.n(r),l=t("m/eG"),c=t("ePAT"),i=l["Q"].Option,m={labelCol:{xs:{span:24},sm:{span:5}},wrapperCol:{xs:{span:24},sm:{span:12}}},s=()=>n.a.createElement(l["y"],m,n.a.createElement(l["y"].Item,{label:"Fail",validateStatus:"error",help:"Should be combination of numbers & alphabets"},n.a.createElement(l["A"],{placeholder:"unavailable choice",id:"error"})),n.a.createElement(l["y"].Item,{label:"Warning",validateStatus:"warning"},n.a.createElement(l["A"],{placeholder:"Warning",id:"warning",prefix:n.a.createElement(c["a"],null)})),n.a.createElement(l["y"].Item,{label:"Validating",hasFeedback:!0,validateStatus:"validating",help:"The information is being validated..."},n.a.createElement(l["A"],{placeholder:"I'm the content is being validated",id:"validating"})),n.a.createElement(l["y"].Item,{label:"Success",hasFeedback:!0,validateStatus:"success"},n.a.createElement(l["A"],{placeholder:"I'm the content",id:"success"})),n.a.createElement(l["y"].Item,{label:"Warning",hasFeedback:!0,validateStatus:"warning"},n.a.createElement(l["A"],{placeholder:"Warning",id:"warning2"})),n.a.createElement(l["y"].Item,{label:"Fail",hasFeedback:!0,validateStatus:"error",help:"Should be combination of numbers & alphabets"},n.a.createElement(l["A"],{placeholder:"unavailable choice",id:"error2"})),n.a.createElement(l["y"].Item,{label:"Success",hasFeedback:!0,validateStatus:"success"},n.a.createElement(l["s"],{style:{width:"100%"}})),n.a.createElement(l["y"].Item,{label:"Warning",hasFeedback:!0,validateStatus:"warning"},n.a.createElement(l["bb"],{style:{width:"100%"}})),n.a.createElement(l["y"].Item,{label:"Error",hasFeedback:!0,validateStatus:"error"},n.a.createElement(l["Q"],{allowClear:!0},n.a.createElement(i,{value:"1"},"Option 1"),n.a.createElement(i,{value:"2"},"Option 2"),n.a.createElement(i,{value:"3"},"Option 3"))),n.a.createElement(l["y"].Item,{label:"Validating",hasFeedback:!0,validateStatus:"validating",help:"The information is being validated..."},n.a.createElement(l["m"],{options:[{value:"xx",label:"xx"}],allowClear:!0})),n.a.createElement(l["y"].Item,{label:"inline",style:{marginBottom:0}},n.a.createElement(l["y"].Item,{validateStatus:"error",help:"Please select the correct date",style:{display:"inline-block",width:"calc(50% - 12px)"}},n.a.createElement(l["s"],null)),n.a.createElement("span",{style:{display:"inline-block",width:"24px",lineHeight:"32px",textAlign:"center"}},"-"),n.a.createElement(l["y"].Item,{style:{display:"inline-block",width:"calc(50% - 12px)"}},n.a.createElement(l["s"],null))),n.a.createElement(l["y"].Item,{label:"Success",hasFeedback:!0,validateStatus:"success"},n.a.createElement(l["B"],{style:{width:"100%"}})),n.a.createElement(l["y"].Item,{label:"Success",hasFeedback:!0,validateStatus:"success"},n.a.createElement(l["A"],{allowClear:!0,placeholder:"with allowClear"})),n.a.createElement(l["y"].Item,{label:"Warning",hasFeedback:!0,validateStatus:"warning"},n.a.createElement(l["A"].Password,{placeholder:"with input password"})),n.a.createElement(l["y"].Item,{label:"Error",hasFeedback:!0,validateStatus:"error"},n.a.createElement(l["A"].Password,{allowClear:!0,placeholder:"with input password and allowClear"})));a["default"]=s},E5MK:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("9og8"),l=t("WmNS"),c=t.n(l),i=t("q1tI"),m=t.n(i),s=t("m/eG"),o=t("wlus"),u=t("xvlK"),d={labelCol:{xs:{span:24},sm:{span:4}},wrapperCol:{xs:{span:24},sm:{span:20}}},p={wrapperCol:{xs:{span:24,offset:0},sm:{span:20,offset:4}}},b=()=>{var e=e=>{console.log("Received values of form:",e)};return m.a.createElement(s["y"],Object(r["a"])({name:"dynamic_form_item"},p,{onFinish:e}),m.a.createElement(s["y"].List,{name:"names",rules:[{validator:function(){var e=Object(n["a"])(c.a.mark((function e(a,t){return c.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(t&&!(t.length<2)){e.next=2;break}return e.abrupt("return",Promise.reject(new Error("At least 2 passengers")));case 2:case"end":return e.stop()}}),e)})));function a(a,t){return e.apply(this,arguments)}return a}()}]},((e,a,t)=>{var n=a.add,l=a.remove,c=t.errors;return m.a.createElement(m.a.Fragment,null,e.map(((a,t)=>m.a.createElement(s["y"].Item,Object(r["a"])({},0===t?d:p,{label:0===t?"Passengers":"",required:!1,key:a.key}),m.a.createElement(s["y"].Item,Object(r["a"])({},a,{validateTrigger:["onChange","onBlur"],rules:[{required:!0,whitespace:!0,message:"Please input passenger's name or delete this field."}],noStyle:!0}),m.a.createElement(s["A"],{placeholder:"passenger name",style:{width:"60%"}})),e.length>1?m.a.createElement(o["a"],{className:"dynamic-delete-button",onClick:()=>l(a.name)}):null))),m.a.createElement(s["y"].Item,null,m.a.createElement(s["i"],{type:"dashed",onClick:()=>n(),style:{width:"60%"},icon:m.a.createElement(u["a"],null)},"Add field"),m.a.createElement(s["i"],{type:"dashed",onClick:()=>{n("The head item",0)},style:{width:"60%",marginTop:"20px"},icon:m.a.createElement(u["a"],null)},"Add field at head"),m.a.createElement(s["y"].ErrorList,{errors:c})))})),m.a.createElement(s["y"].Item,null,m.a.createElement(s["i"],{type:"primary",htmlType:"submit"},"Submit")))};a["default"]=b},FY4R:function(e,a,t){"use strict";var r=t("VTBJ"),n=t("q1tI"),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z"}}]},name:"lock",theme:"outlined"},c=l,i=t("6VBw"),m=function(e,a){return n["createElement"](i["a"],Object(r["a"])(Object(r["a"])({},e),{},{ref:a,icon:c}))};m.displayName="LockOutlined";a["a"]=n["forwardRef"](m)},FttP:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("k1fw"),l=t("q1tI"),c=t.n(l),i=t("m/eG"),m={labelCol:{span:8},wrapperCol:{span:16}},s={required:"${label} is required!",types:{email:"${label} is not a valid email!",number:"${label} is not a valid number!"},number:{range:"${label} must be between ${min} and ${max}"}},o=()=>{var e=e=>{console.log(e)};return c.a.createElement(i["y"],Object(r["a"])({},m,{name:"nest-messages",onFinish:e,validateMessages:s}),c.a.createElement(i["y"].Item,{name:["user","name"],label:"Name",rules:[{required:!0}]},c.a.createElement(i["A"],null)),c.a.createElement(i["y"].Item,{name:["user","email"],label:"Email",rules:[{type:"email"}]},c.a.createElement(i["A"],null)),c.a.createElement(i["y"].Item,{name:["user","age"],label:"Age",rules:[{type:"number",min:0,max:99}]},c.a.createElement(i["B"],null)),c.a.createElement(i["y"].Item,{name:["user","website"],label:"Website"},c.a.createElement(i["A"],null)),c.a.createElement(i["y"].Item,{name:["user","introduction"],label:"Introduction"},c.a.createElement(i["A"].TextArea,null)),c.a.createElement(i["y"].Item,{wrapperCol:Object(n["a"])(Object(n["a"])({},m.wrapperCol),{},{offset:8})},c.a.createElement(i["i"],{type:"primary",htmlType:"submit"},"Submit")))};a["default"]=o},GLHp:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("tJVT"),l=t("q1tI"),c=t.n(l),i=t("m/eG"),m=i["Q"].Option,s=[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou",children:[{value:"xihu",label:"West Lake"}]}]},{value:"jiangsu",label:"Jiangsu",children:[{value:"nanjing",label:"Nanjing",children:[{value:"zhonghuamen",label:"Zhong Hua Men"}]}]}],o={labelCol:{xs:{span:24},sm:{span:8}},wrapperCol:{xs:{span:24},sm:{span:16}}},u={wrapperCol:{xs:{span:24,offset:0},sm:{span:16,offset:8}}},d=()=>{var e=i["y"].useForm(),a=Object(n["a"])(e,1),t=a[0],d=e=>{console.log("Received values of form: ",e)},p=c.a.createElement(i["y"].Item,{name:"prefix",noStyle:!0},c.a.createElement(i["Q"],{style:{width:70}},c.a.createElement(m,{value:"86"},"+86"),c.a.createElement(m,{value:"87"},"+87"))),b=Object(l["useState"])([]),y=Object(n["a"])(b,2),h=y[0],E=y[1],f=e=>{E(e?[".com",".org",".net"].map((a=>"".concat(e).concat(a))):[])},v=h.map((e=>({label:e,value:e})));return c.a.createElement(i["y"],Object(r["a"])({},o,{form:t,name:"register",onFinish:d,initialValues:{residence:["zhejiang","hangzhou","xihu"],prefix:"86"},scrollToFirstError:!0}),c.a.createElement(i["y"].Item,{name:"email",label:"E-mail",rules:[{type:"email",message:"The input is not valid E-mail!"},{required:!0,message:"Please input your E-mail!"}]},c.a.createElement(i["A"],null)),c.a.createElement(i["y"].Item,{name:"password",label:"Password",rules:[{required:!0,message:"Please input your password!"}],hasFeedback:!0},c.a.createElement(i["A"].Password,null)),c.a.createElement(i["y"].Item,{name:"confirm",label:"Confirm Password",dependencies:["password"],hasFeedback:!0,rules:[{required:!0,message:"Please confirm your password!"},e=>{var a=e.getFieldValue;return{validator(e,t){return t&&a("password")!==t?Promise.reject(new Error("The two passwords that you entered do not match!")):Promise.resolve()}}}]},c.a.createElement(i["A"].Password,null)),c.a.createElement(i["y"].Item,{name:"nickname",label:"Nickname",tooltip:"What do you want others to call you?",rules:[{required:!0,message:"Please input your nickname!",whitespace:!0}]},c.a.createElement(i["A"],null)),c.a.createElement(i["y"].Item,{name:"residence",label:"Habitual Residence",rules:[{type:"array",required:!0,message:"Please select your habitual residence!"}]},c.a.createElement(i["m"],{options:s})),c.a.createElement(i["y"].Item,{name:"phone",label:"Phone Number",rules:[{required:!0,message:"Please input your phone number!"}]},c.a.createElement(i["A"],{addonBefore:p,style:{width:"100%"}})),c.a.createElement(i["y"].Item,{name:"website",label:"Website",rules:[{required:!0,message:"Please input website!"}]},c.a.createElement(i["d"],{options:v,onChange:f,placeholder:"website"},c.a.createElement(i["A"],null))),c.a.createElement(i["y"].Item,{name:"gender",label:"Gender",rules:[{required:!0,message:"Please select gender!"}]},c.a.createElement(i["Q"],{placeholder:"select your gender"},c.a.createElement(m,{value:"male"},"Male"),c.a.createElement(m,{value:"female"},"Female"),c.a.createElement(m,{value:"other"},"Other"))),c.a.createElement(i["y"].Item,{label:"Captcha",extra:"We must make sure that your are a human."},c.a.createElement(i["P"],{gutter:8},c.a.createElement(i["o"],{span:12},c.a.createElement(i["y"].Item,{name:"captcha",noStyle:!0,rules:[{required:!0,message:"Please input the captcha you got!"}]},c.a.createElement(i["A"],null))),c.a.createElement(i["o"],{span:12},c.a.createElement(i["i"],null,"Get captcha")))),c.a.createElement(i["y"].Item,Object(r["a"])({name:"agreement",valuePropName:"checked",rules:[{validator:(e,a)=>a?Promise.resolve():Promise.reject(new Error("Should accept agreement"))}]},u),c.a.createElement(i["n"],null,"I have read the ",c.a.createElement("a",{href:""},"agreement"))),c.a.createElement(i["y"].Item,u,c.a.createElement(i["i"],{type:"primary",htmlType:"submit"},"Register")))};a["default"]=d},PueU:function(e,a,t){},RAPb:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("k1fw"),l=t("tJVT"),c=t("q1tI"),i=t.n(c),m=t("m/eG");function s(e){return 11===e?{validateStatus:"success",errorMsg:null}:{validateStatus:"error",errorMsg:"The prime between 8 and 12 is 11!"}}var o={labelCol:{span:7},wrapperCol:{span:12}},u=()=>{var e=Object(c["useState"])({value:11}),a=Object(l["a"])(e,2),t=a[0],u=a[1],d="A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.",p=e=>{u(Object(n["a"])(Object(n["a"])({},s(e)),{},{value:e}))};return i.a.createElement(m["y"],null,i.a.createElement(m["y"].Item,Object(r["a"])({},o,{label:"Prime between 8 & 12",validateStatus:t.validateStatus,help:t.errorMsg||d}),i.a.createElement(m["B"],{min:8,max:12,value:t.value,onChange:p})))};a["default"]=u},SU6L:function(e,a,t){"use strict";t.r(a);var r=t("tJVT"),n=t("q1tI"),l=t.n(n),c=t("m/eG"),i=e=>{var a=e.onChange,t=e.fields;return l.a.createElement(c["y"],{name:"global_state",layout:"inline",fields:t,onFieldsChange:(e,t)=>{a(t)}},l.a.createElement(c["y"].Item,{name:"username",label:"Username",rules:[{required:!0,message:"Username is required!"}]},l.a.createElement(c["A"],null)))},m=()=>{var e=Object(n["useState"])([{name:["username"],value:"Ant Design"}]),a=Object(r["a"])(e,2),t=a[0],c=a[1];return l.a.createElement(l.a.Fragment,null,l.a.createElement(i,{fields:t,onChange:e=>{c(e)}}),l.a.createElement("pre",{className:"language-bash"},JSON.stringify(t,null,2)))};a["default"]=m},TnNY:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("tJVT"),l=t("q1tI"),c=t.n(l),i=t("m/eG"),m=t("wlus"),s=t("xvlK"),o=i["Q"].Option,u=[{label:"Beijing",value:"Beijing"},{label:"Shanghai",value:"Shanghai"}],d={Beijing:["Tiananmen","Great Wall"],Shanghai:["Oriental Pearl","The Bund"]},p=()=>{var e=i["y"].useForm(),a=Object(n["a"])(e,1),t=a[0],l=e=>{console.log("Received values of form:",e)},p=()=>{t.setFieldsValue({sights:[]})};return c.a.createElement(i["y"],{form:t,name:"dynamic_form_nest_item",onFinish:l,autoComplete:"off"},c.a.createElement(i["y"].Item,{name:"area",label:"Area",rules:[{required:!0,message:"Missing area"}]},c.a.createElement(i["Q"],{options:u,onChange:p})),c.a.createElement(i["y"].List,{name:"sights"},((e,a)=>{var n=a.add,l=a.remove;return c.a.createElement(c.a.Fragment,null,e.map((e=>c.a.createElement(i["T"],{key:e.key,align:"baseline"},c.a.createElement(i["y"].Item,{noStyle:!0,shouldUpdate:(e,a)=>e.area!==a.area||e.sights!==a.sights},(()=>c.a.createElement(i["y"].Item,Object(r["a"])({},e,{label:"Sight",name:[e.name,"sight"],fieldKey:[e.fieldKey,"sight"],rules:[{required:!0,message:"Missing sight"}]}),c.a.createElement(i["Q"],{disabled:!t.getFieldValue("area"),style:{width:130}},(d[t.getFieldValue("area")]||[]).map((e=>c.a.createElement(o,{key:e,value:e},e))))))),c.a.createElement(i["y"].Item,Object(r["a"])({},e,{label:"Price",name:[e.name,"price"],fieldKey:[e.fieldKey,"price"],rules:[{required:!0,message:"Missing price"}]}),c.a.createElement(i["A"],null)),c.a.createElement(m["a"],{onClick:()=>l(e.name)})))),c.a.createElement(i["y"].Item,null,c.a.createElement(i["i"],{type:"dashed",onClick:()=>n(),block:!0,icon:c.a.createElement(s["a"],null)},"Add sights")))})),c.a.createElement(i["y"].Item,null,c.a.createElement(i["i"],{type:"primary",htmlType:"submit"},"Submit")))};a["default"]=p},VDfA:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("tJVT"),l=t("q1tI"),c=t.n(l),i=t("m/eG"),m=t("cJ7L"),s=t("ePAT"),o={labelCol:{span:8},wrapperCol:{span:16}},u={wrapperCol:{offset:8,span:16}},d=e=>{var a=e.form,t=e.visible,r=Object(l["useRef"])();Object(l["useEffect"])((()=>{r.current=t}),[t]);var n=r.current;Object(l["useEffect"])((()=>{!t&&n&&a.resetFields()}),[t])},p=e=>{var a=e.visible,t=e.onCancel,r=i["y"].useForm(),l=Object(n["a"])(r,1),m=l[0];d({form:m,visible:a});var s=()=>{m.submit()};return c.a.createElement(i["G"],{title:"Basic Drawer",visible:a,onOk:s,onCancel:t},c.a.createElement(i["y"],{form:m,layout:"vertical",name:"userForm"},c.a.createElement(i["y"].Item,{name:"name",label:"User Name",rules:[{required:!0}]},c.a.createElement(i["A"],null)),c.a.createElement(i["y"].Item,{name:"age",label:"User Age",rules:[{required:!0}]},c.a.createElement(i["B"],null))))},b=()=>{var e=Object(l["useState"])(!1),a=Object(n["a"])(e,2),t=a[0],d=a[1],b=()=>{d(!0)},y=()=>{d(!1)},h=e=>{console.log("Finish:",e)};return c.a.createElement(c.a.Fragment,null,c.a.createElement(i["y"].Provider,{onFormFinish:(e,a)=>{var t=a.values,r=a.forms;if("userForm"===e){var n=r.basicForm,l=n.getFieldValue("users")||[];n.setFieldsValue({users:[...l,t]}),d(!1)}}},c.a.createElement(i["y"],Object(r["a"])({},o,{name:"basicForm",onFinish:h}),c.a.createElement(i["y"].Item,{name:"group",label:"Group Name",rules:[{required:!0}]},c.a.createElement(i["A"],null)),c.a.createElement(i["y"].Item,{label:"User List",shouldUpdate:(e,a)=>e.users!==a.users},(e=>{var a=e.getFieldValue,t=a("users")||[];return t.length?c.a.createElement("ul",null,t.map(((e,a)=>c.a.createElement("li",{key:a,className:"user"},c.a.createElement(i["e"],{icon:c.a.createElement(m["a"],null)}),e.name," - ",e.age)))):c.a.createElement(i["hb"].Text,{className:"ant-form-text",type:"secondary"},"( ",c.a.createElement(s["a"],null)," No user yet. )")})),c.a.createElement(i["y"].Item,u,c.a.createElement(i["i"],{htmlType:"submit",type:"primary"},"Submit"),c.a.createElement(i["i"],{htmlType:"button",style:{margin:"0 8px"},onClick:b},"Add User"))),c.a.createElement(p,{visible:t,onCancel:y})))};a["default"]=b},XDGf:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("tJVT"),l=t("q1tI"),c=t.n(l),i=t("m/eG"),m=i["Q"].Option,s={labelCol:{span:8},wrapperCol:{span:16}},o={wrapperCol:{offset:8,span:16}},u=()=>{var e=i["y"].useForm(),a=Object(n["a"])(e,1),t=a[0],l=e=>{switch(e){case"male":return void t.setFieldsValue({note:"Hi, man!"});case"female":return void t.setFieldsValue({note:"Hi, lady!"});case"other":t.setFieldsValue({note:"Hi there!"})}},u=e=>{console.log(e)},d=()=>{t.resetFields()},p=()=>{t.setFieldsValue({note:"Hello world!",gender:"male"})};return c.a.createElement(i["y"],Object(r["a"])({},s,{form:t,name:"control-hooks",onFinish:u}),c.a.createElement(i["y"].Item,{name:"note",label:"Note",rules:[{required:!0}]},c.a.createElement(i["A"],null)),c.a.createElement(i["y"].Item,{name:"gender",label:"Gender",rules:[{required:!0}]},c.a.createElement(i["Q"],{placeholder:"Select a option and change input text above",onChange:l,allowClear:!0},c.a.createElement(m,{value:"male"},"male"),c.a.createElement(m,{value:"female"},"female"),c.a.createElement(m,{value:"other"},"other"))),c.a.createElement(i["y"].Item,{noStyle:!0,shouldUpdate:(e,a)=>e.gender!==a.gender},(e=>{var a=e.getFieldValue;return"other"===a("gender")?c.a.createElement(i["y"].Item,{name:"customizeGender",label:"Customize Gender",rules:[{required:!0}]},c.a.createElement(i["A"],null)):null})),c.a.createElement(i["y"].Item,o,c.a.createElement(i["i"],{type:"primary",htmlType:"submit"},"Submit"),c.a.createElement(i["i"],{htmlType:"button",onClick:d},"Reset"),c.a.createElement(i["i"],{type:"link",htmlType:"button",onClick:p},"Fill form")))};a["default"]=u},cJ7L:function(e,a,t){"use strict";var r=t("VTBJ"),n=t("q1tI"),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"}}]},name:"user",theme:"outlined"},c=l,i=t("6VBw"),m=function(e,a){return n["createElement"](i["a"],Object(r["a"])(Object(r["a"])({},e),{},{ref:a,icon:c}))};m.displayName="UserOutlined";a["a"]=n["forwardRef"](m)},ePAT:function(e,a,t){"use strict";var r=t("VTBJ"),n=t("q1tI"),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"}}]},name:"smile",theme:"outlined"},c=l,i=t("6VBw"),m=function(e,a){return n["createElement"](i["a"],Object(r["a"])(Object(r["a"])({},e),{},{ref:a,icon:c}))};m.displayName="SmileOutlined";a["a"]=n["forwardRef"](m)},gIYN:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("k1fw"),l=t("q1tI"),c=t.n(l),i=t("m/eG"),m=i["s"].RangePicker,s={labelCol:{xs:{span:24},sm:{span:8}},wrapperCol:{xs:{span:24},sm:{span:16}}},o={rules:[{type:"object",required:!0,message:"Please select time!"}]},u={rules:[{type:"array",required:!0,message:"Please select time!"}]},d=()=>{var e=e=>{var a=e["range-picker"],t=e["range-time-picker"],r=Object(n["a"])(Object(n["a"])({},e),{},{"date-picker":e["date-picker"].format("YYYY-MM-DD"),"date-time-picker":e["date-time-picker"].format("YYYY-MM-DD HH:mm:ss"),"month-picker":e["month-picker"].format("YYYY-MM"),"range-picker":[a[0].format("YYYY-MM-DD"),a[1].format("YYYY-MM-DD")],"range-time-picker":[t[0].format("YYYY-MM-DD HH:mm:ss"),t[1].format("YYYY-MM-DD HH:mm:ss")],"time-picker":e["time-picker"].format("HH:mm:ss")});console.log("Received values of form: ",r)};return c.a.createElement(i["y"],Object(r["a"])({name:"time_related_controls"},s,{onFinish:e}),c.a.createElement(i["y"].Item,Object(r["a"])({name:"date-picker",label:"DatePicker"},o),c.a.createElement(i["s"],null)),c.a.createElement(i["y"].Item,Object(r["a"])({name:"date-time-picker",label:"DatePicker[showTime]"},o),c.a.createElement(i["s"],{showTime:!0,format:"YYYY-MM-DD HH:mm:ss"})),c.a.createElement(i["y"].Item,Object(r["a"])({name:"month-picker",label:"MonthPicker"},o),c.a.createElement(i["s"],{picker:"month"})),c.a.createElement(i["y"].Item,Object(r["a"])({name:"range-picker",label:"RangePicker"},u),c.a.createElement(m,null)),c.a.createElement(i["y"].Item,Object(r["a"])({name:"range-time-picker",label:"RangePicker[showTime]"},u),c.a.createElement(m,{showTime:!0,format:"YYYY-MM-DD HH:mm:ss"})),c.a.createElement(i["y"].Item,Object(r["a"])({name:"time-picker",label:"TimePicker"},o),c.a.createElement(i["bb"],null)),c.a.createElement(i["y"].Item,{wrapperCol:{xs:{span:24,offset:0},sm:{span:16,offset:8}}},c.a.createElement(i["i"],{type:"primary",htmlType:"submit"},"Submit")))};a["default"]=d},kK1p:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("PpiC"),l=t("q1tI"),c=t.n(l),i=t("m/eG"),m=t("wlus"),s=t("xvlK"),o=()=>{var e=e=>{console.log("Received values of form:",e)};return c.a.createElement(i["y"],{name:"dynamic_form_nest_item",onFinish:e,autoComplete:"off"},c.a.createElement(i["y"].List,{name:"users"},((e,a)=>{var t=a.add,l=a.remove;return c.a.createElement(c.a.Fragment,null,e.map((e=>{var a=e.key,t=e.name,s=e.fieldKey,o=Object(n["a"])(e,["key","name","fieldKey"]);return c.a.createElement(i["T"],{key:a,style:{display:"flex",marginBottom:8},align:"baseline"},c.a.createElement(i["y"].Item,Object(r["a"])({},o,{name:[t,"first"],fieldKey:[s,"first"],rules:[{required:!0,message:"Missing first name"}]}),c.a.createElement(i["A"],{placeholder:"First Name"})),c.a.createElement(i["y"].Item,Object(r["a"])({},o,{name:[t,"last"],fieldKey:[s,"last"],rules:[{required:!0,message:"Missing last name"}]}),c.a.createElement(i["A"],{placeholder:"Last Name"})),c.a.createElement(m["a"],{onClick:()=>l(t)}))})),c.a.createElement(i["y"].Item,null,c.a.createElement(i["i"],{type:"dashed",onClick:()=>t(),block:!0,icon:c.a.createElement(s["a"],null)},"Add field")))})),c.a.createElement(i["y"].Item,null,c.a.createElement(i["i"],{type:"primary",htmlType:"submit"},"Submit")))};a["default"]=o},koV8:function(e,a,t){"use strict";t.r(a);var r=t("q1tI"),n=t.n(r),l=t("m/eG"),c=()=>{var e=e=>{console.log("Success:",e)},a=e=>{console.log("Failed:",e)};return n.a.createElement(l["y"],{name:"basic",labelCol:{span:8},wrapperCol:{span:16},initialValues:{remember:!0},onFinish:e,onFinishFailed:a},n.a.createElement(l["y"].Item,{label:"Username",name:"username",rules:[{required:!0,message:"Please input your username!"}]},n.a.createElement(l["A"],null)),n.a.createElement(l["y"].Item,{label:"Password",name:"password",rules:[{required:!0,message:"Please input your password!"}]},n.a.createElement(l["A"].Password,null)),n.a.createElement(l["y"].Item,{name:"remember",valuePropName:"checked",wrapperCol:{offset:8,span:16}},n.a.createElement(l["n"],null,"Remember me")),n.a.createElement(l["y"].Item,{wrapperCol:{offset:8,span:16}},n.a.createElement(l["i"],{type:"primary",htmlType:"submit"},"Submit")))};a["default"]=c},msLY:function(e,a,t){"use strict";t.r(a);var r=t("tJVT"),n=t("q1tI"),l=t.n(n),c=t("m/eG"),i=()=>{var e=Object(n["useState"])("default"),a=Object(r["a"])(e,2),t=a[0],i=a[1],m=e=>{var a=e.size;i(a)};return l.a.createElement(l.a.Fragment,null,l.a.createElement(c["y"],{labelCol:{span:4},wrapperCol:{span:14},layout:"horizontal",initialValues:{size:t},onValuesChange:m,size:t},l.a.createElement(c["y"].Item,{label:"Form Size",name:"size"},l.a.createElement(c["M"].Group,null,l.a.createElement(c["M"].Button,{value:"small"},"Small"),l.a.createElement(c["M"].Button,{value:"default"},"Default"),l.a.createElement(c["M"].Button,{value:"large"},"Large"))),l.a.createElement(c["y"].Item,{label:"Input"},l.a.createElement(c["A"],null)),l.a.createElement(c["y"].Item,{label:"Select"},l.a.createElement(c["Q"],null,l.a.createElement(c["Q"].Option,{value:"demo"},"Demo"))),l.a.createElement(c["y"].Item,{label:"TreeSelect"},l.a.createElement(c["gb"],{treeData:[{title:"Light",value:"light",children:[{title:"Bamboo",value:"bamboo"}]}]})),l.a.createElement(c["y"].Item,{label:"Cascader"},l.a.createElement(c["m"],{options:[{value:"zhejiang",label:"Zhejiang",children:[{value:"hangzhou",label:"Hangzhou"}]}]})),l.a.createElement(c["y"].Item,{label:"DatePicker"},l.a.createElement(c["s"],null)),l.a.createElement(c["y"].Item,{label:"InputNumber"},l.a.createElement(c["B"],null)),l.a.createElement(c["y"].Item,{label:"Switch"},l.a.createElement(c["X"],null)),l.a.createElement(c["y"].Item,{label:"Button"},l.a.createElement(c["i"],null,"Button"))))};a["default"]=i},muou:function(e,a,t){"use strict";t.r(a);var r=t("q1tI"),n=t.n(r),l=t("m/eG"),c=t("cJ7L"),i=t("FY4R"),m=()=>{var e=e=>{console.log("Received values of form: ",e)};return n.a.createElement(l["y"],{name:"normal_login",className:"login-form",initialValues:{remember:!0},onFinish:e},n.a.createElement(l["y"].Item,{name:"username",rules:[{required:!0,message:"Please input your Username!"}]},n.a.createElement(l["A"],{prefix:n.a.createElement(c["a"],{className:"site-form-item-icon"}),placeholder:"Username"})),n.a.createElement(l["y"].Item,{name:"password",rules:[{required:!0,message:"Please input your Password!"}]},n.a.createElement(l["A"],{prefix:n.a.createElement(i["a"],{className:"site-form-item-icon"}),type:"password",placeholder:"Password"})),n.a.createElement(l["y"].Item,null,n.a.createElement(l["y"].Item,{name:"remember",valuePropName:"checked",noStyle:!0},n.a.createElement(l["n"],null,"Remember me")),n.a.createElement("a",{className:"login-form-forgot",href:""},"Forgot password")),n.a.createElement(l["y"].Item,null,n.a.createElement(l["i"],{type:"primary",htmlType:"submit",className:"login-form-button"},"Log in"),"Or ",n.a.createElement("a",{href:""},"register now!")))};a["default"]=m},nC7M:function(e,a,t){"use strict";t.r(a);var r=t("q1tI"),n=t.n(r),l=t("m/eG"),c=l["Q"].Option,i=()=>{var e=e=>{console.log("Received values of form: ",e)};return n.a.createElement(l["y"],{name:"complex-form",onFinish:e,labelCol:{span:8},wrapperCol:{span:16}},n.a.createElement(l["y"].Item,{label:"Username"},n.a.createElement(l["T"],null,n.a.createElement(l["y"].Item,{name:"username",noStyle:!0,rules:[{required:!0,message:"Username is required"}]},n.a.createElement(l["A"],{style:{width:160},placeholder:"Please input"})),n.a.createElement(l["db"],{title:"Useful information"},n.a.createElement(l["hb"].Link,{href:"#API"},"Need Help?")))),n.a.createElement(l["y"].Item,{label:"Address"},n.a.createElement(l["A"].Group,{compact:!0},n.a.createElement(l["y"].Item,{name:["address","province"],noStyle:!0,rules:[{required:!0,message:"Province is required"}]},n.a.createElement(l["Q"],{placeholder:"Select province"},n.a.createElement(c,{value:"Zhejiang"},"Zhejiang"),n.a.createElement(c,{value:"Jiangsu"},"Jiangsu"))),n.a.createElement(l["y"].Item,{name:["address","street"],noStyle:!0,rules:[{required:!0,message:"Street is required"}]},n.a.createElement(l["A"],{style:{width:"50%"},placeholder:"Input street"})))),n.a.createElement(l["y"].Item,{label:"BirthDate",style:{marginBottom:0}},n.a.createElement(l["y"].Item,{name:"year",rules:[{required:!0}],style:{display:"inline-block",width:"calc(50% - 8px)"}},n.a.createElement(l["A"],{placeholder:"Input birth year"})),n.a.createElement(l["y"].Item,{name:"month",rules:[{required:!0}],style:{display:"inline-block",width:"calc(50% - 8px)",margin:"0 8px"}},n.a.createElement(l["A"],{placeholder:"Input birth month"}))),n.a.createElement(l["y"].Item,{label:" ",colon:!1},n.a.createElement(l["i"],{type:"primary",htmlType:"submit"},"Submit")))};a["default"]=i},"o+L2":function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("tJVT"),l=t("q1tI"),c=t.n(l),i=t("m/eG"),m=()=>{var e=i["y"].useForm(),a=Object(n["a"])(e,1),t=a[0],m=Object(l["useState"])("horizontal"),s=Object(n["a"])(m,2),o=s[0],u=s[1],d=e=>{var a=e.layout;u(a)},p="horizontal"===o?{labelCol:{span:4},wrapperCol:{span:14}}:null,b="horizontal"===o?{wrapperCol:{span:14,offset:4}}:null;return c.a.createElement(c.a.Fragment,null,c.a.createElement(i["y"],Object(r["a"])({},p,{layout:o,form:t,initialValues:{layout:o},onValuesChange:d}),c.a.createElement(i["y"].Item,{label:"Form Layout",name:"layout"},c.a.createElement(i["M"].Group,{value:o},c.a.createElement(i["M"].Button,{value:"horizontal"},"Horizontal"),c.a.createElement(i["M"].Button,{value:"vertical"},"Vertical"),c.a.createElement(i["M"].Button,{value:"inline"},"Inline"))),c.a.createElement(i["y"].Item,{label:"Field A"},c.a.createElement(i["A"],{placeholder:"input placeholder"})),c.a.createElement(i["y"].Item,{label:"Field B"},c.a.createElement(i["A"],{placeholder:"input placeholder"})),c.a.createElement(i["y"].Item,b,c.a.createElement(i["i"],{type:"primary"},"Submit"))))};a["default"]=m},"qu/w":function(e,a,t){},rMHt:function(e,a,t){"use strict";t.r(a);var r=t("tJVT"),n=t("q1tI"),l=t.n(n),c=t("m/eG"),i=t("VTBJ"),m={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"}}]},name:"up",theme:"outlined"},s=m,o=t("6VBw"),u=function(e,a){return n["createElement"](o["a"],Object(i["a"])(Object(i["a"])({},e),{},{ref:a,icon:s}))};u.displayName="UpOutlined";var d=n["forwardRef"](u),p=t("8Skl"),b=(t("qu/w"),()=>{var e=Object(n["useState"])(!1),a=Object(r["a"])(e,2),t=a[0],i=a[1],m=c["y"].useForm(),s=Object(r["a"])(m,1),o=s[0],u=()=>{for(var e=t?10:6,a=[],r=0;r<e;r++)a.push(l.a.createElement(c["o"],{span:8,key:r},l.a.createElement(c["y"].Item,{name:"field-".concat(r),label:"Field ".concat(r),rules:[{required:!0,message:"Input something!"}]},l.a.createElement(c["A"],{placeholder:"placeholder"}))));return a},b=e=>{console.log("Received values of form: ",e)};return l.a.createElement(c["y"],{form:o,name:"advanced_search",className:"ant-advanced-search-form",onFinish:b},l.a.createElement(c["P"],{gutter:24},u()),l.a.createElement(c["P"],null,l.a.createElement(c["o"],{span:24,style:{textAlign:"right"}},l.a.createElement(c["i"],{type:"primary",htmlType:"submit"},"Search"),l.a.createElement(c["i"],{style:{margin:"0 8px"},onClick:()=>{o.resetFields()}},"Clear"),l.a.createElement("a",{style:{fontSize:12},onClick:()=>{i(!t)}},t?l.a.createElement(d,null):l.a.createElement(p["a"],null)," Collapse"))))}),y=()=>l.a.createElement("div",null,l.a.createElement(b,null),l.a.createElement("div",{className:"search-result-list"},"Search Result List"));a["default"]=y},rzX8:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("q1tI"),l=t.n(n),c=t("m/eG"),i=c["Q"].Option,m={labelCol:{span:8},wrapperCol:{span:16}},s={wrapperCol:{offset:8,span:16}};class o extends l.a.Component{constructor(){super(...arguments),this.formRef=l.a.createRef(),this.onGenderChange=e=>{switch(e){case"male":return void this.formRef.current.setFieldsValue({note:"Hi, man!"});case"female":return void this.formRef.current.setFieldsValue({note:"Hi, lady!"});case"other":this.formRef.current.setFieldsValue({note:"Hi there!"})}},this.onFinish=e=>{console.log(e)},this.onReset=()=>{this.formRef.current.resetFields()},this.onFill=()=>{this.formRef.current.setFieldsValue({note:"Hello world!",gender:"male"})}}render(){return l.a.createElement(c["y"],Object(r["a"])({},m,{ref:this.formRef,name:"control-ref",onFinish:this.onFinish}),l.a.createElement(c["y"].Item,{name:"note",label:"Note",rules:[{required:!0}]},l.a.createElement(c["A"],null)),l.a.createElement(c["y"].Item,{name:"gender",label:"Gender",rules:[{required:!0}]},l.a.createElement(c["Q"],{placeholder:"Select a option and change input text above",onChange:this.onGenderChange,allowClear:!0},l.a.createElement(i,{value:"male"},"male"),l.a.createElement(i,{value:"female"},"female"),l.a.createElement(i,{value:"other"},"other"))),l.a.createElement(c["y"].Item,{noStyle:!0,shouldUpdate:(e,a)=>e.gender!==a.gender},(e=>{var a=e.getFieldValue;return"other"===a("gender")?l.a.createElement(c["y"].Item,{name:"customizeGender",label:"Customize Gender",rules:[{required:!0}]},l.a.createElement(c["A"],null)):null})),l.a.createElement(c["y"].Item,s,l.a.createElement(c["i"],{type:"primary",htmlType:"submit"},"Submit"),l.a.createElement(c["i"],{htmlType:"button",onClick:this.onReset},"Reset"),l.a.createElement(c["i"],{type:"link",htmlType:"button",onClick:this.onFill},"Fill form")))}}a["default"]=o},sr5T:function(e,a,t){"use strict";t.r(a);var r=t("k1fw"),n=t("tJVT"),l=t("q1tI"),c=t.n(l),i=t("m/eG"),m=i["Q"].Option,s=e=>{var a=e.value,t=void 0===a?{}:a,s=e.onChange,o=Object(l["useState"])(0),u=Object(n["a"])(o,2),d=u[0],p=u[1],b=Object(l["useState"])("rmb"),y=Object(n["a"])(b,2),h=y[0],E=y[1],f=e=>{null===s||void 0===s||s(Object(r["a"])(Object(r["a"])({number:d,currency:h},t),e))},v=e=>{var a=parseInt(e.target.value||"0",10);Number.isNaN(d)||("number"in t||p(a),f({number:a}))},g=e=>{"currency"in t||E(e),f({currency:e})};return c.a.createElement("span",null,c.a.createElement(i["A"],{type:"text",value:t.number||d,onChange:v,style:{width:100}}),c.a.createElement(i["Q"],{value:t.currency||h,style:{width:80,margin:"0 8px"},onChange:g},c.a.createElement(m,{value:"rmb"},"RMB"),c.a.createElement(m,{value:"dollar"},"Dollar")))},o=()=>{var e=e=>{console.log("Received values from form: ",e)},a=(e,a)=>a.number>0?Promise.resolve():Promise.reject(new Error("Price must be greater than zero!"));return c.a.createElement(i["y"],{name:"customized_form_controls",layout:"inline",onFinish:e,initialValues:{price:{number:0,currency:"rmb"}}},c.a.createElement(i["y"].Item,{name:"price",label:"Price",rules:[{validator:a}]},c.a.createElement(s,null)),c.a.createElement(i["y"].Item,null,c.a.createElement(i["i"],{type:"primary",htmlType:"submit"},"Submit")))};a["default"]=o},wFXQ:function(e,a,t){"use strict";t.r(a);var r=t("0Owb"),n=t("9og8"),l=t("tJVT"),c=t("WmNS"),i=t.n(c),m=t("q1tI"),s=t.n(m),o=t("m/eG"),u={labelCol:{span:4},wrapperCol:{span:8}},d={labelCol:{span:4},wrapperCol:{span:8,offset:4}},p=()=>{var e=o["y"].useForm(),a=Object(l["a"])(e,1),t=a[0],c=Object(m["useState"])(!1),p=Object(l["a"])(c,2),b=p[0],y=p[1];Object(m["useEffect"])((()=>{t.validateFields(["nickname"])}),[b]);var h=e=>{y(e.target.checked)},E=function(){var e=Object(n["a"])(i.a.mark((function e(){var a;return i.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,t.validateFields();case 3:a=e.sent,console.log("Success:",a),e.next=10;break;case 7:e.prev=7,e.t0=e["catch"](0),console.log("Failed:",e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(){return e.apply(this,arguments)}}();return s.a.createElement(o["y"],{form:t,name:"dynamic_rule"},s.a.createElement(o["y"].Item,Object(r["a"])({},u,{name:"username",label:"Name",rules:[{required:!0,message:"Please input your name"}]}),s.a.createElement(o["A"],{placeholder:"Please input your name"})),s.a.createElement(o["y"].Item,Object(r["a"])({},u,{name:"nickname",label:"Nickname",rules:[{required:b,message:"Please input your nickname"}]}),s.a.createElement(o["A"],{placeholder:"Please input your nickname"})),s.a.createElement(o["y"].Item,d,s.a.createElement(o["n"],{checked:b,onChange:h},"Nickname is required")),s.a.createElement(o["y"].Item,d,s.a.createElement(o["i"],{type:"primary",onClick:E},"Check")))};a["default"]=p},wlus:function(e,a,t){"use strict";var r=t("VTBJ"),n=t("q1tI"),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M696 480H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"}},{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}}]},name:"minus-circle",theme:"outlined"},c=l,i=t("6VBw"),m=function(e,a){return n["createElement"](i["a"],Object(r["a"])(Object(r["a"])({},e),{},{ref:a,icon:c}))};m.displayName="MinusCircleOutlined";a["a"]=n["forwardRef"](m)},xvlK:function(e,a,t){"use strict";var r=t("VTBJ"),n=t("q1tI"),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"}},{tag:"path",attrs:{d:"M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"}}]},name:"plus",theme:"outlined"},c=l,i=t("6VBw"),m=function(e,a){return n["createElement"](i["a"],Object(r["a"])(Object(r["a"])({},e),{},{ref:a,icon:c}))};m.displayName="PlusOutlined";a["a"]=n["forwardRef"](m)},yNfo:function(e,a,t){"use strict";t.r(a);var r=t("tJVT"),n=t("q1tI"),l=t.n(n),c=t("m/eG"),i=t("+YFz"),m=()=>{var e=c["y"].useForm(),a=Object(r["a"])(e,1),t=a[0],m=Object(n["useState"])("optional"),s=Object(r["a"])(m,2),o=s[0],u=s[1],d=e=>{var a=e.requiredMarkValue;u(a)};return l.a.createElement(c["y"],{form:t,layout:"vertical",initialValues:{requiredMarkValue:o},onValuesChange:d,requiredMark:o},l.a.createElement(c["y"].Item,{label:"Required Mark",name:"requiredMarkValue"},l.a.createElement(c["M"].Group,null,l.a.createElement(c["M"].Button,{value:"optional"},"Optional"),l.a.createElement(c["M"].Button,{value:!0},"Required"),l.a.createElement(c["M"].Button,{value:!1},"Hidden"))),l.a.createElement(c["y"].Item,{label:"Field A",required:!0,tooltip:"This is a required field"},l.a.createElement(c["A"],{placeholder:"input placeholder"})),l.a.createElement(c["y"].Item,{label:"Field B",tooltip:{title:"Tooltip with customize icon",icon:l.a.createElement(i["a"],null)}},l.a.createElement(c["A"],{placeholder:"input placeholder"})),l.a.createElement(c["y"].Item,null,l.a.createElement(c["i"],{type:"primary"},"Submit")))};a["default"]=m}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [88],
+  {
+    '+YFz': function (e, a, t) {
+      'use strict';
+      var r = t('VTBJ'),
+        n = t('q1tI'),
+        l = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z',
+                },
+              },
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z',
+                },
+              },
+            ],
+          },
+          name: 'info-circle',
+          theme: 'outlined',
+        },
+        c = l,
+        i = t('6VBw'),
+        m = function (e, a) {
+          return n['createElement'](
+            i['a'],
+            Object(r['a'])(Object(r['a'])({}, e), {}, { ref: a, icon: c }),
+          );
+        };
+      m.displayName = 'InfoCircleOutlined';
+      a['a'] = n['forwardRef'](m);
+    },
+    '1InY': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('tJVT'),
+        n = t('q1tI'),
+        l = t.n(n),
+        c = t('m/eG'),
+        i = t('cJ7L'),
+        m = t('FY4R'),
+        s = () => {
+          var e = c['y'].useForm(),
+            a = Object(r['a'])(e, 1),
+            t = a[0],
+            s = Object(n['useState'])({}),
+            o = Object(r['a'])(s, 2),
+            u = o[1];
+          Object(n['useEffect'])(() => {
+            u({});
+          }, []);
+          var d = (e) => {
+            console.log('Finish:', e);
+          };
+          return l.a.createElement(
+            c['y'],
+            {
+              form: t,
+              name: 'horizontal_login',
+              layout: 'inline',
+              onFinish: d,
+            },
+            l.a.createElement(
+              c['y'].Item,
+              {
+                name: 'username',
+                rules: [
+                  { required: !0, message: 'Please input your username!' },
+                ],
+              },
+              l.a.createElement(c['A'], {
+                prefix: l.a.createElement(i['a'], {
+                  className: 'site-form-item-icon',
+                }),
+                placeholder: 'Username',
+              }),
+            ),
+            l.a.createElement(
+              c['y'].Item,
+              {
+                name: 'password',
+                rules: [
+                  { required: !0, message: 'Please input your password!' },
+                ],
+              },
+              l.a.createElement(c['A'], {
+                prefix: l.a.createElement(m['a'], {
+                  className: 'site-form-item-icon',
+                }),
+                type: 'password',
+                placeholder: 'Password',
+              }),
+            ),
+            l.a.createElement(c['y'].Item, { shouldUpdate: !0 }, () =>
+              l.a.createElement(
+                c['i'],
+                {
+                  type: 'primary',
+                  htmlType: 'submit',
+                  disabled:
+                    !t.isFieldsTouched(!0) ||
+                    !!t.getFieldsError().filter((e) => {
+                      var a = e.errors;
+                      return a.length;
+                    }).length,
+                },
+                'Log in',
+              ),
+            ),
+          );
+        };
+      a['default'] = s;
+    },
+    '6VBw': function (e, a, t) {
+      'use strict';
+      var r = t('VTBJ'),
+        n = t('ODXe'),
+        l = t('rePB'),
+        c = t('Ff2n'),
+        i = t('q1tI'),
+        m = t.n(i),
+        s = t('TSYQ'),
+        o = t.n(s),
+        u = Object(i['createContext'])({}),
+        d = u,
+        p = t('U8pU'),
+        b = t('AJpP'),
+        y = t('Kwbf'),
+        h = t('MNnm'),
+        E = 'rc-util-key';
+      function f(e) {
+        if (e.attachTo) return e.attachTo;
+        var a = document.querySelector('head');
+        return a || document.body;
+      }
+      function v(e) {
+        var a,
+          t =
+            arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
+        if (!Object(h['a'])()) return null;
+        var r,
+          n = document.createElement('style');
+        (null === (a = t.csp) || void 0 === a ? void 0 : a.nonce) &&
+          (n.nonce = null === (r = t.csp) || void 0 === r ? void 0 : r.nonce);
+        n.innerHTML = e;
+        var l = f(t),
+          c = l.firstChild;
+        return (
+          t.prepend && l.prepend
+            ? l.prepend(n)
+            : t.prepend && c
+            ? l.insertBefore(n, c)
+            : l.appendChild(n),
+          n
+        );
+      }
+      var g = new Map();
+      function w(e, a) {
+        var t =
+            arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
+          r = f(t);
+        if (!g.has(r)) {
+          var n = v('', t),
+            l = n.parentNode;
+          g.set(r, l), l.removeChild(n);
+        }
+        var c = Array.from(g.get(r).children).find(function (e) {
+          return 'STYLE' === e.tagName && e[E] === a;
+        });
+        if (c) {
+          var i, m, s;
+          if (
+            (null === (i = t.csp) || void 0 === i ? void 0 : i.nonce) &&
+            c.nonce !==
+              (null === (m = t.csp) || void 0 === m ? void 0 : m.nonce)
+          )
+            c.nonce = null === (s = t.csp) || void 0 === s ? void 0 : s.nonce;
+          return c.innerHTML !== e && (c.innerHTML = e), c;
+        }
+        var o = v(e, t);
+        return (o[E] = a), o;
+      }
+      function I(e, a) {
+        Object(y['a'])(e, '[@ant-design/icons] '.concat(a));
+      }
+      function C(e) {
+        return (
+          'object' === Object(p['a'])(e) &&
+          'string' === typeof e.name &&
+          'string' === typeof e.theme &&
+          ('object' === Object(p['a'])(e.icon) || 'function' === typeof e.icon)
+        );
+      }
+      function O() {
+        var e =
+          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        return Object.keys(e).reduce(function (a, t) {
+          var r = e[t];
+          switch (t) {
+            case 'class':
+              (a.className = r), delete a.class;
+              break;
+            default:
+              a[t] = r;
+          }
+          return a;
+        }, {});
+      }
+      function k(e, a, t) {
+        return t
+          ? m.a.createElement(
+              e.tag,
+              Object(r['a'])(Object(r['a'])({ key: a }, O(e.attrs)), t),
+              (e.children || []).map(function (t, r) {
+                return k(t, ''.concat(a, '-').concat(e.tag, '-').concat(r));
+              }),
+            )
+          : m.a.createElement(
+              e.tag,
+              Object(r['a'])({ key: a }, O(e.attrs)),
+              (e.children || []).map(function (t, r) {
+                return k(t, ''.concat(a, '-').concat(e.tag, '-').concat(r));
+              }),
+            );
+      }
+      function j(e) {
+        return Object(b['generate'])(e)[0];
+      }
+      function F(e) {
+        return e ? (Array.isArray(e) ? e : [e]) : [];
+      }
+      var q =
+          '\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n',
+        S = function () {
+          var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : q,
+            a = Object(i['useContext'])(d),
+            t = a.csp;
+          Object(i['useEffect'])(function () {
+            w(e, '@ant-design-icons', { prepend: !0, csp: t });
+          }, []);
+        },
+        T = [
+          'icon',
+          'className',
+          'onClick',
+          'style',
+          'primaryColor',
+          'secondaryColor',
+        ],
+        A = { primaryColor: '#333', secondaryColor: '#E6E6E6', calculated: !1 };
+      function x(e) {
+        var a = e.primaryColor,
+          t = e.secondaryColor;
+        (A.primaryColor = a),
+          (A.secondaryColor = t || j(a)),
+          (A.calculated = !!t);
+      }
+      function P() {
+        return Object(r['a'])({}, A);
+      }
+      var M = function (e) {
+        var a = e.icon,
+          t = e.className,
+          n = e.onClick,
+          l = e.style,
+          i = e.primaryColor,
+          m = e.secondaryColor,
+          s = Object(c['a'])(e, T),
+          o = A;
+        if (
+          (i && (o = { primaryColor: i, secondaryColor: m || j(i) }),
+          S(),
+          I(C(a), 'icon should be icon definiton, but got '.concat(a)),
+          !C(a))
+        )
+          return null;
+        var u = a;
+        return (
+          u &&
+            'function' === typeof u.icon &&
+            (u = Object(r['a'])(
+              Object(r['a'])({}, u),
+              {},
+              { icon: u.icon(o.primaryColor, o.secondaryColor) },
+            )),
+          k(
+            u.icon,
+            'svg-'.concat(u.name),
+            Object(r['a'])(
+              {
+                className: t,
+                onClick: n,
+                style: l,
+                'data-icon': u.name,
+                width: '1em',
+                height: '1em',
+                fill: 'currentColor',
+                'aria-hidden': 'true',
+              },
+              s,
+            ),
+          )
+        );
+      };
+      (M.displayName = 'IconReact'),
+        (M.getTwoToneColors = P),
+        (M.setTwoToneColors = x);
+      var V = M;
+      function N(e) {
+        var a = F(e),
+          t = Object(n['a'])(a, 2),
+          r = t[0],
+          l = t[1];
+        return V.setTwoToneColors({ primaryColor: r, secondaryColor: l });
+      }
+      function B() {
+        var e = V.getTwoToneColors();
+        return e.calculated
+          ? [e.primaryColor, e.secondaryColor]
+          : e.primaryColor;
+      }
+      var z = [
+        'className',
+        'icon',
+        'spin',
+        'rotate',
+        'tabIndex',
+        'onClick',
+        'twoToneColor',
+      ];
+      N('#1890ff');
+      var Y = i['forwardRef'](function (e, a) {
+        var t,
+          m = e.className,
+          s = e.icon,
+          u = e.spin,
+          p = e.rotate,
+          b = e.tabIndex,
+          y = e.onClick,
+          h = e.twoToneColor,
+          E = Object(c['a'])(e, z),
+          f = i['useContext'](d),
+          v = f.prefixCls,
+          g = void 0 === v ? 'anticon' : v,
+          w = o()(
+            g,
+            ((t = {}),
+            Object(l['a'])(t, ''.concat(g, '-').concat(s.name), !!s.name),
+            Object(l['a'])(
+              t,
+              ''.concat(g, '-spin'),
+              !!u || 'loading' === s.name,
+            ),
+            t),
+            m,
+          ),
+          I = b;
+        void 0 === I && y && (I = -1);
+        var C = p
+            ? {
+                msTransform: 'rotate('.concat(p, 'deg)'),
+                transform: 'rotate('.concat(p, 'deg)'),
+              }
+            : void 0,
+          O = F(h),
+          k = Object(n['a'])(O, 2),
+          j = k[0],
+          q = k[1];
+        return i['createElement'](
+          'span',
+          Object(r['a'])(
+            Object(r['a'])({ role: 'img', 'aria-label': s.name }, E),
+            {},
+            { ref: a, tabIndex: I, onClick: y, className: w },
+          ),
+          i['createElement'](V, {
+            icon: s,
+            primaryColor: j,
+            secondaryColor: q,
+            style: C,
+          }),
+        );
+      });
+      (Y.displayName = 'AntdIcon'),
+        (Y.getTwoToneColor = B),
+        (Y.setTwoToneColor = N);
+      a['a'] = Y;
+    },
+    '6vYY': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('tJVT'),
+        n = t('q1tI'),
+        l = t.n(n),
+        c = t('m/eG'),
+        i =
+          (t('PueU'),
+          (e) => {
+            var a = e.visible,
+              t = e.onCreate,
+              n = e.onCancel,
+              i = c['y'].useForm(),
+              m = Object(r['a'])(i, 1),
+              s = m[0];
+            return l.a.createElement(
+              c['G'],
+              {
+                visible: a,
+                title: 'Create a new collection',
+                okText: 'Create',
+                cancelText: 'Cancel',
+                onCancel: n,
+                onOk: () => {
+                  s.validateFields()
+                    .then((e) => {
+                      s.resetFields(), t(e);
+                    })
+                    .catch((e) => {
+                      console.log('Validate Failed:', e);
+                    });
+                },
+              },
+              l.a.createElement(
+                c['y'],
+                {
+                  form: s,
+                  layout: 'vertical',
+                  name: 'form_in_modal',
+                  initialValues: { modifier: 'public' },
+                },
+                l.a.createElement(
+                  c['y'].Item,
+                  {
+                    name: 'title',
+                    label: 'Title',
+                    rules: [
+                      {
+                        required: !0,
+                        message: 'Please input the title of collection!',
+                      },
+                    ],
+                  },
+                  l.a.createElement(c['A'], null),
+                ),
+                l.a.createElement(
+                  c['y'].Item,
+                  { name: 'description', label: 'Description' },
+                  l.a.createElement(c['A'], { type: 'textarea' }),
+                ),
+                l.a.createElement(
+                  c['y'].Item,
+                  {
+                    name: 'modifier',
+                    className: 'collection-create-form_last-form-item',
+                  },
+                  l.a.createElement(
+                    c['M'].Group,
+                    null,
+                    l.a.createElement(c['M'], { value: 'public' }, 'Public'),
+                    l.a.createElement(c['M'], { value: 'private' }, 'Private'),
+                  ),
+                ),
+              ),
+            );
+          }),
+        m = () => {
+          var e = Object(n['useState'])(!1),
+            a = Object(r['a'])(e, 2),
+            t = a[0],
+            m = a[1],
+            s = (e) => {
+              console.log('Received values of form: ', e), m(!1);
+            };
+          return l.a.createElement(
+            'div',
+            null,
+            l.a.createElement(
+              c['i'],
+              {
+                type: 'primary',
+                onClick: () => {
+                  m(!0);
+                },
+              },
+              'New Collection',
+            ),
+            l.a.createElement(i, {
+              visible: t,
+              onCreate: s,
+              onCancel: () => {
+                m(!1);
+              },
+            }),
+          );
+        };
+      a['default'] = m;
+    },
+    '8Skl': function (e, a, t) {
+      'use strict';
+      var r = t('VTBJ'),
+        n = t('q1tI'),
+        l = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z',
+                },
+              },
+            ],
+          },
+          name: 'down',
+          theme: 'outlined',
+        },
+        c = l,
+        i = t('6VBw'),
+        m = function (e, a) {
+          return n['createElement'](
+            i['a'],
+            Object(r['a'])(Object(r['a'])({}, e), {}, { ref: a, icon: c }),
+          );
+        };
+      m.displayName = 'DownOutlined';
+      a['a'] = n['forwardRef'](m);
+    },
+    BEK7: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('q1tI'),
+        n = t.n(r),
+        l = t('m/eG'),
+        c = t('ePAT'),
+        i = l['Q'].Option,
+        m = {
+          labelCol: { xs: { span: 24 }, sm: { span: 5 } },
+          wrapperCol: { xs: { span: 24 }, sm: { span: 12 } },
+        },
+        s = () =>
+          n.a.createElement(
+            l['y'],
+            m,
+            n.a.createElement(
+              l['y'].Item,
+              {
+                label: 'Fail',
+                validateStatus: 'error',
+                help: 'Should be combination of numbers & alphabets',
+              },
+              n.a.createElement(l['A'], {
+                placeholder: 'unavailable choice',
+                id: 'error',
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Warning', validateStatus: 'warning' },
+              n.a.createElement(l['A'], {
+                placeholder: 'Warning',
+                id: 'warning',
+                prefix: n.a.createElement(c['a'], null),
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              {
+                label: 'Validating',
+                hasFeedback: !0,
+                validateStatus: 'validating',
+                help: 'The information is being validated...',
+              },
+              n.a.createElement(l['A'], {
+                placeholder: "I'm the content is being validated",
+                id: 'validating',
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Success', hasFeedback: !0, validateStatus: 'success' },
+              n.a.createElement(l['A'], {
+                placeholder: "I'm the content",
+                id: 'success',
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Warning', hasFeedback: !0, validateStatus: 'warning' },
+              n.a.createElement(l['A'], {
+                placeholder: 'Warning',
+                id: 'warning2',
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              {
+                label: 'Fail',
+                hasFeedback: !0,
+                validateStatus: 'error',
+                help: 'Should be combination of numbers & alphabets',
+              },
+              n.a.createElement(l['A'], {
+                placeholder: 'unavailable choice',
+                id: 'error2',
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Success', hasFeedback: !0, validateStatus: 'success' },
+              n.a.createElement(l['s'], { style: { width: '100%' } }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Warning', hasFeedback: !0, validateStatus: 'warning' },
+              n.a.createElement(l['bb'], { style: { width: '100%' } }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Error', hasFeedback: !0, validateStatus: 'error' },
+              n.a.createElement(
+                l['Q'],
+                { allowClear: !0 },
+                n.a.createElement(i, { value: '1' }, 'Option 1'),
+                n.a.createElement(i, { value: '2' }, 'Option 2'),
+                n.a.createElement(i, { value: '3' }, 'Option 3'),
+              ),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              {
+                label: 'Validating',
+                hasFeedback: !0,
+                validateStatus: 'validating',
+                help: 'The information is being validated...',
+              },
+              n.a.createElement(l['m'], {
+                options: [{ value: 'xx', label: 'xx' }],
+                allowClear: !0,
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'inline', style: { marginBottom: 0 } },
+              n.a.createElement(
+                l['y'].Item,
+                {
+                  validateStatus: 'error',
+                  help: 'Please select the correct date',
+                  style: { display: 'inline-block', width: 'calc(50% - 12px)' },
+                },
+                n.a.createElement(l['s'], null),
+              ),
+              n.a.createElement(
+                'span',
+                {
+                  style: {
+                    display: 'inline-block',
+                    width: '24px',
+                    lineHeight: '32px',
+                    textAlign: 'center',
+                  },
+                },
+                '-',
+              ),
+              n.a.createElement(
+                l['y'].Item,
+                {
+                  style: { display: 'inline-block', width: 'calc(50% - 12px)' },
+                },
+                n.a.createElement(l['s'], null),
+              ),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Success', hasFeedback: !0, validateStatus: 'success' },
+              n.a.createElement(l['B'], { style: { width: '100%' } }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Success', hasFeedback: !0, validateStatus: 'success' },
+              n.a.createElement(l['A'], {
+                allowClear: !0,
+                placeholder: 'with allowClear',
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Warning', hasFeedback: !0, validateStatus: 'warning' },
+              n.a.createElement(l['A'].Password, {
+                placeholder: 'with input password',
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Error', hasFeedback: !0, validateStatus: 'error' },
+              n.a.createElement(l['A'].Password, {
+                allowClear: !0,
+                placeholder: 'with input password and allowClear',
+              }),
+            ),
+          );
+      a['default'] = s;
+    },
+    E5MK: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('9og8'),
+        l = t('WmNS'),
+        c = t.n(l),
+        i = t('q1tI'),
+        m = t.n(i),
+        s = t('m/eG'),
+        o = t('wlus'),
+        u = t('xvlK'),
+        d = {
+          labelCol: { xs: { span: 24 }, sm: { span: 4 } },
+          wrapperCol: { xs: { span: 24 }, sm: { span: 20 } },
+        },
+        p = {
+          wrapperCol: {
+            xs: { span: 24, offset: 0 },
+            sm: { span: 20, offset: 4 },
+          },
+        },
+        b = () => {
+          var e = (e) => {
+            console.log('Received values of form:', e);
+          };
+          return m.a.createElement(
+            s['y'],
+            Object(r['a'])({ name: 'dynamic_form_item' }, p, { onFinish: e }),
+            m.a.createElement(
+              s['y'].List,
+              {
+                name: 'names',
+                rules: [
+                  {
+                    validator: (function () {
+                      var e = Object(n['a'])(
+                        c.a.mark(function e(a, t) {
+                          return c.a.wrap(function (e) {
+                            while (1)
+                              switch ((e.prev = e.next)) {
+                                case 0:
+                                  if (t && !(t.length < 2)) {
+                                    e.next = 2;
+                                    break;
+                                  }
+                                  return e.abrupt(
+                                    'return',
+                                    Promise.reject(
+                                      new Error('At least 2 passengers'),
+                                    ),
+                                  );
+                                case 2:
+                                case 'end':
+                                  return e.stop();
+                              }
+                          }, e);
+                        }),
+                      );
+                      function a(a, t) {
+                        return e.apply(this, arguments);
+                      }
+                      return a;
+                    })(),
+                  },
+                ],
+              },
+              (e, a, t) => {
+                var n = a.add,
+                  l = a.remove,
+                  c = t.errors;
+                return m.a.createElement(
+                  m.a.Fragment,
+                  null,
+                  e.map((a, t) =>
+                    m.a.createElement(
+                      s['y'].Item,
+                      Object(r['a'])({}, 0 === t ? d : p, {
+                        label: 0 === t ? 'Passengers' : '',
+                        required: !1,
+                        key: a.key,
+                      }),
+                      m.a.createElement(
+                        s['y'].Item,
+                        Object(r['a'])({}, a, {
+                          validateTrigger: ['onChange', 'onBlur'],
+                          rules: [
+                            {
+                              required: !0,
+                              whitespace: !0,
+                              message:
+                                "Please input passenger's name or delete this field.",
+                            },
+                          ],
+                          noStyle: !0,
+                        }),
+                        m.a.createElement(s['A'], {
+                          placeholder: 'passenger name',
+                          style: { width: '60%' },
+                        }),
+                      ),
+                      e.length > 1
+                        ? m.a.createElement(o['a'], {
+                            className: 'dynamic-delete-button',
+                            onClick: () => l(a.name),
+                          })
+                        : null,
+                    ),
+                  ),
+                  m.a.createElement(
+                    s['y'].Item,
+                    null,
+                    m.a.createElement(
+                      s['i'],
+                      {
+                        type: 'dashed',
+                        onClick: () => n(),
+                        style: { width: '60%' },
+                        icon: m.a.createElement(u['a'], null),
+                      },
+                      'Add field',
+                    ),
+                    m.a.createElement(
+                      s['i'],
+                      {
+                        type: 'dashed',
+                        onClick: () => {
+                          n('The head item', 0);
+                        },
+                        style: { width: '60%', marginTop: '20px' },
+                        icon: m.a.createElement(u['a'], null),
+                      },
+                      'Add field at head',
+                    ),
+                    m.a.createElement(s['y'].ErrorList, { errors: c }),
+                  ),
+                );
+              },
+            ),
+            m.a.createElement(
+              s['y'].Item,
+              null,
+              m.a.createElement(
+                s['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+            ),
+          );
+        };
+      a['default'] = b;
+    },
+    FY4R: function (e, a, t) {
+      'use strict';
+      var r = t('VTBJ'),
+        n = t('q1tI'),
+        l = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z',
+                },
+              },
+            ],
+          },
+          name: 'lock',
+          theme: 'outlined',
+        },
+        c = l,
+        i = t('6VBw'),
+        m = function (e, a) {
+          return n['createElement'](
+            i['a'],
+            Object(r['a'])(Object(r['a'])({}, e), {}, { ref: a, icon: c }),
+          );
+        };
+      m.displayName = 'LockOutlined';
+      a['a'] = n['forwardRef'](m);
+    },
+    FttP: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('k1fw'),
+        l = t('q1tI'),
+        c = t.n(l),
+        i = t('m/eG'),
+        m = { labelCol: { span: 8 }, wrapperCol: { span: 16 } },
+        s = {
+          required: '${label} is required!',
+          types: {
+            email: '${label} is not a valid email!',
+            number: '${label} is not a valid number!',
+          },
+          number: { range: '${label} must be between ${min} and ${max}' },
+        },
+        o = () => {
+          var e = (e) => {
+            console.log(e);
+          };
+          return c.a.createElement(
+            i['y'],
+            Object(r['a'])({}, m, {
+              name: 'nest-messages',
+              onFinish: e,
+              validateMessages: s,
+            }),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: ['user', 'name'],
+                label: 'Name',
+                rules: [{ required: !0 }],
+              },
+              c.a.createElement(i['A'], null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: ['user', 'email'],
+                label: 'Email',
+                rules: [{ type: 'email' }],
+              },
+              c.a.createElement(i['A'], null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: ['user', 'age'],
+                label: 'Age',
+                rules: [{ type: 'number', min: 0, max: 99 }],
+              },
+              c.a.createElement(i['B'], null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              { name: ['user', 'website'], label: 'Website' },
+              c.a.createElement(i['A'], null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              { name: ['user', 'introduction'], label: 'Introduction' },
+              c.a.createElement(i['A'].TextArea, null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                wrapperCol: Object(n['a'])(
+                  Object(n['a'])({}, m.wrapperCol),
+                  {},
+                  { offset: 8 },
+                ),
+              },
+              c.a.createElement(
+                i['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+            ),
+          );
+        };
+      a['default'] = o;
+    },
+    GLHp: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('tJVT'),
+        l = t('q1tI'),
+        c = t.n(l),
+        i = t('m/eG'),
+        m = i['Q'].Option,
+        s = [
+          {
+            value: 'zhejiang',
+            label: 'Zhejiang',
+            children: [
+              {
+                value: 'hangzhou',
+                label: 'Hangzhou',
+                children: [{ value: 'xihu', label: 'West Lake' }],
+              },
+            ],
+          },
+          {
+            value: 'jiangsu',
+            label: 'Jiangsu',
+            children: [
+              {
+                value: 'nanjing',
+                label: 'Nanjing',
+                children: [{ value: 'zhonghuamen', label: 'Zhong Hua Men' }],
+              },
+            ],
+          },
+        ],
+        o = {
+          labelCol: { xs: { span: 24 }, sm: { span: 8 } },
+          wrapperCol: { xs: { span: 24 }, sm: { span: 16 } },
+        },
+        u = {
+          wrapperCol: {
+            xs: { span: 24, offset: 0 },
+            sm: { span: 16, offset: 8 },
+          },
+        },
+        d = () => {
+          var e = i['y'].useForm(),
+            a = Object(n['a'])(e, 1),
+            t = a[0],
+            d = (e) => {
+              console.log('Received values of form: ', e);
+            },
+            p = c.a.createElement(
+              i['y'].Item,
+              { name: 'prefix', noStyle: !0 },
+              c.a.createElement(
+                i['Q'],
+                { style: { width: 70 } },
+                c.a.createElement(m, { value: '86' }, '+86'),
+                c.a.createElement(m, { value: '87' }, '+87'),
+              ),
+            ),
+            b = Object(l['useState'])([]),
+            y = Object(n['a'])(b, 2),
+            h = y[0],
+            E = y[1],
+            f = (e) => {
+              E(
+                e
+                  ? ['.com', '.org', '.net'].map((a) => ''.concat(e).concat(a))
+                  : [],
+              );
+            },
+            v = h.map((e) => ({ label: e, value: e }));
+          return c.a.createElement(
+            i['y'],
+            Object(r['a'])({}, o, {
+              form: t,
+              name: 'register',
+              onFinish: d,
+              initialValues: {
+                residence: ['zhejiang', 'hangzhou', 'xihu'],
+                prefix: '86',
+              },
+              scrollToFirstError: !0,
+            }),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: 'email',
+                label: 'E-mail',
+                rules: [
+                  { type: 'email', message: 'The input is not valid E-mail!' },
+                  { required: !0, message: 'Please input your E-mail!' },
+                ],
+              },
+              c.a.createElement(i['A'], null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: 'password',
+                label: 'Password',
+                rules: [
+                  { required: !0, message: 'Please input your password!' },
+                ],
+                hasFeedback: !0,
+              },
+              c.a.createElement(i['A'].Password, null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: 'confirm',
+                label: 'Confirm Password',
+                dependencies: ['password'],
+                hasFeedback: !0,
+                rules: [
+                  { required: !0, message: 'Please confirm your password!' },
+                  (e) => {
+                    var a = e.getFieldValue;
+                    return {
+                      validator(e, t) {
+                        return t && a('password') !== t
+                          ? Promise.reject(
+                              new Error(
+                                'The two passwords that you entered do not match!',
+                              ),
+                            )
+                          : Promise.resolve();
+                      },
+                    };
+                  },
+                ],
+              },
+              c.a.createElement(i['A'].Password, null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: 'nickname',
+                label: 'Nickname',
+                tooltip: 'What do you want others to call you?',
+                rules: [
+                  {
+                    required: !0,
+                    message: 'Please input your nickname!',
+                    whitespace: !0,
+                  },
+                ],
+              },
+              c.a.createElement(i['A'], null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: 'residence',
+                label: 'Habitual Residence',
+                rules: [
+                  {
+                    type: 'array',
+                    required: !0,
+                    message: 'Please select your habitual residence!',
+                  },
+                ],
+              },
+              c.a.createElement(i['m'], { options: s }),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: 'phone',
+                label: 'Phone Number',
+                rules: [
+                  { required: !0, message: 'Please input your phone number!' },
+                ],
+              },
+              c.a.createElement(i['A'], {
+                addonBefore: p,
+                style: { width: '100%' },
+              }),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: 'website',
+                label: 'Website',
+                rules: [{ required: !0, message: 'Please input website!' }],
+              },
+              c.a.createElement(
+                i['d'],
+                { options: v, onChange: f, placeholder: 'website' },
+                c.a.createElement(i['A'], null),
+              ),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: 'gender',
+                label: 'Gender',
+                rules: [{ required: !0, message: 'Please select gender!' }],
+              },
+              c.a.createElement(
+                i['Q'],
+                { placeholder: 'select your gender' },
+                c.a.createElement(m, { value: 'male' }, 'Male'),
+                c.a.createElement(m, { value: 'female' }, 'Female'),
+                c.a.createElement(m, { value: 'other' }, 'Other'),
+              ),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                label: 'Captcha',
+                extra: 'We must make sure that your are a human.',
+              },
+              c.a.createElement(
+                i['P'],
+                { gutter: 8 },
+                c.a.createElement(
+                  i['o'],
+                  { span: 12 },
+                  c.a.createElement(
+                    i['y'].Item,
+                    {
+                      name: 'captcha',
+                      noStyle: !0,
+                      rules: [
+                        {
+                          required: !0,
+                          message: 'Please input the captcha you got!',
+                        },
+                      ],
+                    },
+                    c.a.createElement(i['A'], null),
+                  ),
+                ),
+                c.a.createElement(
+                  i['o'],
+                  { span: 12 },
+                  c.a.createElement(i['i'], null, 'Get captcha'),
+                ),
+              ),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              Object(r['a'])(
+                {
+                  name: 'agreement',
+                  valuePropName: 'checked',
+                  rules: [
+                    {
+                      validator: (e, a) =>
+                        a
+                          ? Promise.resolve()
+                          : Promise.reject(
+                              new Error('Should accept agreement'),
+                            ),
+                    },
+                  ],
+                },
+                u,
+              ),
+              c.a.createElement(
+                i['n'],
+                null,
+                'I have read the ',
+                c.a.createElement('a', { href: '' }, 'agreement'),
+              ),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              u,
+              c.a.createElement(
+                i['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Register',
+              ),
+            ),
+          );
+        };
+      a['default'] = d;
+    },
+    PueU: function (e, a, t) {},
+    RAPb: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('k1fw'),
+        l = t('tJVT'),
+        c = t('q1tI'),
+        i = t.n(c),
+        m = t('m/eG');
+      function s(e) {
+        return 11 === e
+          ? { validateStatus: 'success', errorMsg: null }
+          : {
+              validateStatus: 'error',
+              errorMsg: 'The prime between 8 and 12 is 11!',
+            };
+      }
+      var o = { labelCol: { span: 7 }, wrapperCol: { span: 12 } },
+        u = () => {
+          var e = Object(c['useState'])({ value: 11 }),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            u = a[1],
+            d =
+              'A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.',
+            p = (e) => {
+              u(Object(n['a'])(Object(n['a'])({}, s(e)), {}, { value: e }));
+            };
+          return i.a.createElement(
+            m['y'],
+            null,
+            i.a.createElement(
+              m['y'].Item,
+              Object(r['a'])({}, o, {
+                label: 'Prime between 8 & 12',
+                validateStatus: t.validateStatus,
+                help: t.errorMsg || d,
+              }),
+              i.a.createElement(m['B'], {
+                min: 8,
+                max: 12,
+                value: t.value,
+                onChange: p,
+              }),
+            ),
+          );
+        };
+      a['default'] = u;
+    },
+    SU6L: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('tJVT'),
+        n = t('q1tI'),
+        l = t.n(n),
+        c = t('m/eG'),
+        i = (e) => {
+          var a = e.onChange,
+            t = e.fields;
+          return l.a.createElement(
+            c['y'],
+            {
+              name: 'global_state',
+              layout: 'inline',
+              fields: t,
+              onFieldsChange: (e, t) => {
+                a(t);
+              },
+            },
+            l.a.createElement(
+              c['y'].Item,
+              {
+                name: 'username',
+                label: 'Username',
+                rules: [{ required: !0, message: 'Username is required!' }],
+              },
+              l.a.createElement(c['A'], null),
+            ),
+          );
+        },
+        m = () => {
+          var e = Object(n['useState'])([
+              { name: ['username'], value: 'Ant Design' },
+            ]),
+            a = Object(r['a'])(e, 2),
+            t = a[0],
+            c = a[1];
+          return l.a.createElement(
+            l.a.Fragment,
+            null,
+            l.a.createElement(i, {
+              fields: t,
+              onChange: (e) => {
+                c(e);
+              },
+            }),
+            l.a.createElement(
+              'pre',
+              { className: 'language-bash' },
+              JSON.stringify(t, null, 2),
+            ),
+          );
+        };
+      a['default'] = m;
+    },
+    TnNY: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('tJVT'),
+        l = t('q1tI'),
+        c = t.n(l),
+        i = t('m/eG'),
+        m = t('wlus'),
+        s = t('xvlK'),
+        o = i['Q'].Option,
+        u = [
+          { label: 'Beijing', value: 'Beijing' },
+          { label: 'Shanghai', value: 'Shanghai' },
+        ],
+        d = {
+          Beijing: ['Tiananmen', 'Great Wall'],
+          Shanghai: ['Oriental Pearl', 'The Bund'],
+        },
+        p = () => {
+          var e = i['y'].useForm(),
+            a = Object(n['a'])(e, 1),
+            t = a[0],
+            l = (e) => {
+              console.log('Received values of form:', e);
+            },
+            p = () => {
+              t.setFieldsValue({ sights: [] });
+            };
+          return c.a.createElement(
+            i['y'],
+            {
+              form: t,
+              name: 'dynamic_form_nest_item',
+              onFinish: l,
+              autoComplete: 'off',
+            },
+            c.a.createElement(
+              i['y'].Item,
+              {
+                name: 'area',
+                label: 'Area',
+                rules: [{ required: !0, message: 'Missing area' }],
+              },
+              c.a.createElement(i['Q'], { options: u, onChange: p }),
+            ),
+            c.a.createElement(i['y'].List, { name: 'sights' }, (e, a) => {
+              var n = a.add,
+                l = a.remove;
+              return c.a.createElement(
+                c.a.Fragment,
+                null,
+                e.map((e) =>
+                  c.a.createElement(
+                    i['T'],
+                    { key: e.key, align: 'baseline' },
+                    c.a.createElement(
+                      i['y'].Item,
+                      {
+                        noStyle: !0,
+                        shouldUpdate: (e, a) =>
+                          e.area !== a.area || e.sights !== a.sights,
+                      },
+                      () =>
+                        c.a.createElement(
+                          i['y'].Item,
+                          Object(r['a'])({}, e, {
+                            label: 'Sight',
+                            name: [e.name, 'sight'],
+                            fieldKey: [e.fieldKey, 'sight'],
+                            rules: [{ required: !0, message: 'Missing sight' }],
+                          }),
+                          c.a.createElement(
+                            i['Q'],
+                            {
+                              disabled: !t.getFieldValue('area'),
+                              style: { width: 130 },
+                            },
+                            (d[t.getFieldValue('area')] || []).map((e) =>
+                              c.a.createElement(o, { key: e, value: e }, e),
+                            ),
+                          ),
+                        ),
+                    ),
+                    c.a.createElement(
+                      i['y'].Item,
+                      Object(r['a'])({}, e, {
+                        label: 'Price',
+                        name: [e.name, 'price'],
+                        fieldKey: [e.fieldKey, 'price'],
+                        rules: [{ required: !0, message: 'Missing price' }],
+                      }),
+                      c.a.createElement(i['A'], null),
+                    ),
+                    c.a.createElement(m['a'], { onClick: () => l(e.name) }),
+                  ),
+                ),
+                c.a.createElement(
+                  i['y'].Item,
+                  null,
+                  c.a.createElement(
+                    i['i'],
+                    {
+                      type: 'dashed',
+                      onClick: () => n(),
+                      block: !0,
+                      icon: c.a.createElement(s['a'], null),
+                    },
+                    'Add sights',
+                  ),
+                ),
+              );
+            }),
+            c.a.createElement(
+              i['y'].Item,
+              null,
+              c.a.createElement(
+                i['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+            ),
+          );
+        };
+      a['default'] = p;
+    },
+    VDfA: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('tJVT'),
+        l = t('q1tI'),
+        c = t.n(l),
+        i = t('m/eG'),
+        m = t('cJ7L'),
+        s = t('ePAT'),
+        o = { labelCol: { span: 8 }, wrapperCol: { span: 16 } },
+        u = { wrapperCol: { offset: 8, span: 16 } },
+        d = (e) => {
+          var a = e.form,
+            t = e.visible,
+            r = Object(l['useRef'])();
+          Object(l['useEffect'])(() => {
+            r.current = t;
+          }, [t]);
+          var n = r.current;
+          Object(l['useEffect'])(() => {
+            !t && n && a.resetFields();
+          }, [t]);
+        },
+        p = (e) => {
+          var a = e.visible,
+            t = e.onCancel,
+            r = i['y'].useForm(),
+            l = Object(n['a'])(r, 1),
+            m = l[0];
+          d({ form: m, visible: a });
+          var s = () => {
+            m.submit();
+          };
+          return c.a.createElement(
+            i['G'],
+            { title: 'Basic Drawer', visible: a, onOk: s, onCancel: t },
+            c.a.createElement(
+              i['y'],
+              { form: m, layout: 'vertical', name: 'userForm' },
+              c.a.createElement(
+                i['y'].Item,
+                { name: 'name', label: 'User Name', rules: [{ required: !0 }] },
+                c.a.createElement(i['A'], null),
+              ),
+              c.a.createElement(
+                i['y'].Item,
+                { name: 'age', label: 'User Age', rules: [{ required: !0 }] },
+                c.a.createElement(i['B'], null),
+              ),
+            ),
+          );
+        },
+        b = () => {
+          var e = Object(l['useState'])(!1),
+            a = Object(n['a'])(e, 2),
+            t = a[0],
+            d = a[1],
+            b = () => {
+              d(!0);
+            },
+            y = () => {
+              d(!1);
+            },
+            h = (e) => {
+              console.log('Finish:', e);
+            };
+          return c.a.createElement(
+            c.a.Fragment,
+            null,
+            c.a.createElement(
+              i['y'].Provider,
+              {
+                onFormFinish: (e, a) => {
+                  var t = a.values,
+                    r = a.forms;
+                  if ('userForm' === e) {
+                    var n = r.basicForm,
+                      l = n.getFieldValue('users') || [];
+                    n.setFieldsValue({ users: [...l, t] }), d(!1);
+                  }
+                },
+              },
+              c.a.createElement(
+                i['y'],
+                Object(r['a'])({}, o, { name: 'basicForm', onFinish: h }),
+                c.a.createElement(
+                  i['y'].Item,
+                  {
+                    name: 'group',
+                    label: 'Group Name',
+                    rules: [{ required: !0 }],
+                  },
+                  c.a.createElement(i['A'], null),
+                ),
+                c.a.createElement(
+                  i['y'].Item,
+                  {
+                    label: 'User List',
+                    shouldUpdate: (e, a) => e.users !== a.users,
+                  },
+                  (e) => {
+                    var a = e.getFieldValue,
+                      t = a('users') || [];
+                    return t.length
+                      ? c.a.createElement(
+                          'ul',
+                          null,
+                          t.map((e, a) =>
+                            c.a.createElement(
+                              'li',
+                              { key: a, className: 'user' },
+                              c.a.createElement(i['e'], {
+                                icon: c.a.createElement(m['a'], null),
+                              }),
+                              e.name,
+                              ' - ',
+                              e.age,
+                            ),
+                          ),
+                        )
+                      : c.a.createElement(
+                          i['hb'].Text,
+                          { className: 'ant-form-text', type: 'secondary' },
+                          '( ',
+                          c.a.createElement(s['a'], null),
+                          ' No user yet. )',
+                        );
+                  },
+                ),
+                c.a.createElement(
+                  i['y'].Item,
+                  u,
+                  c.a.createElement(
+                    i['i'],
+                    { htmlType: 'submit', type: 'primary' },
+                    'Submit',
+                  ),
+                  c.a.createElement(
+                    i['i'],
+                    {
+                      htmlType: 'button',
+                      style: { margin: '0 8px' },
+                      onClick: b,
+                    },
+                    'Add User',
+                  ),
+                ),
+              ),
+              c.a.createElement(p, { visible: t, onCancel: y }),
+            ),
+          );
+        };
+      a['default'] = b;
+    },
+    XDGf: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('tJVT'),
+        l = t('q1tI'),
+        c = t.n(l),
+        i = t('m/eG'),
+        m = i['Q'].Option,
+        s = { labelCol: { span: 8 }, wrapperCol: { span: 16 } },
+        o = { wrapperCol: { offset: 8, span: 16 } },
+        u = () => {
+          var e = i['y'].useForm(),
+            a = Object(n['a'])(e, 1),
+            t = a[0],
+            l = (e) => {
+              switch (e) {
+                case 'male':
+                  return void t.setFieldsValue({ note: 'Hi, man!' });
+                case 'female':
+                  return void t.setFieldsValue({ note: 'Hi, lady!' });
+                case 'other':
+                  t.setFieldsValue({ note: 'Hi there!' });
+              }
+            },
+            u = (e) => {
+              console.log(e);
+            },
+            d = () => {
+              t.resetFields();
+            },
+            p = () => {
+              t.setFieldsValue({ note: 'Hello world!', gender: 'male' });
+            };
+          return c.a.createElement(
+            i['y'],
+            Object(r['a'])({}, s, {
+              form: t,
+              name: 'control-hooks',
+              onFinish: u,
+            }),
+            c.a.createElement(
+              i['y'].Item,
+              { name: 'note', label: 'Note', rules: [{ required: !0 }] },
+              c.a.createElement(i['A'], null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              { name: 'gender', label: 'Gender', rules: [{ required: !0 }] },
+              c.a.createElement(
+                i['Q'],
+                {
+                  placeholder: 'Select a option and change input text above',
+                  onChange: l,
+                  allowClear: !0,
+                },
+                c.a.createElement(m, { value: 'male' }, 'male'),
+                c.a.createElement(m, { value: 'female' }, 'female'),
+                c.a.createElement(m, { value: 'other' }, 'other'),
+              ),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              { noStyle: !0, shouldUpdate: (e, a) => e.gender !== a.gender },
+              (e) => {
+                var a = e.getFieldValue;
+                return 'other' === a('gender')
+                  ? c.a.createElement(
+                      i['y'].Item,
+                      {
+                        name: 'customizeGender',
+                        label: 'Customize Gender',
+                        rules: [{ required: !0 }],
+                      },
+                      c.a.createElement(i['A'], null),
+                    )
+                  : null;
+              },
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              o,
+              c.a.createElement(
+                i['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+              c.a.createElement(
+                i['i'],
+                { htmlType: 'button', onClick: d },
+                'Reset',
+              ),
+              c.a.createElement(
+                i['i'],
+                { type: 'link', htmlType: 'button', onClick: p },
+                'Fill form',
+              ),
+            ),
+          );
+        };
+      a['default'] = u;
+    },
+    cJ7L: function (e, a, t) {
+      'use strict';
+      var r = t('VTBJ'),
+        n = t('q1tI'),
+        l = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z',
+                },
+              },
+            ],
+          },
+          name: 'user',
+          theme: 'outlined',
+        },
+        c = l,
+        i = t('6VBw'),
+        m = function (e, a) {
+          return n['createElement'](
+            i['a'],
+            Object(r['a'])(Object(r['a'])({}, e), {}, { ref: a, icon: c }),
+          );
+        };
+      m.displayName = 'UserOutlined';
+      a['a'] = n['forwardRef'](m);
+    },
+    ePAT: function (e, a, t) {
+      'use strict';
+      var r = t('VTBJ'),
+        n = t('q1tI'),
+        l = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z',
+                },
+              },
+            ],
+          },
+          name: 'smile',
+          theme: 'outlined',
+        },
+        c = l,
+        i = t('6VBw'),
+        m = function (e, a) {
+          return n['createElement'](
+            i['a'],
+            Object(r['a'])(Object(r['a'])({}, e), {}, { ref: a, icon: c }),
+          );
+        };
+      m.displayName = 'SmileOutlined';
+      a['a'] = n['forwardRef'](m);
+    },
+    gIYN: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('k1fw'),
+        l = t('q1tI'),
+        c = t.n(l),
+        i = t('m/eG'),
+        m = i['s'].RangePicker,
+        s = {
+          labelCol: { xs: { span: 24 }, sm: { span: 8 } },
+          wrapperCol: { xs: { span: 24 }, sm: { span: 16 } },
+        },
+        o = {
+          rules: [
+            { type: 'object', required: !0, message: 'Please select time!' },
+          ],
+        },
+        u = {
+          rules: [
+            { type: 'array', required: !0, message: 'Please select time!' },
+          ],
+        },
+        d = () => {
+          var e = (e) => {
+            var a = e['range-picker'],
+              t = e['range-time-picker'],
+              r = Object(n['a'])(
+                Object(n['a'])({}, e),
+                {},
+                {
+                  'date-picker': e['date-picker'].format('YYYY-MM-DD'),
+                  'date-time-picker': e['date-time-picker'].format(
+                    'YYYY-MM-DD HH:mm:ss',
+                  ),
+                  'month-picker': e['month-picker'].format('YYYY-MM'),
+                  'range-picker': [
+                    a[0].format('YYYY-MM-DD'),
+                    a[1].format('YYYY-MM-DD'),
+                  ],
+                  'range-time-picker': [
+                    t[0].format('YYYY-MM-DD HH:mm:ss'),
+                    t[1].format('YYYY-MM-DD HH:mm:ss'),
+                  ],
+                  'time-picker': e['time-picker'].format('HH:mm:ss'),
+                },
+              );
+            console.log('Received values of form: ', r);
+          };
+          return c.a.createElement(
+            i['y'],
+            Object(r['a'])({ name: 'time_related_controls' }, s, {
+              onFinish: e,
+            }),
+            c.a.createElement(
+              i['y'].Item,
+              Object(r['a'])({ name: 'date-picker', label: 'DatePicker' }, o),
+              c.a.createElement(i['s'], null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              Object(r['a'])(
+                { name: 'date-time-picker', label: 'DatePicker[showTime]' },
+                o,
+              ),
+              c.a.createElement(i['s'], {
+                showTime: !0,
+                format: 'YYYY-MM-DD HH:mm:ss',
+              }),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              Object(r['a'])({ name: 'month-picker', label: 'MonthPicker' }, o),
+              c.a.createElement(i['s'], { picker: 'month' }),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              Object(r['a'])({ name: 'range-picker', label: 'RangePicker' }, u),
+              c.a.createElement(m, null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              Object(r['a'])(
+                { name: 'range-time-picker', label: 'RangePicker[showTime]' },
+                u,
+              ),
+              c.a.createElement(m, {
+                showTime: !0,
+                format: 'YYYY-MM-DD HH:mm:ss',
+              }),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              Object(r['a'])({ name: 'time-picker', label: 'TimePicker' }, o),
+              c.a.createElement(i['bb'], null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              {
+                wrapperCol: {
+                  xs: { span: 24, offset: 0 },
+                  sm: { span: 16, offset: 8 },
+                },
+              },
+              c.a.createElement(
+                i['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+            ),
+          );
+        };
+      a['default'] = d;
+    },
+    kK1p: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('PpiC'),
+        l = t('q1tI'),
+        c = t.n(l),
+        i = t('m/eG'),
+        m = t('wlus'),
+        s = t('xvlK'),
+        o = () => {
+          var e = (e) => {
+            console.log('Received values of form:', e);
+          };
+          return c.a.createElement(
+            i['y'],
+            {
+              name: 'dynamic_form_nest_item',
+              onFinish: e,
+              autoComplete: 'off',
+            },
+            c.a.createElement(i['y'].List, { name: 'users' }, (e, a) => {
+              var t = a.add,
+                l = a.remove;
+              return c.a.createElement(
+                c.a.Fragment,
+                null,
+                e.map((e) => {
+                  var a = e.key,
+                    t = e.name,
+                    s = e.fieldKey,
+                    o = Object(n['a'])(e, ['key', 'name', 'fieldKey']);
+                  return c.a.createElement(
+                    i['T'],
+                    {
+                      key: a,
+                      style: { display: 'flex', marginBottom: 8 },
+                      align: 'baseline',
+                    },
+                    c.a.createElement(
+                      i['y'].Item,
+                      Object(r['a'])({}, o, {
+                        name: [t, 'first'],
+                        fieldKey: [s, 'first'],
+                        rules: [
+                          { required: !0, message: 'Missing first name' },
+                        ],
+                      }),
+                      c.a.createElement(i['A'], { placeholder: 'First Name' }),
+                    ),
+                    c.a.createElement(
+                      i['y'].Item,
+                      Object(r['a'])({}, o, {
+                        name: [t, 'last'],
+                        fieldKey: [s, 'last'],
+                        rules: [{ required: !0, message: 'Missing last name' }],
+                      }),
+                      c.a.createElement(i['A'], { placeholder: 'Last Name' }),
+                    ),
+                    c.a.createElement(m['a'], { onClick: () => l(t) }),
+                  );
+                }),
+                c.a.createElement(
+                  i['y'].Item,
+                  null,
+                  c.a.createElement(
+                    i['i'],
+                    {
+                      type: 'dashed',
+                      onClick: () => t(),
+                      block: !0,
+                      icon: c.a.createElement(s['a'], null),
+                    },
+                    'Add field',
+                  ),
+                ),
+              );
+            }),
+            c.a.createElement(
+              i['y'].Item,
+              null,
+              c.a.createElement(
+                i['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+            ),
+          );
+        };
+      a['default'] = o;
+    },
+    koV8: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('q1tI'),
+        n = t.n(r),
+        l = t('m/eG'),
+        c = () => {
+          var e = (e) => {
+              console.log('Success:', e);
+            },
+            a = (e) => {
+              console.log('Failed:', e);
+            };
+          return n.a.createElement(
+            l['y'],
+            {
+              name: 'basic',
+              labelCol: { span: 8 },
+              wrapperCol: { span: 16 },
+              initialValues: { remember: !0 },
+              onFinish: e,
+              onFinishFailed: a,
+            },
+            n.a.createElement(
+              l['y'].Item,
+              {
+                label: 'Username',
+                name: 'username',
+                rules: [
+                  { required: !0, message: 'Please input your username!' },
+                ],
+              },
+              n.a.createElement(l['A'], null),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              {
+                label: 'Password',
+                name: 'password',
+                rules: [
+                  { required: !0, message: 'Please input your password!' },
+                ],
+              },
+              n.a.createElement(l['A'].Password, null),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              {
+                name: 'remember',
+                valuePropName: 'checked',
+                wrapperCol: { offset: 8, span: 16 },
+              },
+              n.a.createElement(l['n'], null, 'Remember me'),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { wrapperCol: { offset: 8, span: 16 } },
+              n.a.createElement(
+                l['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+            ),
+          );
+        };
+      a['default'] = c;
+    },
+    msLY: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('tJVT'),
+        n = t('q1tI'),
+        l = t.n(n),
+        c = t('m/eG'),
+        i = () => {
+          var e = Object(n['useState'])('default'),
+            a = Object(r['a'])(e, 2),
+            t = a[0],
+            i = a[1],
+            m = (e) => {
+              var a = e.size;
+              i(a);
+            };
+          return l.a.createElement(
+            l.a.Fragment,
+            null,
+            l.a.createElement(
+              c['y'],
+              {
+                labelCol: { span: 4 },
+                wrapperCol: { span: 14 },
+                layout: 'horizontal',
+                initialValues: { size: t },
+                onValuesChange: m,
+                size: t,
+              },
+              l.a.createElement(
+                c['y'].Item,
+                { label: 'Form Size', name: 'size' },
+                l.a.createElement(
+                  c['M'].Group,
+                  null,
+                  l.a.createElement(c['M'].Button, { value: 'small' }, 'Small'),
+                  l.a.createElement(
+                    c['M'].Button,
+                    { value: 'default' },
+                    'Default',
+                  ),
+                  l.a.createElement(c['M'].Button, { value: 'large' }, 'Large'),
+                ),
+              ),
+              l.a.createElement(
+                c['y'].Item,
+                { label: 'Input' },
+                l.a.createElement(c['A'], null),
+              ),
+              l.a.createElement(
+                c['y'].Item,
+                { label: 'Select' },
+                l.a.createElement(
+                  c['Q'],
+                  null,
+                  l.a.createElement(c['Q'].Option, { value: 'demo' }, 'Demo'),
+                ),
+              ),
+              l.a.createElement(
+                c['y'].Item,
+                { label: 'TreeSelect' },
+                l.a.createElement(c['gb'], {
+                  treeData: [
+                    {
+                      title: 'Light',
+                      value: 'light',
+                      children: [{ title: 'Bamboo', value: 'bamboo' }],
+                    },
+                  ],
+                }),
+              ),
+              l.a.createElement(
+                c['y'].Item,
+                { label: 'Cascader' },
+                l.a.createElement(c['m'], {
+                  options: [
+                    {
+                      value: 'zhejiang',
+                      label: 'Zhejiang',
+                      children: [{ value: 'hangzhou', label: 'Hangzhou' }],
+                    },
+                  ],
+                }),
+              ),
+              l.a.createElement(
+                c['y'].Item,
+                { label: 'DatePicker' },
+                l.a.createElement(c['s'], null),
+              ),
+              l.a.createElement(
+                c['y'].Item,
+                { label: 'InputNumber' },
+                l.a.createElement(c['B'], null),
+              ),
+              l.a.createElement(
+                c['y'].Item,
+                { label: 'Switch' },
+                l.a.createElement(c['X'], null),
+              ),
+              l.a.createElement(
+                c['y'].Item,
+                { label: 'Button' },
+                l.a.createElement(c['i'], null, 'Button'),
+              ),
+            ),
+          );
+        };
+      a['default'] = i;
+    },
+    muou: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('q1tI'),
+        n = t.n(r),
+        l = t('m/eG'),
+        c = t('cJ7L'),
+        i = t('FY4R'),
+        m = () => {
+          var e = (e) => {
+            console.log('Received values of form: ', e);
+          };
+          return n.a.createElement(
+            l['y'],
+            {
+              name: 'normal_login',
+              className: 'login-form',
+              initialValues: { remember: !0 },
+              onFinish: e,
+            },
+            n.a.createElement(
+              l['y'].Item,
+              {
+                name: 'username',
+                rules: [
+                  { required: !0, message: 'Please input your Username!' },
+                ],
+              },
+              n.a.createElement(l['A'], {
+                prefix: n.a.createElement(c['a'], {
+                  className: 'site-form-item-icon',
+                }),
+                placeholder: 'Username',
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              {
+                name: 'password',
+                rules: [
+                  { required: !0, message: 'Please input your Password!' },
+                ],
+              },
+              n.a.createElement(l['A'], {
+                prefix: n.a.createElement(i['a'], {
+                  className: 'site-form-item-icon',
+                }),
+                type: 'password',
+                placeholder: 'Password',
+              }),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              null,
+              n.a.createElement(
+                l['y'].Item,
+                { name: 'remember', valuePropName: 'checked', noStyle: !0 },
+                n.a.createElement(l['n'], null, 'Remember me'),
+              ),
+              n.a.createElement(
+                'a',
+                { className: 'login-form-forgot', href: '' },
+                'Forgot password',
+              ),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              null,
+              n.a.createElement(
+                l['i'],
+                {
+                  type: 'primary',
+                  htmlType: 'submit',
+                  className: 'login-form-button',
+                },
+                'Log in',
+              ),
+              'Or ',
+              n.a.createElement('a', { href: '' }, 'register now!'),
+            ),
+          );
+        };
+      a['default'] = m;
+    },
+    nC7M: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('q1tI'),
+        n = t.n(r),
+        l = t('m/eG'),
+        c = l['Q'].Option,
+        i = () => {
+          var e = (e) => {
+            console.log('Received values of form: ', e);
+          };
+          return n.a.createElement(
+            l['y'],
+            {
+              name: 'complex-form',
+              onFinish: e,
+              labelCol: { span: 8 },
+              wrapperCol: { span: 16 },
+            },
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Username' },
+              n.a.createElement(
+                l['T'],
+                null,
+                n.a.createElement(
+                  l['y'].Item,
+                  {
+                    name: 'username',
+                    noStyle: !0,
+                    rules: [{ required: !0, message: 'Username is required' }],
+                  },
+                  n.a.createElement(l['A'], {
+                    style: { width: 160 },
+                    placeholder: 'Please input',
+                  }),
+                ),
+                n.a.createElement(
+                  l['db'],
+                  { title: 'Useful information' },
+                  n.a.createElement(
+                    l['hb'].Link,
+                    { href: '#API' },
+                    'Need Help?',
+                  ),
+                ),
+              ),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'Address' },
+              n.a.createElement(
+                l['A'].Group,
+                { compact: !0 },
+                n.a.createElement(
+                  l['y'].Item,
+                  {
+                    name: ['address', 'province'],
+                    noStyle: !0,
+                    rules: [{ required: !0, message: 'Province is required' }],
+                  },
+                  n.a.createElement(
+                    l['Q'],
+                    { placeholder: 'Select province' },
+                    n.a.createElement(c, { value: 'Zhejiang' }, 'Zhejiang'),
+                    n.a.createElement(c, { value: 'Jiangsu' }, 'Jiangsu'),
+                  ),
+                ),
+                n.a.createElement(
+                  l['y'].Item,
+                  {
+                    name: ['address', 'street'],
+                    noStyle: !0,
+                    rules: [{ required: !0, message: 'Street is required' }],
+                  },
+                  n.a.createElement(l['A'], {
+                    style: { width: '50%' },
+                    placeholder: 'Input street',
+                  }),
+                ),
+              ),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: 'BirthDate', style: { marginBottom: 0 } },
+              n.a.createElement(
+                l['y'].Item,
+                {
+                  name: 'year',
+                  rules: [{ required: !0 }],
+                  style: { display: 'inline-block', width: 'calc(50% - 8px)' },
+                },
+                n.a.createElement(l['A'], { placeholder: 'Input birth year' }),
+              ),
+              n.a.createElement(
+                l['y'].Item,
+                {
+                  name: 'month',
+                  rules: [{ required: !0 }],
+                  style: {
+                    display: 'inline-block',
+                    width: 'calc(50% - 8px)',
+                    margin: '0 8px',
+                  },
+                },
+                n.a.createElement(l['A'], { placeholder: 'Input birth month' }),
+              ),
+            ),
+            n.a.createElement(
+              l['y'].Item,
+              { label: ' ', colon: !1 },
+              n.a.createElement(
+                l['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+            ),
+          );
+        };
+      a['default'] = i;
+    },
+    'o+L2': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('tJVT'),
+        l = t('q1tI'),
+        c = t.n(l),
+        i = t('m/eG'),
+        m = () => {
+          var e = i['y'].useForm(),
+            a = Object(n['a'])(e, 1),
+            t = a[0],
+            m = Object(l['useState'])('horizontal'),
+            s = Object(n['a'])(m, 2),
+            o = s[0],
+            u = s[1],
+            d = (e) => {
+              var a = e.layout;
+              u(a);
+            },
+            p =
+              'horizontal' === o
+                ? { labelCol: { span: 4 }, wrapperCol: { span: 14 } }
+                : null,
+            b =
+              'horizontal' === o
+                ? { wrapperCol: { span: 14, offset: 4 } }
+                : null;
+          return c.a.createElement(
+            c.a.Fragment,
+            null,
+            c.a.createElement(
+              i['y'],
+              Object(r['a'])({}, p, {
+                layout: o,
+                form: t,
+                initialValues: { layout: o },
+                onValuesChange: d,
+              }),
+              c.a.createElement(
+                i['y'].Item,
+                { label: 'Form Layout', name: 'layout' },
+                c.a.createElement(
+                  i['M'].Group,
+                  { value: o },
+                  c.a.createElement(
+                    i['M'].Button,
+                    { value: 'horizontal' },
+                    'Horizontal',
+                  ),
+                  c.a.createElement(
+                    i['M'].Button,
+                    { value: 'vertical' },
+                    'Vertical',
+                  ),
+                  c.a.createElement(
+                    i['M'].Button,
+                    { value: 'inline' },
+                    'Inline',
+                  ),
+                ),
+              ),
+              c.a.createElement(
+                i['y'].Item,
+                { label: 'Field A' },
+                c.a.createElement(i['A'], { placeholder: 'input placeholder' }),
+              ),
+              c.a.createElement(
+                i['y'].Item,
+                { label: 'Field B' },
+                c.a.createElement(i['A'], { placeholder: 'input placeholder' }),
+              ),
+              c.a.createElement(
+                i['y'].Item,
+                b,
+                c.a.createElement(i['i'], { type: 'primary' }, 'Submit'),
+              ),
+            ),
+          );
+        };
+      a['default'] = m;
+    },
+    'qu/w': function (e, a, t) {},
+    rMHt: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('tJVT'),
+        n = t('q1tI'),
+        l = t.n(n),
+        c = t('m/eG'),
+        i = t('VTBJ'),
+        m = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z',
+                },
+              },
+            ],
+          },
+          name: 'up',
+          theme: 'outlined',
+        },
+        s = m,
+        o = t('6VBw'),
+        u = function (e, a) {
+          return n['createElement'](
+            o['a'],
+            Object(i['a'])(Object(i['a'])({}, e), {}, { ref: a, icon: s }),
+          );
+        };
+      u.displayName = 'UpOutlined';
+      var d = n['forwardRef'](u),
+        p = t('8Skl'),
+        b =
+          (t('qu/w'),
+          () => {
+            var e = Object(n['useState'])(!1),
+              a = Object(r['a'])(e, 2),
+              t = a[0],
+              i = a[1],
+              m = c['y'].useForm(),
+              s = Object(r['a'])(m, 1),
+              o = s[0],
+              u = () => {
+                for (var e = t ? 10 : 6, a = [], r = 0; r < e; r++)
+                  a.push(
+                    l.a.createElement(
+                      c['o'],
+                      { span: 8, key: r },
+                      l.a.createElement(
+                        c['y'].Item,
+                        {
+                          name: 'field-'.concat(r),
+                          label: 'Field '.concat(r),
+                          rules: [
+                            { required: !0, message: 'Input something!' },
+                          ],
+                        },
+                        l.a.createElement(c['A'], {
+                          placeholder: 'placeholder',
+                        }),
+                      ),
+                    ),
+                  );
+                return a;
+              },
+              b = (e) => {
+                console.log('Received values of form: ', e);
+              };
+            return l.a.createElement(
+              c['y'],
+              {
+                form: o,
+                name: 'advanced_search',
+                className: 'ant-advanced-search-form',
+                onFinish: b,
+              },
+              l.a.createElement(c['P'], { gutter: 24 }, u()),
+              l.a.createElement(
+                c['P'],
+                null,
+                l.a.createElement(
+                  c['o'],
+                  { span: 24, style: { textAlign: 'right' } },
+                  l.a.createElement(
+                    c['i'],
+                    { type: 'primary', htmlType: 'submit' },
+                    'Search',
+                  ),
+                  l.a.createElement(
+                    c['i'],
+                    {
+                      style: { margin: '0 8px' },
+                      onClick: () => {
+                        o.resetFields();
+                      },
+                    },
+                    'Clear',
+                  ),
+                  l.a.createElement(
+                    'a',
+                    {
+                      style: { fontSize: 12 },
+                      onClick: () => {
+                        i(!t);
+                      },
+                    },
+                    t
+                      ? l.a.createElement(d, null)
+                      : l.a.createElement(p['a'], null),
+                    ' Collapse',
+                  ),
+                ),
+              ),
+            );
+          }),
+        y = () =>
+          l.a.createElement(
+            'div',
+            null,
+            l.a.createElement(b, null),
+            l.a.createElement(
+              'div',
+              { className: 'search-result-list' },
+              'Search Result List',
+            ),
+          );
+      a['default'] = y;
+    },
+    rzX8: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('q1tI'),
+        l = t.n(n),
+        c = t('m/eG'),
+        i = c['Q'].Option,
+        m = { labelCol: { span: 8 }, wrapperCol: { span: 16 } },
+        s = { wrapperCol: { offset: 8, span: 16 } };
+      class o extends l.a.Component {
+        constructor() {
+          super(...arguments),
+            (this.formRef = l.a.createRef()),
+            (this.onGenderChange = (e) => {
+              switch (e) {
+                case 'male':
+                  return void this.formRef.current.setFieldsValue({
+                    note: 'Hi, man!',
+                  });
+                case 'female':
+                  return void this.formRef.current.setFieldsValue({
+                    note: 'Hi, lady!',
+                  });
+                case 'other':
+                  this.formRef.current.setFieldsValue({ note: 'Hi there!' });
+              }
+            }),
+            (this.onFinish = (e) => {
+              console.log(e);
+            }),
+            (this.onReset = () => {
+              this.formRef.current.resetFields();
+            }),
+            (this.onFill = () => {
+              this.formRef.current.setFieldsValue({
+                note: 'Hello world!',
+                gender: 'male',
+              });
+            });
+        }
+        render() {
+          return l.a.createElement(
+            c['y'],
+            Object(r['a'])({}, m, {
+              ref: this.formRef,
+              name: 'control-ref',
+              onFinish: this.onFinish,
+            }),
+            l.a.createElement(
+              c['y'].Item,
+              { name: 'note', label: 'Note', rules: [{ required: !0 }] },
+              l.a.createElement(c['A'], null),
+            ),
+            l.a.createElement(
+              c['y'].Item,
+              { name: 'gender', label: 'Gender', rules: [{ required: !0 }] },
+              l.a.createElement(
+                c['Q'],
+                {
+                  placeholder: 'Select a option and change input text above',
+                  onChange: this.onGenderChange,
+                  allowClear: !0,
+                },
+                l.a.createElement(i, { value: 'male' }, 'male'),
+                l.a.createElement(i, { value: 'female' }, 'female'),
+                l.a.createElement(i, { value: 'other' }, 'other'),
+              ),
+            ),
+            l.a.createElement(
+              c['y'].Item,
+              { noStyle: !0, shouldUpdate: (e, a) => e.gender !== a.gender },
+              (e) => {
+                var a = e.getFieldValue;
+                return 'other' === a('gender')
+                  ? l.a.createElement(
+                      c['y'].Item,
+                      {
+                        name: 'customizeGender',
+                        label: 'Customize Gender',
+                        rules: [{ required: !0 }],
+                      },
+                      l.a.createElement(c['A'], null),
+                    )
+                  : null;
+              },
+            ),
+            l.a.createElement(
+              c['y'].Item,
+              s,
+              l.a.createElement(
+                c['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+              l.a.createElement(
+                c['i'],
+                { htmlType: 'button', onClick: this.onReset },
+                'Reset',
+              ),
+              l.a.createElement(
+                c['i'],
+                { type: 'link', htmlType: 'button', onClick: this.onFill },
+                'Fill form',
+              ),
+            ),
+          );
+        }
+      }
+      a['default'] = o;
+    },
+    sr5T: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('k1fw'),
+        n = t('tJVT'),
+        l = t('q1tI'),
+        c = t.n(l),
+        i = t('m/eG'),
+        m = i['Q'].Option,
+        s = (e) => {
+          var a = e.value,
+            t = void 0 === a ? {} : a,
+            s = e.onChange,
+            o = Object(l['useState'])(0),
+            u = Object(n['a'])(o, 2),
+            d = u[0],
+            p = u[1],
+            b = Object(l['useState'])('rmb'),
+            y = Object(n['a'])(b, 2),
+            h = y[0],
+            E = y[1],
+            f = (e) => {
+              null === s ||
+                void 0 === s ||
+                s(
+                  Object(r['a'])(
+                    Object(r['a'])({ number: d, currency: h }, t),
+                    e,
+                  ),
+                );
+            },
+            v = (e) => {
+              var a = parseInt(e.target.value || '0', 10);
+              Number.isNaN(d) || ('number' in t || p(a), f({ number: a }));
+            },
+            g = (e) => {
+              'currency' in t || E(e), f({ currency: e });
+            };
+          return c.a.createElement(
+            'span',
+            null,
+            c.a.createElement(i['A'], {
+              type: 'text',
+              value: t.number || d,
+              onChange: v,
+              style: { width: 100 },
+            }),
+            c.a.createElement(
+              i['Q'],
+              {
+                value: t.currency || h,
+                style: { width: 80, margin: '0 8px' },
+                onChange: g,
+              },
+              c.a.createElement(m, { value: 'rmb' }, 'RMB'),
+              c.a.createElement(m, { value: 'dollar' }, 'Dollar'),
+            ),
+          );
+        },
+        o = () => {
+          var e = (e) => {
+              console.log('Received values from form: ', e);
+            },
+            a = (e, a) =>
+              a.number > 0
+                ? Promise.resolve()
+                : Promise.reject(new Error('Price must be greater than zero!'));
+          return c.a.createElement(
+            i['y'],
+            {
+              name: 'customized_form_controls',
+              layout: 'inline',
+              onFinish: e,
+              initialValues: { price: { number: 0, currency: 'rmb' } },
+            },
+            c.a.createElement(
+              i['y'].Item,
+              { name: 'price', label: 'Price', rules: [{ validator: a }] },
+              c.a.createElement(s, null),
+            ),
+            c.a.createElement(
+              i['y'].Item,
+              null,
+              c.a.createElement(
+                i['i'],
+                { type: 'primary', htmlType: 'submit' },
+                'Submit',
+              ),
+            ),
+          );
+        };
+      a['default'] = o;
+    },
+    wFXQ: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('0Owb'),
+        n = t('9og8'),
+        l = t('tJVT'),
+        c = t('WmNS'),
+        i = t.n(c),
+        m = t('q1tI'),
+        s = t.n(m),
+        o = t('m/eG'),
+        u = { labelCol: { span: 4 }, wrapperCol: { span: 8 } },
+        d = { labelCol: { span: 4 }, wrapperCol: { span: 8, offset: 4 } },
+        p = () => {
+          var e = o['y'].useForm(),
+            a = Object(l['a'])(e, 1),
+            t = a[0],
+            c = Object(m['useState'])(!1),
+            p = Object(l['a'])(c, 2),
+            b = p[0],
+            y = p[1];
+          Object(m['useEffect'])(() => {
+            t.validateFields(['nickname']);
+          }, [b]);
+          var h = (e) => {
+              y(e.target.checked);
+            },
+            E = (function () {
+              var e = Object(n['a'])(
+                i.a.mark(function e() {
+                  var a;
+                  return i.a.wrap(
+                    function (e) {
+                      while (1)
+                        switch ((e.prev = e.next)) {
+                          case 0:
+                            return (
+                              (e.prev = 0), (e.next = 3), t.validateFields()
+                            );
+                          case 3:
+                            (a = e.sent),
+                              console.log('Success:', a),
+                              (e.next = 10);
+                            break;
+                          case 7:
+                            (e.prev = 7),
+                              (e.t0 = e['catch'](0)),
+                              console.log('Failed:', e.t0);
+                          case 10:
+                          case 'end':
+                            return e.stop();
+                        }
+                    },
+                    e,
+                    null,
+                    [[0, 7]],
+                  );
+                }),
+              );
+              return function () {
+                return e.apply(this, arguments);
+              };
+            })();
+          return s.a.createElement(
+            o['y'],
+            { form: t, name: 'dynamic_rule' },
+            s.a.createElement(
+              o['y'].Item,
+              Object(r['a'])({}, u, {
+                name: 'username',
+                label: 'Name',
+                rules: [{ required: !0, message: 'Please input your name' }],
+              }),
+              s.a.createElement(o['A'], {
+                placeholder: 'Please input your name',
+              }),
+            ),
+            s.a.createElement(
+              o['y'].Item,
+              Object(r['a'])({}, u, {
+                name: 'nickname',
+                label: 'Nickname',
+                rules: [{ required: b, message: 'Please input your nickname' }],
+              }),
+              s.a.createElement(o['A'], {
+                placeholder: 'Please input your nickname',
+              }),
+            ),
+            s.a.createElement(
+              o['y'].Item,
+              d,
+              s.a.createElement(
+                o['n'],
+                { checked: b, onChange: h },
+                'Nickname is required',
+              ),
+            ),
+            s.a.createElement(
+              o['y'].Item,
+              d,
+              s.a.createElement(
+                o['i'],
+                { type: 'primary', onClick: E },
+                'Check',
+              ),
+            ),
+          );
+        };
+      a['default'] = p;
+    },
+    wlus: function (e, a, t) {
+      'use strict';
+      var r = t('VTBJ'),
+        n = t('q1tI'),
+        l = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M696 480H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z',
+                },
+              },
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z',
+                },
+              },
+            ],
+          },
+          name: 'minus-circle',
+          theme: 'outlined',
+        },
+        c = l,
+        i = t('6VBw'),
+        m = function (e, a) {
+          return n['createElement'](
+            i['a'],
+            Object(r['a'])(Object(r['a'])({}, e), {}, { ref: a, icon: c }),
+          );
+        };
+      m.displayName = 'MinusCircleOutlined';
+      a['a'] = n['forwardRef'](m);
+    },
+    xvlK: function (e, a, t) {
+      'use strict';
+      var r = t('VTBJ'),
+        n = t('q1tI'),
+        l = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'defs',
+                attrs: {},
+                children: [{ tag: 'style', attrs: {} }],
+              },
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z',
+                },
+              },
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z',
+                },
+              },
+            ],
+          },
+          name: 'plus',
+          theme: 'outlined',
+        },
+        c = l,
+        i = t('6VBw'),
+        m = function (e, a) {
+          return n['createElement'](
+            i['a'],
+            Object(r['a'])(Object(r['a'])({}, e), {}, { ref: a, icon: c }),
+          );
+        };
+      m.displayName = 'PlusOutlined';
+      a['a'] = n['forwardRef'](m);
+    },
+    yNfo: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var r = t('tJVT'),
+        n = t('q1tI'),
+        l = t.n(n),
+        c = t('m/eG'),
+        i = t('+YFz'),
+        m = () => {
+          var e = c['y'].useForm(),
+            a = Object(r['a'])(e, 1),
+            t = a[0],
+            m = Object(n['useState'])('optional'),
+            s = Object(r['a'])(m, 2),
+            o = s[0],
+            u = s[1],
+            d = (e) => {
+              var a = e.requiredMarkValue;
+              u(a);
+            };
+          return l.a.createElement(
+            c['y'],
+            {
+              form: t,
+              layout: 'vertical',
+              initialValues: { requiredMarkValue: o },
+              onValuesChange: d,
+              requiredMark: o,
+            },
+            l.a.createElement(
+              c['y'].Item,
+              { label: 'Required Mark', name: 'requiredMarkValue' },
+              l.a.createElement(
+                c['M'].Group,
+                null,
+                l.a.createElement(
+                  c['M'].Button,
+                  { value: 'optional' },
+                  'Optional',
+                ),
+                l.a.createElement(c['M'].Button, { value: !0 }, 'Required'),
+                l.a.createElement(c['M'].Button, { value: !1 }, 'Hidden'),
+              ),
+            ),
+            l.a.createElement(
+              c['y'].Item,
+              {
+                label: 'Field A',
+                required: !0,
+                tooltip: 'This is a required field',
+              },
+              l.a.createElement(c['A'], { placeholder: 'input placeholder' }),
+            ),
+            l.a.createElement(
+              c['y'].Item,
+              {
+                label: 'Field B',
+                tooltip: {
+                  title: 'Tooltip with customize icon',
+                  icon: l.a.createElement(i['a'], null),
+                },
+              },
+              l.a.createElement(c['A'], { placeholder: 'input placeholder' }),
+            ),
+            l.a.createElement(
+              c['y'].Item,
+              null,
+              l.a.createElement(c['i'], { type: 'primary' }, 'Submit'),
+            ),
+          );
+        };
+      a['default'] = m;
+    },
+  },
+]);