@uiw/doc
Version:
UIW documentation website.
1 lines • 118 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2452],{4934:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=4934,e.exports=n},5301:(e,n,t)=>{"use strict";t.d(n,{Z:()=>_});var r=t(8573),l=t(6320),a=t(8563),u=t(7622),o=t(7937);const i={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=t(4760);function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:n}=e,t=/^http/.test(n||"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,c.jsxs)("div",{className:i.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,c.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const m=l.ZP.Preview,f=l.ZP.Code,d=l.ZP.Toolbar,p=e=>{var n,t;let{node:u,components:o,data:i,...s}=e;const p=(0,r.useRef)(null),{headings:_,headingsList:b,...y}=s;(0,r.useEffect)((()=>{if(p.current){const e=p.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(p.current,e)}}),[p]);const h=null===u||void 0===u||null===(n=u.position)||void 0===n?void 0:n.start.line,w=null===u||void 0===u||null===(t=u.data)||void 0===t?void 0:t.meta,E=(0,a.Mx)(w)||String(h),v=o["".concat(E)];if(E&&"function"===typeof v){const e=i[E].value||"",n=(0,a.aE)(w||"");return(0,c.jsxs)(l.ZP,{ref:p,children:[(0,c.jsx)(m,{style:{background:n.bg||"transparent"},children:(0,c.jsx)(v,{})}),(0,c.jsx)(d,{text:e,children:n.title||"Example"}),(0,c.jsx)(f,{children:(0,c.jsx)("pre",{...y})})]})}return(0,c.jsx)("code",{...y})};function _(e){return(0,c.jsxs)(r.Fragment,{children:[(0,c.jsx)(u.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:n=>(0,c.jsx)(p,{...e,...n})}}),(0,c.jsx)(s,{path:e.path})]})}},6421:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>u});const r={components:{19:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n=function(n,t){if(!t&&n&&n.__esModule)return n;if(null===n||"object"!=e(n)&&"function"!=typeof n)return{default:n};var r=l(t);if(r&&r.has(n))return r.get(n);var a={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in n)if("default"!==o&&Object.prototype.hasOwnProperty.call(n,o)){var i=u?Object.getOwnPropertyDescriptor(n,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=n[o]}return a.default=n,r&&r.set(n,a),a}(t(8573)),r=t(7937);function l(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(l=function(e){return e?t:n})(e)}return function(){var e=(0,n.useRef)();return n.default.createElement("div",null,n.default.createElement(r.Form,{ref:e,onChange:function(e){var n=e.initial,t=e.current;console.log("onChange",n,t)},onSubmit:function(e){var n=e.initial,t=e.current;t.name===n.name?r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8868\u5355\u63d0\u4ea4\u5185\u5bb9\u4e3a\u7a7a\uff01"}):r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u59d3\u540d\u4e3a\uff1a".concat(t.name,"\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{name:{label:"\u59d3\u540d",children:n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u59d3\u540d"})}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,{style:{maxWidth:300}},t.name)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,JSON.stringify(l.current))))})),n.default.createElement(r.Button,{type:"primary",onClick:function(){e.current.onSubmit()}},"submit"),n.default.createElement(r.Button,{type:"primary",onClick:function(){e.current.resetForm()}},"resetForm"),n.default.createElement(r.Button,{type:"primary",onClick:function(){console.log("getFieldValues",e.current.getFieldValues())}},"getValues"),n.default.createElement(r.Button,{type:"primary",onClick:function(){e.current.setFieldValue("name","UIW")}},"setFieldValue"))}}(),100:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function a(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function u(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==l(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===l(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement(r.Form,{onSubmit:function(e){e.initial;var n=e.current,t={};if(n.userName.startsWith("u")&&(t.userName="\u59d3\u540d ".concat(n.userName," \u4e0d\u80fd\u4ee5 \u2018u\u2019 \u5f00\u5934")),n.checkboxOne||(t.checkboxOne="\u4e00\u4e2a\u591a\u9009\u6761\u4ef6 \u4e3a\u5fc5\u586b"),n.terms||(t.terms="\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e"),Object.keys(t).length>0){var l=new Error;throw l.filed=t,l}r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u59d3\u540d\u4e3a\uff1a".concat(n.userName,"\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?a(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},fields:{userName:{initialValue:"uiw",label:"\u59d3\u540d",children:n.default.createElement(r.Input,{type:"text"}),help:"\u4ee5\u201cu\u201d\u5f00\u5934\u7684\u540d\u5b57\u5c06\u5728\u6b64\u5904\u663e\u793a\u9519\u8bef\u4fe1\u606f"},age:{initialValue:"9",label:"\u5e74\u9f84",children:n.default.createElement(r.Input,{type:"number"})},select:{children:n.default.createElement(r.Select,null,n.default.createElement(r.Select.Option,{value:"w"},"Choose an item..."),n.default.createElement(r.Select.Option,{value:"1"},"One"),n.default.createElement(r.Select.Option,{value:"2"},"Two"),n.default.createElement(r.Select.Option,{value:"3"},"Three"),n.default.createElement(r.Select.Option,{value:"4"},"Four"))},searchSelect:{initialValue:[{label:"a7",value:7},{label:"a8",value:8}],children:n.default.createElement(r.SearchSelect,{allowClear:!0,labelInValue:!0,showSearch:!0,mode:"multiple",disabled:!1,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",option:[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}]})},checkbox:{initialValue:["\u56db\u5ddd\u83dc"],label:"\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc",children:n.default.createElement(r.Checkbox.Group,null,n.default.createElement("div",null,"\u83dc\u7cfb"),n.default.createElement(r.Checkbox,{value:"\u56db\u5ddd\u83dc"},"\u56db\u5ddd\u83dc"),n.default.createElement(r.Checkbox,{value:"\u6e56\u5317\u83dc"},"\u6e56\u5317\u83dc"),n.default.createElement(r.Checkbox,{value:"\u897f\u5317\u83dc"},"\u897f\u5317\u83dc"),n.default.createElement(r.Checkbox,{value:"\u65b0\u7586\u83dc"},"\u65b0\u7586\u83dc"),n.default.createElement(r.Checkbox,{value:"\u4e1c\u5317\u83dc"},"\u4e1c\u5317\u83dc"),n.default.createElement("div",{style:{marginTop:10}},"\u5bb6\u5e38\u83dc"),n.default.createElement(r.Checkbox,{value:"\u7ea2\u70e7\u6b66\u660c\u9c7c"},"\u7ea2\u70e7\u6b66\u660c\u9c7c"),n.default.createElement(r.Checkbox,{value:"\u9ebb\u5a46\u8c46\u8150"},"\u9ebb\u5a46\u8c46\u8150"),n.default.createElement(r.Checkbox,{value:"\u5317\u4eac\u70e4\u9e2d"},"\u5317\u4eac\u70e4\u9e2d"))},checkboxOne:{inline:!0,label:"\u4e00\u4e2a\u591a\u9009\u6761\u4ef6",children:n.default.createElement(r.Checkbox,{value:"1"},"\u56db\u5ddd\u83dc")},switch:{inline:!0,initialValue:!0,label:"\u5f00\u542f",children:n.default.createElement(r.Switch,{size:"small"})},radioGroup:{inline:!0,initialValue:"\u7537",label:"\u5355\u9009",children:n.default.createElement(r.RadioGroup,{name:"other"},n.default.createElement(r.Radio,{value:"\u7537"},"\u7537"),n.default.createElement(r.Radio,{value:"\u5973"},"\u5973"),n.default.createElement(r.Radio,{value:"\u4eba\u5996",disabled:!0},"\u4eba\u5996"),n.default.createElement(r.Radio,{value:"\u672a\u77e5"},"\u672a\u77e5"))},textarea:{initialValue:"",label:"\u591a\u884c\u6587\u672c\u8f93\u5165\u6846",children:n.default.createElement(r.Textarea,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})},terms:{validator:function(e){return e?null:"\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e"},style:{marginBottom:0},children:n.default.createElement(r.Checkbox,{value:"1"},"\u5df2\u9605\u8bfb\u5e76\u540c\u610f",n.default.createElement("a",{href:"#"},"\u670d\u52a1\u6761\u6b3e"))}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit,u=e.resetForm;return console.log("fields:--\x3e",l),n.default.createElement("div",{style:{maxWidth:500}},n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.userName),n.default.createElement(r.Col,null,t.age)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.select),n.default.createElement(r.Col,null,t.searchSelect)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.checkbox),n.default.createElement(r.Col,null,t.checkboxOne)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.radioGroup)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.switch)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.textarea)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{style:{padding:"5px 0 10px 0"}},t.terms)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"),n.default.createElement(r.Button,{type:"light",onClick:u},"\u91cd\u7f6e\u8868\u5355"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement("pre",{style:{padding:"10px 0 0 10px"}},JSON.stringify(l.current,null,2)))))}))}}(),289:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function a(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function u(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==l(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===l(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{onSubmit:function(e){var n=e.initial,t=e.current,l={};if(t.username||(l.username="\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01"),t.password||(l.password="\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01"),Object.keys(l).length>0){var a=new Error;throw a.filed=l,r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),a}console.log("--\x3e>",n,t),r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u606d\u559c\u4f60\u767b\u5f55\u6210\u529f\uff01"})},onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?a(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},fields:{username:{labelClassName:"fieldLabel",labelFor:"username-inline",children:n.default.createElement(r.Input,{preIcon:"user",id:"username-inline"})},password:{labelClassName:"fieldLabel",labelFor:"password-inline",children:n.default.createElement(r.Input,{preIcon:"lock",id:"password-inline",type:"password"})}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit,u=e.resetForm;return console.log("fields:",l),n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},t.username),n.default.createElement(r.Col,{fixed:!0},t.password)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"),n.default.createElement(r.Button,{type:"danger",onClick:u},"\u91cd\u7f6e\u8868\u5355"))))})))}}(),358:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{onSubmit:function(e){var n=e.initial,t=e.current;console.log("--\x3e>",n,t)},fields:{username:{labelClassName:"fieldLabel",labelStyle:{width:60},labelFor:"username",children:n.default.createElement(r.Input,{preIcon:"user",id:"username"})},password:{labelClassName:"fieldLabel",labelStyle:{width:60},labelFor:"password",children:n.default.createElement(r.Input,{preIcon:"lock",id:"password",type:"password"})},terms:{validator:function(e){return e?null:"\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e"},children:n.default.createElement(r.Checkbox,{value:"1"},"\u5df2\u9605\u8bfb\u5e76\u540c\u610f")}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit;return console.log("fields:",l),n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},t.username)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},t.password)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0,align:"middle"},t.terms),n.default.createElement(r.Col,{fixed:!0,style:{marginTop:-4}},n.default.createElement("a",{href:"#"},"\u670d\u52a1\u6761\u6b3e"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))))})))}}(),418:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{onSubmit:function(e){var n=e.initial,t=e.current;console.log("--\x3e>",n,t)},fields:{firstName:{labelClassName:"fieldLabel",labelStyle:{width:60},inline:!0,label:"\u59d3\u6c0f",children:n.default.createElement(r.Input,null)},lastName:{labelClassName:"fieldLabel",labelStyle:{width:60},initialValue:"\u5148\u751f",inline:!0,label:"\u540d\u5b57",children:n.default.createElement(r.Input,null)},email:{labelClassName:"fieldLabel",labelStyle:{width:60},validator:function(e){return e&&e.length<2?"Password must be 8+ characters":null},inline:!0,label:"Email",children:n.default.createElement(r.Input,null)},select:{labelClassName:"fieldLabel",labelStyle:{width:60},inline:!0,label:"\u9009\u62e9\u5668",children:n.default.createElement(r.Select,null,n.default.createElement(r.Select.Option,null,"Choose an item..."),n.default.createElement(r.Select.Option,{value:"1"},"One"),n.default.createElement(r.Select.Option,{value:"2"},"Two"),n.default.createElement(r.Select.Option,{value:"3"},"Three"),n.default.createElement(r.Select.Option,{value:"4"},"Four"))}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit;return console.log("fields:",l),n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,null,t.firstName),n.default.createElement(r.Col,null,t.lastName)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.email),n.default.createElement(r.Col,null,t.select)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null),n.default.createElement(r.Col,{fixed:!0,align:"bottom"},n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))))})))}}(),507:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n,r=(n=t(8573))&&n.__esModule?n:{default:n},l=t(7937);function a(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function u(n,t,r){return(t=function(n){var t=function(n,t){if("object"!==e(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var l=r.call(n,t||"default");if("object"!==e(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"===e(t)?t:String(t)}(t))in n?Object.defineProperty(n,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[t]=r,n}function o(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,u,o=[],i=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(r=a.call(t)).done)&&(o.push(r.value),o.length!==n);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw l}}return o}}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return i(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return i(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function c(e){var n=e.option,t=void 0===n?[]:n,a=e.onChange,u=o(r.default.useState(e.value),2),i=u[0],c=u[1],s=o(r.default.useState(!1),2),m=s[0],f=s[1];r.default.useEffect((function(){i!==e.value&&c(e.value)}),[e.value]);var d=t.find((function(e){return i===e.value}));return r.default.createElement(l.Dropdown,{trigger:"click",onVisibleChange:function(e){return f(e)},isOpen:m,menu:r.default.createElement(l.Menu,{bordered:!0,style:{minWidth:120}},t.map((function(e,n){return r.default.createElement(l.Menu.Item,{active:i===e.value,key:n,text:e.label,onClick:function(){c(e.value),f(!1),a&&a(e.value)}})})))},r.default.createElement(l.Button,{style:{boxShadow:"inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1)"},type:"link"},d.label,r.default.createElement(l.Icon,{type:m?"up":"down"})))}return function(){return r.default.createElement("div",null,r.default.createElement(l.Form,{onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?a(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current;console.log("~~~",n);var t={};if(n.select||(t.select="\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9"),Object.keys(t).length>0){var r=new Error;throw r.filed=t,l.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),r}l.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5185\u5bb9\u4e3a\uff1a".concat(n.select,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{select:{initialValue:0,children:r.default.createElement(c,{option:[{label:"\u8bf7\u9009\u62e9",value:0},{label:"\u7ecf\u6d4e\u8231",value:1},{label:"\u8c6a\u534e\u7ecf\u6d4e\u8231",value:2},{label:"\u5546\u52a1\u8231",value:3},{label:"\u5934\u7b49\u8231",value:4}]})}}},(function(e){var n=e.fields,t=(e.state,e.canSubmit);return r.default.createElement("div",null,r.default.createElement(l.Row,null,r.default.createElement(l.Col,{style:{maxWidth:300}},n.select)),r.default.createElement(l.Row,null,r.default.createElement(l.Col,{fixed:!0},r.default.createElement(l.Button,{disabled:!t(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))))})))}}(),624:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);function l(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,u,o=[],i=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(r=a.call(t)).done)&&(o.push(r.value),o.length!==n);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw l}}return o}}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return a(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return a(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=l(n.default.useState({}),2),t=e[0],a=e[1];return n.default.createElement(r.Form,{onSubmit:function(e,n){n&&n.preventDefault();var t=new FormData(n.target),r={};t.forEach((function(e,n){r[n]=e})),a(r)},onReset:function(){return a({})}},n.default.createElement(r.FormItem,{label:"\u53ef\u9009\u5b57\u6bb5",labelFor:"item-basic-input",help:n.default.createElement("span",null,"\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c")},n.default.createElement(r.Input,{id:"item-basic-input",name:"basic",type:"text"})),n.default.createElement(r.FormItem,{label:"\u7528\u6237\u540d",labelFor:"item-username-input",help:!t.username||t.username.length<8?"\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002":"\u7528\u6237\u540d\u6b63\u786e \u221a ",hasError:!t.username||t.username.length<8},n.default.createElement(r.Input,{id:"item-username-input",name:"username",type:"text"})),n.default.createElement(r.FormItem,null,n.default.createElement(r.Button,{type:"success",htmlType:"submit"}," Submit "),n.default.createElement(r.Button,{type:"light",htmlType:"reset"}," Reset ")),n.default.createElement("pre",null,JSON.stringify(t,null,2)))}}(),673:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement(r.Form,null,n.default.createElement(r.FormItem,{inline:!0,label:"\u53ef\u9009\u5b57\u6bb5",labelFor:"basic-input-inline",help:n.default.createElement("span",null,"\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c"),onChange:function(){console.log("TEST::")}},n.default.createElement(r.Input,{id:"basic-input-inline",name:"basic",type:"text"})),n.default.createElement(r.FormItem,{inline:!0,label:"\u7528\u6237\u540d",labelFor:"username-input-inline",labelClassName:"username",help:"\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002",hasError:!0},n.default.createElement(r.Input,{id:"username-input-inline",name:"username",type:"text"})))}}()},data:{19:{name:19,meta:{bg:"#fff"},code:'"use strict";\n\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nvar _react = _interopRequireWildcard(require("react"));\nvar _uiw = require("uiw");\nfunction _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }\nreturn function Demo() {\n var form = (0, _react.useRef)();\n var onSubmit = function onSubmit() {\n form.current.onSubmit();\n };\n var resetForm = function resetForm() {\n form.current.resetForm();\n };\n var getFieldValues = function getFieldValues() {\n console.log(\'getFieldValues\', form.current.getFieldValues());\n };\n var setFieldValue = function setFieldValue() {\n form.current.setFieldValue(\'name\', \'UIW\');\n };\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n ref: form,\n onChange: function onChange(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log(\'onChange\', initial, current);\n },\n onSubmit: function onSubmit(_ref2) {\n var initial = _ref2.initial,\n current = _ref2.current;\n if (current.name === initial.name) {\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u5185\\u5BB9\\u4E3A\\u7A7A\\uFF01"\n });\n } else {\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u59D3\\u540D\\u4E3A\\uFF1A".concat(current.name, "\\uFF0C\\u63D0\\u4EA4\\u5B8C\\u6210\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n }\n },\n fields: {\n name: {\n label: \'\u59d3\u540d\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n placeholder: "\\u8BF7\\u8F93\\u5165\\u59D3\\u540D"\n })\n }\n }\n }, function (_ref3) {\n var fields = _ref3.fields,\n state = _ref3.state,\n canSubmit = _ref3.canSubmit;\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 300\n }\n }, fields.name)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, JSON.stringify(state.current))));\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: onSubmit\n }, "submit"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: resetForm\n }, "resetForm"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: getFieldValues\n }, "getValues"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: setFieldValue\n }, "setFieldValue"));\n};',language:"jsx",value:"import React, { useState, useRef } from \"react\";\nimport { Form, Input, Row, Col, Slider, Button, Notify } from 'uiw';\n\nexport default function Demo() {\n const form = useRef()\n\n const onSubmit = () => {\n form.current.onSubmit()\n }\n const resetForm = () => {\n form.current.resetForm()\n }\n const getFieldValues = () => {\n console.log('getFieldValues', form.current.getFieldValues())\n }\n\n const setFieldValue=()=>{\n form.current.setFieldValue('name','UIW')\n }\n\n return (\n <div>\n <Form\n ref={form}\n onChange={({ initial, current }) => {\n console.log('onChange', initial, current);\n }}\n onSubmit={({ initial, current }) => {\n if (current.name === initial.name) {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5185\u5bb9\u4e3a\u7a7a\uff01`,\n });\n } else {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u59d3\u540d\u4e3a\uff1a${current.name}\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }\n }}\n fields={{\n name: {\n label: '\u59d3\u540d',\n children: <Input placeholder=\"\u8bf7\u8f93\u5165\u59d3\u540d\" />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.name}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n {JSON.stringify(state.current)}\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n <Button type=\"primary\" onClick={onSubmit} >submit</Button>\n <Button type=\"primary\" onClick={resetForm}>resetForm</Button>\n <Button type=\"primary\" onClick={getFieldValues}>getValues</Button>\n <Button type=\"primary\" onClick={setFieldValue}>setFieldValue</Button>\n </div>\n )\n}"},100:{name:100,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n if (current.userName.startsWith(\'u\')) {\n errorObj.userName = "\\u59D3\\u540D ".concat(current.userName, " \\u4E0D\\u80FD\\u4EE5 \\u2018u\\u2019 \\u5F00\\u5934");\n }\n if (!current.checkboxOne) {\n errorObj.checkboxOne = \'\u4e00\u4e2a\u591a\u9009\u6761\u4ef6 \u4e3a\u5fc5\u586b\';\n }\n if (!current.terms) {\n errorObj.terms = \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\';\n }\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n throw err;\n }\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u59D3\\u540D\\u4E3A\\uFF1A".concat(current.userName, "\\uFF0C\\u63D0\\u4EA4\\u5B8C\\u6210\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n },\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n return null;\n },\n fields: {\n userName: {\n initialValue: \'uiw\',\n label: \'\u59d3\u540d\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n type: "text"\n }),\n help: \'\u4ee5\u201cu\u201d\u5f00\u5934\u7684\u540d\u5b57\u5c06\u5728\u6b64\u5904\u663e\u793a\u9519\u8bef\u4fe1\u606f\'\n },\n age: {\n initialValue: \'9\',\n label: \'\u5e74\u9f84\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n type: "number"\n })\n },\n select: {\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Select, null, /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n value: "w"\n }, "Choose an item..."), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n value: "1"\n }, "One"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n value: "2"\n }, "Two"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n value: "3"\n }, "Three"), /*#__PURE__*/_react["default"].createElement(_uiw.Select.Option, {\n value: "4"\n }, "Four"))\n },\n searchSelect: {\n initialValue: [{\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }],\n children: /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n allowClear: true,\n labelInValue: true,\n showSearch: true,\n mode: "multiple",\n disabled: false,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n option: [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }]\n })\n },\n checkbox: {\n initialValue: [\'\u56db\u5ddd\u83dc\'],\n label: \'\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox.Group, null, /*#__PURE__*/_react["default"].createElement("div", null, "\\u83DC\\u7CFB"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u56DB\\u5DDD\\u83DC"\n }, "\\u56DB\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u6E56\\u5317\\u83DC"\n }, "\\u6E56\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u897F\\u5317\\u83DC"\n }, "\\u897F\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u65B0\\u7586\\u83DC"\n }, "\\u65B0\\u7586\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u4E1C\\u5317\\u83DC"\n }, "\\u4E1C\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n marginTop: 10\n }\n }, "\\u5BB6\\u5E38\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"\n }, "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u9EBB\\u5A46\\u8C46\\u8150"\n }, "\\u9EBB\\u5A46\\u8C46\\u8150"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u5317\\u4EAC\\u70E4\\u9E2D"\n }, "\\u5317\\u4EAC\\u70E4\\u9E2D"))\n },\n checkboxOne: {\n inline: true,\n label: \'\u4e00\u4e2a\u591a\u9009\u6761\u4ef6\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "1"\n }, "\\u56DB\\u5DDD\\u83DC")\n },\n "switch": {\n inline: true,\n initialValue: true,\n label: \'\u5f00\u542f\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n size: "small"\n })\n },\n radioGroup: {\n inline: true,\n initialValue: \'\u7537\',\n label: \'\u5355\u9009\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.RadioGroup, {\n name: "other"\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "\\u7537"\n }, "\\u7537"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "\\u5973"\n }, "\\u5973"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "\\u4EBA\\u5996",\n disabled: true\n }, "\\u4EBA\\u5996"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "\\u672A\\u77E5"\n }, "\\u672A\\u77E5"))\n },\n textarea: {\n initialValue: \'\',\n label: \'\u591a\u884c\u6587\u672c\u8f93\u5165\u6846\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Textarea, {\n placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n })\n },\n terms: {\n validator: function validator(currentValue) {\n return !currentValue ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n },\n style: {\n marginBottom: 0\n },\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "1"\n }, "\\u5DF2\\u9605\\u8BFB\\u5E76\\u540C\\u610F", /*#__PURE__*/_react["default"].createElement("a", {\n href: "#"\n }, "\\u670D\\u52A1\\u6761\\u6B3E"))\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit,\n resetForm = _ref2.resetForm;\n console.log(\'fields:--\x3e\', state);\n return /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n maxWidth: 500\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.userName), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.age)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.select), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.searchSelect)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.checkbox), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.checkboxOne)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.radioGroup)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields["switch"])), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.textarea)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n style: {\n padding: \'5px 0 10px 0\'\n }\n }, fields.terms)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n type: "light",\n onClick: resetForm\n }, "\\u91CD\\u7F6E\\u8868\\u5355"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n style: {\n padding: \'10px 0 0 10px\'\n }\n }, JSON.stringify(state.current, null, 2)))));\n });\n};',language:"jsx",value:"import React from 'react';\nimport { Form, Input, Notify, Checkbox, Switch, RadioGroup, Radio, Textarea, Row, Col, Button, Select, SearchSelect } from 'uiw';\n\nexport default function Demo() {\n return(\n <Form\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (current.userName.startsWith('u')) {\n errorObj.userName = `\u59d3\u540d ${current.userName} \u4e0d\u80fd\u4ee5 \u2018u\u2019 \u5f00\u5934`;\n }\n if (!current.checkboxOne) {\n errorObj.checkboxOne = '\u4e00\u4e2a\u591a\u9009\u6761\u4ef6 \u4e3a\u5fc5\u586b';\n }\n if (!current.terms) {\n errorObj.terms = '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u59d3\u540d\u4e3a\uff1a${current.userName}\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n fields={{\n userName: {\n initialValue: 'uiw',\n label: '\u59d3\u540d',\n children: <Input type=\"text\" />,\n help: '\u4ee5\u201cu\u201d\u5f00\u5934\u7684\u540d\u5b57\u5c06\u5728\u6b64\u5904\u663e\u793a\u9519\u8bef\u4fe1\u606f'\n },\n age: {\n initialValue: '9',\n label: '\u5e74\u9f84',\n children: <Input type=\"number\" />\n },\n select: {\n children: (\n <Select>\n <Select.Option value=\"w\">Choose an item...</Select.Option>\n <Select.Option value=\"1\">One</Select.Option>\n <Select.Option value=\"2\">Two</Select.Option>\n <Select.Option value=\"3\">Three</Select.Option>\n <Select.Option value=\"4\">Four</Select.Option>\n </Select>\n )\n },\n searchSelect: {\n initialValue:[{label: 'a7', value: 7},{label: 'a8', value: 8}],\n children: (\n <SearchSelect\n allowClear\n labelInValue={true}\n showSearch={true}\n mode=\"multiple\"\n disabled={false}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]}\n />\n )\n },\n checkbox: {\n initialValue: ['\u56db\u5ddd\u83dc'],\n label: '\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc',\n children: (\n <Checkbox.Group>\n <div>\u83dc\u7cfb</div>\n <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n <Checkbox value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n <div style={{ marginTop: 10 }}>\u5bb6\u5e38\u83dc</div>\n <Checkbox value=\"\u7ea2\u70e7\u6b66\u660c\u9c7c\">\u7ea2\u70e7\u6b66\u660c\u9c7c</Checkbox>\n <Checkbox value=\"\u9ebb\u5a46\u8c46\u8150\">\u9ebb\u5a46\u8c46\u8150</Checkbox>\n <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n </Checkbox.Group>\n )\n },\n checkboxOne: {\n inline: true,\n label: '\u4e00\u4e2a\u591a\u9009\u6761\u4ef6',\n children: <Checkbox value=\"1\">\u56db\u5ddd\u83dc</Checkbox>\n },\n switch: {\n inline: true,\n initialValue: true,\n label: '\u5f00\u542f',\n children: <Switch size=\"small\" />\n },\n radioGroup: {\n inline: true,\n initialValue: '\u7537',\n label: '\u5355\u9009',\n children: (\n <RadioGroup name=\"other\">\n <Radio value=\"\u7537\">\u7537</Radio>\n <Radio value=\"\u5973\">\u5973</Radio>\n <Radio value=\"\u4eba\u5996\" disabled>\u4eba\u5996</Radio>\n <Radio value=\"\u672a\u77e5\">\u672a\u77e5</Radio>\n </RadioGroup>\n )\n },\n textarea: {\n initialValue: '',\n label: '\u591a\u884c\u6587\u672c\u8f93\u5165\u6846',\n children: <Textarea placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n },\n terms: {\n validator: (currentValue) => {\n return !currentValue ? '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e' : null;\n },\n style: { marg