npm - @uiw/doc - Versions diffs - 5.0.0-bate-1 → 5.0.0-bate-2 - Mend

@uiw/doc 5.0.0-bate-1 → 5.0.0-bate-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (337) hide show

package/web/static/js/7655.67268587.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[7655],{7655:function(e,n,t){t.r(n),n.default={components:{18: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={},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]}a.default=n,r&&r.set(n,a);return a}(t(8133)),r=t(2814);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"))}}(),101:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(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 a(e,n,t){return 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?l(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(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"})},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.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)))))}))}}(),251:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(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 a(e,n,t){return 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?l(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(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"))))})))}}(),319:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);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"))))})))}}(),378:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);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"))))})))}}(),467:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(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 a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function u(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)return;var r,l,a=[],u=!0,o=!1;try{for(t=t.call(e);!(u=(r=t.next()).done)&&(a.push(r.value),!n\|\|a.length!==n);u=!0);}catch(i){o=!0,l=i}finally{try{u\|\|null==t.return\|\|t.return()}finally{if(o)throw l}}return a}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return o(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 o(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 o(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 i(e){var t=e.option,l=void 0===t?[]:t,a=e.onChange,o=u(n.default.useState(e.value),2),i=o[0],c=o[1],s=u(n.default.useState(!1),2),m=s[0],d=s[1];n.default.useEffect((function(){i!==e.value&&c(e.value)}),[e.value]);var f=l.find((function(e){return i===e.value}));return n.default.createElement(r.Dropdown,{trigger:"click",onVisibleChange:function(e){return d(e)},isOpen:m,menu:n.default.createElement(r.Menu,{bordered:!0,style:{minWidth:120}},l.map((function(e,t){return n.default.createElement(r.Menu.Item,{active:i===e.value,key:t,text:e.label,onClick:function(){c(e.value),d(!1),a&&a(e.value)}})})))},n.default.createElement(r.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"},f.label,n.default.createElement(r.Icon,{type:m?"up":"down"})))}return function(){return n.default.createElement("div",null,n.default.createElement(r.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?l(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(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 l=new Error;throw l.filed=t,r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),l}r.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:n.default.createElement(i,{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 t=e.fields,l=(e.state,e.canSubmit);return n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,{style:{maxWidth:300}},t.select)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Button,{disabled:!l(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))))})))}}(),583:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);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)return;var r,l,a=[],u=!0,o=!1;try{for(t=t.call(e);!(u=(r=t.next()).done)&&(a.push(r.value),!n\|\|a.length!==n);u=!0);}catch(i){o=!0,l=i}finally{try{u\|\|null==t.return\|\|t.return()}finally{if(o)throw l}}return a}(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)))}}(),633:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);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:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction Demo() {\n var form = (0, _react.useRef)();\n\n var onSubmit = function onSubmit() {\n form.current.onSubmit();\n };\n\n var resetForm = function resetForm() {\n form.current.resetForm();\n };\n\n var getFieldValues = function getFieldValues() {\n console.log(\'getFieldValues\', form.current.getFieldValues());\n };\n\n var setFieldValue = function setFieldValue() {\n form.current.setFieldValue(\'name\', \'UIW\');\n };\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\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}\n\nreturn Demo;',language:"jsx",value:"\nimport React, { useState, useRef } from \"react\";\nimport { Form, Input, Row, Col, Slider, Button, Notify } from 'uiw';\n\nfunction 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}\nexport default Demo"},101:{name:101,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = 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\n if (current.userName.startsWith(\'u\')) {\n errorObj.userName = "\\u59D3\\u540D ".concat(current.userName, " \\u4E0D\\u80FD\\u4EE5 \\u2018u\\u2019 \\u5F00\\u5934");\n }\n\n if (!current.checkboxOne) {\n errorObj.checkboxOne = \'\u4e00\u4e2a\u591a\u9009\u6761\u4ef6 \u4e3a\u5fc5\u586b\';\n }\n\n if (!current.terms) {\n errorObj.terms = \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n throw err;\n }\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\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 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.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};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Input, Notify, Checkbox, Switch, RadioGroup, Radio, Textarea, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\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 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: { marginBottom: 0 },\n children: <Checkbox value=\"1\">\u5df2\u9605\u8bfb\u5e76\u540c\u610f<a href=\"#\">\u670d\u52a1\u6761\u6b3e</a></Checkbox>\n }\n }}\n >\n {({ fields, state, canSubmit, resetForm }) => {\n console.log('fields:--\x3e', state);\n return (\n <div style={{ maxWidth: 500 }}>\n <Row gutter={10}>\n <Col>{fields.userName}</Col>\n <Col>{fields.age}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.checkbox}</Col>\n <Col>{fields.checkboxOne}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.radioGroup}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.switch}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.textarea}</Col>\n </Row>\n <Row gutter={10}>\n <Col style={{ padding: '5px 0 10px 0' }}>\n {fields.terms}\n </Col>\n </Row>\n <Row gutter={10}>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button type=\"light\" onClick={resetForm}>\u91cd\u7f6e\u8868\u5355</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: '10px 0 0 10px' }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n)\nexport default Demo"},251:{name:251,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (!current.username) {\n errorObj.username = \'\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01\';\n }\n\n if (!current.password) {\n errorObj.password = \'\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n\n throw err;\n }\n\n console.log(\'--\x3e>\', initial, current);\n\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: \'\u606d\u559c\u4f60\u767b\u5f55\u6210\u529f\uff01\'\n });\n },\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n fields: {\n username: {\n labelClassName: \'fieldLabel\',\n labelFor: \'username-inline\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n preIcon: "user",\n id: "username-inline"\n })\n },\n password: {\n labelClassName: \'fieldLabel\',\n labelFor: \'password-inline\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n preIcon: "lock",\n id: "password-inline",\n type: "password"\n })\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:\', state);\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.username), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.password)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__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.Button, {\n type: "danger",\n onClick: resetForm\n }, "\\u91CD\\u7F6E\\u8868\\u5355"))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Input, Row, Col, Notify, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.username) {\n errorObj.username = '\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01';\n }\n if (!current.password) {\n errorObj.password = '\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n console.log('--\x3e>', initial, current);\n Notify.success({ title: '\u63d0\u4ea4\u6210\u529f\uff01', description: '\u606d\u559c\u4f60\u767b\u5f55\u6210\u529f\uff01' });\n }}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n fields={{\n username: {\n labelClassName: 'fieldLabel',\n labelFor: 'username-inline',\n children: <Input preIcon=\"user\" id=\"username-inline\" />\n },\n password: {\n labelClassName: 'fieldLabel',\n labelFor: 'password-inline',\n children: <Input preIcon=\"lock\" id=\"password-inline\" type=\"password\" />\n },\n }}\n >\n {({ fields, state, canSubmit, resetForm }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row gutter={10}>\n <Col fixed>{fields.username}</Col>\n <Col fixed>{fields.password}</Col>\n </Row>\n <Row gutter={10}>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button type=\"danger\" onClick={resetForm}>\u91cd\u7f6e\u8868\u5355</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n);\nexport default Demo"},319:{name:319,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log(\'--\x3e>\', initial, current);\n },\n fields: {\n username: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n labelFor: \'username\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n preIcon: "user",\n id: "username"\n })\n },\n password: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n labelFor: \'password\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n preIcon: "lock",\n id: "password",\n type: "password"\n })\n },\n terms: {\n validator: function validator(currentValue) {\n return !currentValue ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n },\n children: /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "1"\n }, "\\u5DF2\\u9605\\u8BFB\\u5E76\\u540C\\u610F")\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n console.log(\'fields:\', state);\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.username)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.password)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n align: "middle"\n }, fields.terms), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n marginTop: -4\n }\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "\\u670D\\u52A1\\u6761\\u6B3E"))), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__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"))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, Input, Row, Col, Checkbox, Notify, Button } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log(\'--\x3e>\', initial, current);\n }}\n fields={{\n username: {\n labelClassName: \'fieldLabel\',\n labelStyle: { width: 60 },\n labelFor: \'username\',\n children: <Input preIcon="user" id="username" />\n },\n password: {\n labelClassName: \'fieldLabel\',\n labelStyle: { width: 60 },\n labelFor: \'password\',\n children: <Input preIcon="lock" id="password" type="password" />\n },\n terms: {\n validator: (currentValue) => !currentValue ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null,\n children: <Checkbox value="1">\u5df2\u9605\u8bfb\u5e76\u540c\u610f</Checkbox>\n }\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log(\'fields:\', state);\n return (\n <div>\n <Row>\n <Col fixed>{fields.username}</Col>\n </Row>\n <Row>\n <Col fixed>{fields.password}</Col>\n </Row>\n <Row>\n <Col fixed align="middle">{fields.terms}</Col>\n <Col fixed style={{ marginTop: -4 }}><a href="#">\u670d\u52a1\u6761\u6b3e</a></Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo'},378:{name:378,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log(\'--\x3e>\', initial, current);\n },\n fields: {\n firstName: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n inline: true,\n label: \'\u59d3\u6c0f\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, null)\n },\n lastName: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n initialValue: \'\u5148\u751f\',\n inline: true,\n label: \'\u540d\u5b57\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, null)\n },\n email: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n validator: function validator(currentValue) {\n return currentValue && currentValue.length < 2 ? \'Password must be 8+ characters\' : null;\n },\n inline: true,\n label: \'Email\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, null)\n },\n select: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n inline: true,\n label: \'\u9009\u62e9\u5668\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Select, null, /#__PURE__/_react["default"].createElement(_uiw.Select.Option, null, "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 }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n console.log(\'fields:\', state);\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.firstName), /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.lastName)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.email), /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.select)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n align: "bottom"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Input, Select, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log('--\x3e>', initial, current);\n }}\n fields={{\n firstName: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n inline: true,\n label: '\u59d3\u6c0f',\n children: <Input />\n },\n lastName: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n initialValue: '\u5148\u751f',\n inline: true,\n label: '\u540d\u5b57',\n children: <Input />\n },\n email: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n validator: (currentValue) => {\n return currentValue && currentValue.length < 2 ? 'Password must be 8+ characters' : null;\n },\n inline: true,\n label: 'Email',\n children: <Input />\n },\n select: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n inline: true,\n label: '\u9009\u62e9\u5668',\n children: (\n <Select>\n <Select.Option>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 }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col>{fields.firstName}</Col>\n <Col>{fields.lastName}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.email}</Col>\n <Col>{fields.select}</Col>\n </Row>\n <Row gutter={10}>\n <Col />\n <Col fixed align=\"bottom\"><Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button></Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo"},467:{name:467,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\nfunction CustomSelect(props) {\n var _props$option = props.option,\n option = _props$option === void 0 ? [] : _props$option,\n onChange = props.onChange;\n\n var _React$useState = _react["default"].useState(props.value),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n setValue = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n isOpen = _React$useState4[0],\n setIsOpen = _React$useState4[1];\n\n _react["default"].useEffect(function () {\n if (value !== props.value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n var label = option.find(function (item) {\n return value === item.value;\n });\n return /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n trigger: "click",\n onVisibleChange: function onVisibleChange(open) {\n return setIsOpen(open);\n },\n isOpen: isOpen,\n menu: /#__PURE__/_react["default"].createElement(_uiw.Menu, {\n bordered: true,\n style: {\n minWidth: 120\n }\n }, option.map(function (item, idx) {\n return /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n active: value === item.value,\n key: idx,\n text: item.label,\n onClick: function onClick() {\n setValue(item.value);\n setIsOpen(false);\n onChange && onChange(item.value);\n }\n });\n }))\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n style: {\n boxShadow: \'inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1)\'\n },\n type: "link"\n }, label.label, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: isOpen ? \'up\' : \'down\'\n })));\n} // \u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e94\u7528\u5b9e\u4f8b\n\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log(\'~~~\', current);\n var errorObj = {};\n\n if (!current.select) {\n errorObj.select = \'\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n\n throw err;\n }\n\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u5185\\u5BB9\\u4E3A\\uFF1A".concat(current.select, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n },\n fields: {\n select: {\n initialValue: 0,\n children: /#__PURE__/_react["default"].createElement(CustomSelect, {\n option: [{\n label: \'\u8bf7\u9009\u62e9\',\n value: 0\n }, {\n label: \'\u7ecf\u6d4e\u8231\',\n value: 1\n }, {\n label: \'\u8c6a\u534e\u7ecf\u6d4e\u8231\',\n value: 2\n }, {\n label: \'\u5546\u52a1\u8231\',\n value: 3\n }, {\n label: \'\u5934\u7b49\u8231\',\n value: 4\n }]\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.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.select)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__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"))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Dropdown, Menu, Icon, Button, Notify } from 'uiw';\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\nfunction CustomSelect(props) {\n const { option = [], onChange } = props;\n const [value, setValue] = React.useState(props.value);\n const [isOpen, setIsOpen] = React.useState(false);\n\n React.useEffect(() => {\n if (value !== props.value) {\n setValue(props.value);\n }\n }, [props.value]);\n const label = option.find(item => value === item.value);\n return (\n <Dropdown\n trigger=\"click\"\n onVisibleChange={(open) => setIsOpen(open)}\n isOpen={isOpen}\n menu={\n <Menu bordered style={{ minWidth: 120 }}>\n {option.map((item, idx) => (\n <Menu.Item active={value === item.value} key={idx} text={item.label}\n onClick={() => {\n setValue(item.value);\n setIsOpen(false)\n onChange && onChange(item.value);\n }}\n />\n ))}\n </Menu>\n }\n >\n <Button\n style={{\n boxShadow: 'inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1)'\n }}\n type=\"link\"\n >\n {label.label}<Icon type={isOpen ? 'up' : 'down'} />\n </Button>\n </Dropdown>\n );\n}\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e94\u7528\u5b9e\u4f8b\nconst Demo = () => (\n <div>\n <Form\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n console.log('~~~', current);\n const errorObj = {};\n if (!current.select) {\n errorObj.select = '\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5185\u5bb9\u4e3a\uff1a${current.select}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n select: {\n initialValue: 0,\n children: (\n <CustomSelect option={[\n { label: '\u8bf7\u9009\u62e9', value: 0 },\n { label: '\u7ecf\u6d4e\u8231', value: 1 },\n { label: '\u8c6a\u534e\u7ecf\u6d4e\u8231', value: 2 },\n { label: '\u5546\u52a1\u8231', value: 3 },\n { label: '\u5934\u7b49\u8231', value: 4 },\n ]} />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.select}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo"},583:{name:583,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Demo = function Demo() {\n var _React$useState = _react["default"].useState({}),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formData = _React$useState2[0],\n setFormData = _React$useState2[1];\n\n var handleSubmit = function handleSubmit(_, e) {\n e && e.preventDefault();\n var fData = new FormData(e.target);\n var data = {};\n fData.forEach(function (value, key) {\n data[key] = value;\n });\n setFormData(data);\n };\n\n return /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmit: handleSubmit,\n onReset: function onReset() {\n return setFormData({});\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.FormItem, {\n label: "\\u53EF\\u9009\\u5B57\\u6BB5",\n labelFor: "item-basic-input",\n help: /#__PURE__/_react["default"].createElement("span", null, "\\u5728\\u4E0A\\u9762\\u7684\\u5B57\\u6BB5\\u4E2D\\u8F93\\u5165\\u4E00\\u4E2A\\u503C")\n }, /#__PURE__/_react["default"].createElement(_uiw.Input, {\n id: "item-basic-input",\n name: "basic",\n type: "text"\n })), /#__PURE__/_react["default"].createElement(_uiw.FormItem, {\n label: "\\u7528\\u6237\\u540D",\n labelFor: "item-username-input",\n help: !formData.username \|\| formData.username.length < 8 ? "\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002" : "\u7528\u6237\u540d\u6b63\u786e \u221a ",\n hasError: !formData.username \|\| formData.username.length < 8\n }, /#__PURE__/_react["default"].createElement(_uiw.Input, {\n id: "item-username-input",\n name: "username",\n type: "text"\n })), /#__PURE__/_react["default"].createElement(_uiw.FormItem, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success",\n htmlType: "submit"\n }, " Submit "), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light",\n htmlType: "reset"\n }, " Reset ")), /#__PURE__/_react["default"].createElement("pre", null, JSON.stringify(formData, null, 2)));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, FormItem, Button ,Input} from \'uiw\';\n\nconst Demo = () => {\n const [formData, setFormData] = React.useState({});\n const handleSubmit = (_, e) => {\n e && e.preventDefault();\n const fData = new FormData(e.target);\n const data = {};\n fData.forEach((value, key) => { data[key] = value; });\n setFormData(data);\n }\n return (\n <Form onSubmit={handleSubmit} onReset={() => setFormData({})}>\n <FormItem\n label="\u53ef\u9009\u5b57\u6bb5"\n labelFor="item-basic-input"\n help={<span>\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c</span>}\n >\n <Input id="item-basic-input" name="basic" type="text"/>\n </FormItem>\n <FormItem\n label="\u7528\u6237\u540d"\n labelFor="item-username-input"\n help={(!formData.username \|\| formData.username.length < 8) ? "\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002" : "\u7528\u6237\u540d\u6b63\u786e \u221a "}\n hasError={(!formData.username \|\| formData.username.length < 8)}\n >\n <Input id="item-username-input" name="username" type="text"/>\n </FormItem>\n <FormItem>\n <Button type="success" htmlType="submit"> Submit </Button>\n <Button type="light" htmlType="reset"> Reset </Button>\n </FormItem>\n <pre>\n {JSON.stringify(formData, null, 2)}\n </pre>\n </Form>\n );\n}\nexport default Demo'},633:{name:633,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Form, null, /#__PURE__/_react["default"].createElement(_uiw.FormItem, {\n inline: true,\n label: "\\u53EF\\u9009\\u5B57\\u6BB5",\n labelFor: "basic-input-inline",\n help: /#__PURE__/_react["default"].createElement("span", null, "\\u5728\\u4E0A\\u9762\\u7684\\u5B57\\u6BB5\\u4E2D\\u8F93\\u5165\\u4E00\\u4E2A\\u503C"),\n onChange: function onChange() {\n console.log(\'TEST::\');\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Input, {\n id: "basic-input-inline",\n name: "basic",\n type: "text"\n })), /#__PURE__/_react["default"].createElement(_uiw.FormItem, {\n inline: true,\n label: "\\u7528\\u6237\\u540D",\n labelFor: "username-input-inline",\n labelClassName: "username",\n help: "\\u7528\\u6237\\u540D\\u957F\\u5EA6\\u81F3\\u5C11\\u4E3A8\\u4E2A\\u5B57\\u7B26\\u4E32\\u3002",\n hasError: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Input, {\n id: "username-input-inline",\n name: "username",\n type: "text"\n })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, FormItem,Input} from \'uiw\';\n\nconst Demo = () => (\n <Form>\n <FormItem\n inline={true}\n label="\u53ef\u9009\u5b57\u6bb5"\n labelFor="basic-input-inline"\n help={<span>\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c</span>}\n onChange={() => {\n console.log(\'TEST::\');\n }}\n >\n <Input id="basic-input-inline" name="basic" type="text"/>\n </FormItem>\n <FormItem\n inline={true}\n label="\u7528\u6237\u540d"\n labelFor="username-input-inline"\n labelClassName="username"\n help="\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002"\n hasError={true}\n >\n <Input id="username-input-inline" name="username" type="text"/>\n </FormItem>\n </Form>\n)\nexport default Demo'}},source:"Form \u8868\u5355\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-form/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-form.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-form)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-form.svg?label=@uiw/react-form)](https://npmjs.com/@uiw/react-form)\n\n\u7531\u8f93\u5165\u6846\u3001\u9009\u62e9\u5668\u3001\u5355\u9009\u6846\u3001\u591a\u9009\u6846\u7b49\u63a7\u4ef6\u7ec4\u6210\uff0c\u7528\u4ee5\u6536\u96c6\u3001\u6821\u9a8c\u3001\u63d0\u4ea4\u6570\u636e\u3002\n\n```jsx\nimport { Form, FormItem } from 'uiw';\n// or\nimport { Form, FormItem } from '@uiw/react-form';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\n\nimport React, { useState, useRef } from \"react\";\nimport { Form, Input, Row, Col, Slider, Button, Notify } from 'uiw';\n\nfunction 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}\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u6821\u9a8c\n\n\u4e00\u822c\u6821\u9a8c\u53ef\u4e0d\u9700\u5f15\u5165\u5916\u90e8\u5305\u89e3\u51b3\uff0c\u5982\u679c\u9047\u5230\u5927\u578b\u5de5\u7a0b\u8868\u5355\u6bd4\u8f83\u591a\u7684\u5730\u65b9\u63a8\u8350\u4f7f\u7528 [jquense/yup](https://github.com/jquense/yup)\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Input, Notify, Checkbox, Switch, RadioGroup, Radio, Textarea, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\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 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: { marginBottom: 0 },\n children: <Checkbox value=\"1\">\u5df2\u9605\u8bfb\u5e76\u540c\u610f<a href=\"#\">\u670d\u52a1\u6761\u6b3e</a></Checkbox>\n }\n }}\n >\n {({ fields, state, canSubmit, resetForm }) => {\n console.log('fields:--\x3e', state);\n return (\n <div style={{ maxWidth: 500 }}>\n <Row gutter={10}>\n <Col>{fields.userName}</Col>\n <Col>{fields.age}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.checkbox}</Col>\n <Col>{fields.checkboxOne}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.radioGroup}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.switch}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.textarea}</Col>\n </Row>\n <Row gutter={10}>\n <Col style={{ padding: '5px 0 10px 0' }}>\n {fields.terms}\n </Col>\n </Row>\n <Row gutter={10}>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button type=\"light\" onClick={resetForm}>\u91cd\u7f6e\u8868\u5355</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: '10px 0 0 10px' }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n)\nexport default Demo\n```\n\n### \u6c34\u5e73\u767b\u5f55\u680f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Input, Row, Col, Notify, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.username) {\n errorObj.username = '\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01';\n }\n if (!current.password) {\n errorObj.password = '\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n console.log('--\x3e>', initial, current);\n Notify.success({ title: '\u63d0\u4ea4\u6210\u529f\uff01', description: '\u606d\u559c\u4f60\u767b\u5f55\u6210\u529f\uff01' });\n }}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n fields={{\n username: {\n labelClassName: 'fieldLabel',\n labelFor: 'username-inline',\n children: <Input preIcon=\"user\" id=\"username-inline\" />\n },\n password: {\n labelClassName: 'fieldLabel',\n labelFor: 'password-inline',\n children: <Input preIcon=\"lock\" id=\"password-inline\" type=\"password\" />\n },\n }}\n >\n {({ fields, state, canSubmit, resetForm }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row gutter={10}>\n <Col fixed>{fields.username}</Col>\n <Col fixed>{fields.password}</Col>\n </Row>\n <Row gutter={10}>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button type=\"danger\" onClick={resetForm}>\u91cd\u7f6e\u8868\u5355</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n);\nexport default Demo\n```\n\n## \u767b\u5f55\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Input, Row, Col, Checkbox, Notify, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log('--\x3e>', initial, current);\n }}\n fields={{\n username: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n labelFor: 'username',\n children: <Input preIcon=\"user\" id=\"username\" />\n },\n password: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n labelFor: 'password',\n children: <Input preIcon=\"lock\" id=\"password\" type=\"password\" />\n },\n terms: {\n validator: (currentValue) => !currentValue ? '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e' : null,\n children: <Checkbox value=\"1\">\u5df2\u9605\u8bfb\u5e76\u540c\u610f</Checkbox>\n }\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row>\n <Col fixed>{fields.username}</Col>\n </Row>\n <Row>\n <Col fixed>{fields.password}</Col>\n </Row>\n <Row>\n <Col fixed align=\"middle\">{fields.terms}</Col>\n <Col fixed style={{ marginTop: -4 }}><a href=\"#\">\u670d\u52a1\u6761\u6b3e</a></Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo\n```\n\n### \u8868\u5355\u63d0\u4ea4\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Input, Select, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log('--\x3e>', initial, current);\n }}\n fields={{\n firstName: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n inline: true,\n label: '\u59d3\u6c0f',\n children: <Input />\n },\n lastName: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n initialValue: '\u5148\u751f',\n inline: true,\n label: '\u540d\u5b57',\n children: <Input />\n },\n email: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n validator: (currentValue) => {\n return currentValue && currentValue.length < 2 ? 'Password must be 8+ characters' : null;\n },\n inline: true,\n label: 'Email',\n children: <Input />\n },\n select: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n inline: true,\n label: '\u9009\u62e9\u5668',\n children: (\n <Select>\n <Select.Option>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 }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col>{fields.firstName}</Col>\n <Col>{fields.lastName}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.email}</Col>\n <Col>{fields.select}</Col>\n </Row>\n <Row gutter={10}>\n <Col />\n <Col fixed align=\"bottom\"><Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button></Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo\n```\n\n\n### \u81ea\u5b9a\u4e49\u63a7\u4ef6\u5e94\u7528\n\n\u4e0b\u9762\u5b9e\u4f8b\u662f\u5728 [`<Form />`](#/components/form) \u8868\u5355\u7ec4\u4ef6\u4e2d\uff0c\u5e94\u7528\u81ea\u5b9a\u4e49 `<CustomSelect />` \u63a7\u4ef6\u7ec4\u4ef6\u3002\n\n> \u26a0\ufe0f \u6ce8\u610f\uff0c\u81ea\u5b9a\u4e49\u63a7\u4ef6\u9700\u8981\u4e24\u4e2a\u5fc5\u8981\u7684 `props` \u53c2\u6570\uff0c`value` \u548c `onChange`\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n- `value` \u7528\u4e8e\u503c\u4f20\u9012\uff0c\n- `onChange(value)` \u7528\u4e8e\u503c\u53d8\u66f4\u9700\u8981\u6267\u884c\u7684\u56de\u8c03\u51fd\u6570\uff0c\u56de\u8c03\u51fd\u6570\u7b2c\u4e00\u4e2a\u53c2\u6570\u5fc5\u987b\u662f `value`\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Row, Col, Dropdown, Menu, Icon, Button, Notify } from 'uiw';\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\nfunction CustomSelect(props) {\n const { option = [], onChange } = props;\n const [value, setValue] = React.useState(props.value);\n const [isOpen, setIsOpen] = React.useState(false);\n\n React.useEffect(() => {\n if (value !== props.value) {\n setValue(props.value);\n }\n }, [props.value]);\n const label = option.find(item => value === item.value);\n return (\n <Dropdown\n trigger=\"click\"\n onVisibleChange={(open) => setIsOpen(open)}\n isOpen={isOpen}\n menu={\n <Menu bordered style={{ minWidth: 120 }}>\n {option.map((item, idx) => (\n <Menu.Item active={value === item.value} key={idx} text={item.label}\n onClick={() => {\n setValue(item.value);\n setIsOpen(false)\n onChange && onChange(item.value);\n }}\n />\n ))}\n </Menu>\n }\n >\n <Button\n style={{\n boxShadow: 'inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1)'\n }}\n type=\"link\"\n >\n {label.label}<Icon type={isOpen ? 'up' : 'down'} />\n </Button>\n </Dropdown>\n );\n}\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e94\u7528\u5b9e\u4f8b\nconst Demo = () => (\n <div>\n <Form\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n console.log('~~~', current);\n const errorObj = {};\n if (!current.select) {\n errorObj.select = '\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5185\u5bb9\u4e3a\uff1a${current.select}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n select: {\n initialValue: 0,\n children: (\n <CustomSelect option={[\n { label: '\u8bf7\u9009\u62e9', value: 0 },\n { label: '\u7ecf\u6d4e\u8231', value: 1 },\n { label: '\u8c6a\u534e\u7ecf\u6d4e\u8231', value: 2 },\n { label: '\u5546\u52a1\u8231', value: 3 },\n { label: '\u5934\u7b49\u8231', value: 4 },\n ]} />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.select}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo\n```\n\n### FormItem \u7ad6\u6392\n\n\u5bf9\u7ec4\u4ef6 `FormItem` \u7ad6\u6392\u5c55\u793a\u793a\u4f8b\u3002\n\n> \u26a0\ufe0f \u6ce8\u610f\uff1a`FormItem` \u7ec4\u4ef6\u53ea\u5728 `Form` \u7ec4\u4ef6\u4e2d\u4f7f\u7528\uff0c\u5728 `@v4.10.4+` \u4ee5\u4e0a\u7248\u672c\u53ef\u4ee5\u5f53\u666e\u901a `form` \u4f7f\u7528\u3002\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, FormItem, Button ,Input} from 'uiw';\n\nconst Demo = () => {\n const [formData, setFormData] = React.useState({});\n const handleSubmit = (_, e) => {\n e && e.preventDefault();\n const fData = new FormData(e.target);\n const data = {};\n fData.forEach((value, key) => { data[key] = value; });\n setFormData(data);\n }\n return (\n <Form onSubmit={handleSubmit} onReset={() => setFormData({})}>\n <FormItem\n label=\"\u53ef\u9009\u5b57\u6bb5\"\n labelFor=\"item-basic-input\"\n help={<span>\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c</span>}\n >\n <Input id=\"item-basic-input\" name=\"basic\" type=\"text\"/>\n </FormItem>\n <FormItem\n label=\"\u7528\u6237\u540d\"\n labelFor=\"item-username-input\"\n help={(!formData.username \|\| formData.username.length < 8) ? \"\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002\" : \"\u7528\u6237\u540d\u6b63\u786e \u221a \"}\n hasError={(!formData.username \|\| formData.username.length < 8)}\n >\n <Input id=\"item-username-input\" name=\"username\" type=\"text\"/>\n </FormItem>\n <FormItem>\n <Button type=\"success\" htmlType=\"submit\"> Submit </Button>\n <Button type=\"light\" htmlType=\"reset\"> Reset </Button>\n </FormItem>\n <pre>\n {JSON.stringify(formData, null, 2)}\n </pre>\n </Form>\n );\n}\nexport default Demo\n```\n\n### FormItem \u6a2a\u6392\n\n\u5bf9\u7ec4\u4ef6 `FormItem` \u6a2a\u6392\u5c55\u793a\u793a\u4f8b\u3002\n\n> \u26a0\ufe0f \u6ce8\u610f\uff1a`FormItem` \u7ec4\u4ef6\u53ea\u5728 `Form` \u7ec4\u4ef6\u4e2d\u4f7f\u7528\uff0c\u5728 `@v4.10.4+` \u4ee5\u4e0a\u7248\u672c\u53ef\u4ee5\u5f53\u666e\u901a `form` \u4f7f\u7528\u3002\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, FormItem,Input} from 'uiw';\n\nconst Demo = () => (\n <Form>\n <FormItem\n inline={true}\n label=\"\u53ef\u9009\u5b57\u6bb5\"\n labelFor=\"basic-input-inline\"\n help={<span>\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c</span>}\n onChange={() => {\n console.log('TEST::');\n }}\n >\n <Input id=\"basic-input-inline\" name=\"basic\" type=\"text\"/>\n </FormItem>\n <FormItem\n inline={true}\n label=\"\u7528\u6237\u540d\"\n labelFor=\"username-input-inline\"\n labelClassName=\"username\"\n help=\"\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002\"\n hasError={true}\n >\n <Input id=\"username-input-inline\" name=\"username\" type=\"text\"/>\n </FormItem>\n </Form>\n)\nexport default Demo\n```\n\n## Form\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| fields \| \u8bbe\u7f6e\u5b57\u6bb5 \| object \| - \|\n\| children \| \u56de\u8c03 {`fields`, `state`, `canSubmit`, `resetForm`} \| function \| - \|\n\| onSubmit \| \u63d0\u4ea4\u8868\u5355\u65f6\u8c03\u7528 \| `(state: FormSubmitProps, event: React.FormEvent) => any` \| - \|\n\| afterSubmit `@3.0.0+` \| \u63d0\u4ea4\u56de\u8c03 {`initial`, `current`} \| function({ initial, current }) \| - \|\n\| onChange \| \u8868\u5355\u53d1\u751f\u6539\u53d8\u56de\u8c03\u51fd\u6570 {`initial`, `current`} \| function({ initial, current }) \| - \|\n\| onSubmitError \| \u8c03\u7528 `onSubmit` \u629b\u51fa\u7684\u4efb\u4f55\u9519\u8bef\u3002\u4ece\u5b57\u6bb5\u540d\u79f0\u8fd4\u56de\u5bf9\u8c61\u6620\u5c04\u3002 \| function \| - \|\n\| resetOnSubmit \| \u5728 `onSubmit` \u6210\u529f\u540e\u5c06\u8868\u5355\u91cd\u7f6e\u4e3a\u5176\u521d\u59cb\u72b6\u6001\u3002\| bool \| `true` \|\n\| ref \| \u8fd4\u56deform\u5404\u79cd\u5185\u90e8\u51fd\u6570,\u53ef\u7528\u4e8e\u4e3b\u52a8\u89e6\u53d1\u4e8b\u4ef6 \| Ref \| - \|\n\n\n#### fields\n\n```js\n{\n firstName: {\n initialValue: '\u738b',\n inline: true,\n label: '\u59d3',\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n // \u9a8c\u8bc1\uff0c\u901a\u8fc7 `canSubmit()` \u65b9\u6cd5\u83b7\u5f97\uff0c\u63d0\u4ea4\u6309\u94ae\u662f\u5426\u88ab\u7981\u7528\n validator: (currentValue) => {},\n help: '\u5e2e\u52a9\u63d0\u793a\u4fe1\u606f\uff01',\n children: <Input type=\"number\" />\n },\n}\n```\n\n#### ref\n\n```jsx\n const form = useRef()\n render(<Form ref={form}/>)\n```\n\n```js\n form.current.onSubmit() // \u63d0\u4ea4\u8868\u5355\n form.current.resetForm() // \u91cd\u7f6eform\n const fieldValues = form.current.getFieldValues() // \u83b7\u53d6\u6240\u6709 field\u7684 value\u5bf9\u8c61\n const error = form.current.getError() // \u83b7\u53d6\u6240\u6709\u63d0\u4ea4\u65f6\u9a8c\u8bc1\u9519\u8bef\n form.current.setFields({ / [fieldName]: value / }) // \u8bbe\u7f6e\u8868\u5355\u7684\u503c,\u8986\u76d6 form\u6240\u6709 field\u7684\u503c\n form.current.setFieldValue(fieldName, value) // \u5bf9\u5355\u4e2a field\u8bbe\u7f6e value,\u5982\u679c value\u4e3a\u6570\u7ec4\u8bf7\u81ea\u884c\u6df1\u5ea6\u62f7\u8d1d\u540e\u4f20\u503c,\u4ee5\u514d\u7834\u574f\u539f\u6570\u7ec4\n```\n\n## FormItem\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| label \| \u8868\u5355\u6807\u9898\u5c55\u793a \| string \| - \|\n\| required \| \u8868\u5355\u662f\u5426\u5fc5\u586b\u6807\u8bc6 \| boolean \| - \|\n\| labelClassName \| \u8868\u5355\u6807\u9898\u6837\u5f0f\u540d\u79f0 \| string \| - \|\n\| labelStyle \| \u8868\u5355\u6807\u9898\u6837\u5f0f \| object \| - \|\n\| labelFor \| \u5217\u7684\u5bbd\u5ea6\u76f8\u5bf9\u4e8e\u540c\u4e00\u7f51\u683c\u4e2d\u5176\u4ed6\u5217\u7684\u6bd4\u7387 \| number \| - \|\n\| help \| \u63d0\u793a\u4fe1\u606f \| ReactNode \| - \|\n\| hasError \| \u5982\u679c\u4e3atrue\uff0c\u5219\u5e94\u7528\u9519\u8befCSS\u3002\u8f6c\u52a8\u8fb9\u6846\u5e76\u5e2e\u52a9\u6587\u5b57\u53d8\u7ea2\u3002 \| number \| - \|\n"}}}]);
2	- //# sourceMappingURL=7655.67268587.chunk.js.map

package/web/static/js/7702.d5a207ac.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[7702],{7702:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement(r.Descriptions,{title:"\u7528\u6237\u4fe1\u606f"},t.default.createElement(r.Descriptions.Item,{label:"\u59d3\u540d"},"\u8c03\u8c03"),t.default.createElement(r.Descriptions.Item,{label:"\u624b\u673a\u53f7\u7801"},"1360000000"),t.default.createElement(r.Descriptions.Item,{label:"\u5c45\u4f4f\u5730"},"\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a"),t.default.createElement(r.Descriptions.Item,{label:"\u5907\u6ce8"},"-"),t.default.createElement(r.Descriptions.Item,{label:"\u5730\u5740"},"\u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7"))}}(),42:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement(r.Descriptions,{title:"\u8be6\u7ec6\u4fe1\u606f",bordered:!0},t.default.createElement(r.Descriptions.Item,{label:"\u9879\u76ee"},"UI\u7ec4\u4ef6\u5e93"),t.default.createElement(r.Descriptions.Item,{label:"\u662f\u5426\u6536\u8d39"},"\u514d\u8d39"),t.default.createElement(r.Descriptions.Item,{label:"\u662f\u5426\u6301\u7eed\u7ef4\u62a4"},"\u662f"),t.default.createElement(r.Descriptions.Item,{label:"\u521b\u5efa\u65f6\u95f4"},"2018-04-24 18:00:00"),t.default.createElement(r.Descriptions.Item,{label:"\u66f4\u65b0\u65f6\u95f4",span:2},"2019-04-24 18:00:00"),t.default.createElement(r.Descriptions.Item,{label:"\u72b6\u6001",span:3},t.default.createElement(r.Badge,{color:"#008EF0",processing:!0}," \u6b63\u5728\u8fd0\u884c\u4e2d")),t.default.createElement(r.Descriptions.Item,{label:"\u5b9a\u5236\u7ec4\u4ef6"},"\uffe5280.00"),t.default.createElement(r.Descriptions.Item,{label:"\u8fdc\u7a0b\u534f\u52a9"},"\uffe520.00"),t.default.createElement(r.Descriptions.Item,{label:"\u4fee\u590dbug"},"\uffe560.00"),t.default.createElement(r.Descriptions.Item,{label:"\u8be6\u7ec6\u8bf4\u660e"},"\u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93",t.default.createElement("br",null),"\u5f53\u524d\u7248\u672c 3.4.1",t.default.createElement("br",null),"\u5f53\u524d react \u7248\u672c >= 16.7.0"))}}(),77:function(){function e(t){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(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},i=n(2814);function l(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=c(e);if(t){var i=c(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return o(this,n)}}function o(t,n){if(n&&("object"===e(n)\|\|"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},c(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(p,e);var t,n,o,c=s(p);function p(){var e;return l(this,p),(e=c.call(this)).state={value:"default"},e}return t=p,(n=[{key:"onChange",value:function(e){this.setState({value:e.target.value})}},{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(i.RadioGroup,{value:this.state.value,onChange:this.onChange.bind(this)},r.default.createElement(i.Radio,{value:"default"},"\u9ed8\u8ba4(default)"),r.default.createElement(i.Radio,{value:"large"},"\u5927\u5c3a\u5bf8(large)"),r.default.createElement(i.Radio,{value:"small"},"\u5c0f\u5c3a\u5bf8(small)")),r.default.createElement(i.Divider,null),r.default.createElement(i.Descriptions,{bordered:!0,title:"\u8be6\u7ec6\u4fe1\u606f",size:this.state.value},r.default.createElement(i.Descriptions.Item,{label:"\u9879\u76ee"},"UI\u7ec4\u4ef6\u5e93"),r.default.createElement(i.Descriptions.Item,{label:"\u662f\u5426\u6536\u8d39"},"\u514d\u8d39"),r.default.createElement(i.Descriptions.Item,{label:"\u662f\u5426\u6301\u7eed\u7ef4\u62a4"},"\u662f"),r.default.createElement(i.Descriptions.Item,{label:"\u521b\u5efa\u65f6\u95f4"},"2018-04-24 18:00:00"),r.default.createElement(i.Descriptions.Item,{label:"\u66f4\u65b0\u65f6\u95f4",span:2},"2019-04-24 18:00:00"),r.default.createElement(i.Descriptions.Item,{label:"\u72b6\u6001",span:3},r.default.createElement(i.Badge,{color:"#008EF0",processing:!0}," \u6b63\u5728\u8fd0\u884c\u4e2d")),r.default.createElement(i.Descriptions.Item,{label:"\u5b9a\u5236\u7ec4\u4ef6"},"\uffe5280.00"),r.default.createElement(i.Descriptions.Item,{label:"\u8fdc\u7a0b\u534f\u52a9"},"\uffe520.00"),r.default.createElement(i.Descriptions.Item,{label:"\u4fee\u590dbug"},"\uffe560.00"),r.default.createElement(i.Descriptions.Item,{label:"\u8be6\u7ec6\u8bf4\u660e"},"\u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93",r.default.createElement("br",null),"\u5f53\u524d\u7248\u672c 3.4.1",r.default.createElement("br",null),"\u5f53\u524d react \u7248\u672c >= 16.7.0")),r.default.createElement(i.Divider,null),r.default.createElement(i.Descriptions,{title:"\u81ea\u5b9a\u4e49\u5c3a\u5bf8",size:this.state.value},r.default.createElement(i.Descriptions.Item,{label:"\u59d3\u540d"},"\u8c03\u8c03"),r.default.createElement(i.Descriptions.Item,{label:"\u624b\u673a\u53f7\u7801"},"1360000000"),r.default.createElement(i.Descriptions.Item,{label:"\u5c45\u4f4f\u5730"},"\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a"),r.default.createElement(i.Descriptions.Item,{label:"\u5907\u6ce8"},"-"),r.default.createElement(i.Descriptions.Item,{label:"\u5730\u5740"},"\u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7")))}}])&&u(t.prototype,n),o&&u(t,o),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component)}(),145:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement(t.default.Fragment,null,t.default.createElement(r.Descriptions,{title:"\u5782\u76f4\u7684\u5217\u8868",layout:"vertical"},t.default.createElement(r.Descriptions.Item,{label:"\u59d3\u540d"},"\u8c03\u8c03"),t.default.createElement(r.Descriptions.Item,{label:"\u624b\u673a\u53f7\u7801"},"1360000000"),t.default.createElement(r.Descriptions.Item,{label:"\u5c45\u4f4f\u5730"},"\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a"),t.default.createElement(r.Descriptions.Item,{label:"\u5907\u6ce8"},"\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002"),t.default.createElement(r.Descriptions.Item,{label:"\u5730\u5740"},"\u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7")),t.default.createElement(r.Divider,null),t.default.createElement(r.Descriptions,{title:"\u5782\u76f4\u7684\u5217\u8868",layout:"vertical",bordered:!0},t.default.createElement(r.Descriptions.Item,{label:"\u59d3\u540d"},"\u8c03\u8c03"),t.default.createElement(r.Descriptions.Item,{label:"\u624b\u673a\u53f7\u7801"},"1360000000"),t.default.createElement(r.Descriptions.Item,{label:"\u5c45\u4f4f\u5730"},"\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a"),t.default.createElement(r.Descriptions.Item,{label:"\u5907\u6ce8"},"\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002"),t.default.createElement(r.Descriptions.Item,{label:"\u5730\u5740"},"\u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7")))}}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true",noScroll:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Descriptions, {\n title: "\\u7528\\u6237\\u4FE1\\u606F"\n }, /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u59D3\\u540D"\n }, "\\u8C03\\u8C03"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u624B\\u673A\\u53F7\\u7801"\n }, "1360000000"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5C45\\u4F4F\\u5730"\n }, "\\u4E0A\\u6D77\\u5E02\\uFF0C\\u9752\\u6D66\\u533A"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5907\\u6CE8"\n }, "-"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5730\\u5740"\n }, "\\u4E2D\\u56FD\\u6E56\\u5317\\u7701\\u9EC4\\u5188\\u5E02\\u7F57\\u7530\\u53BF666\\u53F7"));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Descriptions } from \'uiw\';\n\nfunction Demo() {\n return <Descriptions title="\u7528\u6237\u4fe1\u606f">\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">-</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n}\nexport default Demo'},42:{name:42,meta:{background:"#fff",codeSandbox:"true",codePen:"true",noScroll:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Descriptions, {\n title: "\\u8BE6\\u7EC6\\u4FE1\\u606F",\n bordered: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u9879\\u76EE"\n }, "UI\\u7EC4\\u4EF6\\u5E93"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u662F\\u5426\\u6536\\u8D39"\n }, "\\u514D\\u8D39"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u662F\\u5426\\u6301\\u7EED\\u7EF4\\u62A4"\n }, "\\u662F"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u521B\\u5EFA\\u65F6\\u95F4"\n }, "2018-04-24 18:00:00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u66F4\\u65B0\\u65F6\\u95F4",\n span: 2\n }, "2019-04-24 18:00:00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u72B6\\u6001",\n span: 3\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#008EF0",\n processing: true\n }, " \\u6B63\\u5728\\u8FD0\\u884C\\u4E2D")), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5B9A\\u5236\\u7EC4\\u4EF6"\n }, "\\uFFE5280.00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u8FDC\\u7A0B\\u534F\\u52A9"\n }, "\\uFFE520.00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u4FEE\\u590Dbug"\n }, "\\uFFE560.00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u8BE6\\u7EC6\\u8BF4\\u660E"\n }, "\\u4E94\\u5341\\u591A\\u4E2A\\u7EC4\\u4EF6\\u5E93", /#__PURE__/_react["default"].createElement("br", null), "\\u5F53\\u524D\\u7248\\u672C 3.4.1", /#__PURE__/_react["default"].createElement("br", null), "\\u5F53\\u524D react \\u7248\\u672C >= 16.7.0"));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Descriptions, Badge } from \'uiw\';\n\nfunction Demo() {\n return <Descriptions title="\u8be6\u7ec6\u4fe1\u606f" bordered>\n <Descriptions.Item label="\u9879\u76ee">UI\u7ec4\u4ef6\u5e93</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6536\u8d39">\u514d\u8d39</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6301\u7eed\u7ef4\u62a4">\u662f</Descriptions.Item>\n <Descriptions.Item label="\u521b\u5efa\u65f6\u95f4">2018-04-24 18:00:00</Descriptions.Item>\n <Descriptions.Item label="\u66f4\u65b0\u65f6\u95f4" span={2}>\n 2019-04-24 18:00:00\n </Descriptions.Item>\n <Descriptions.Item label="\u72b6\u6001" span={3}>\n <Badge color="#008EF0" processing> \u6b63\u5728\u8fd0\u884c\u4e2d</Badge>\n </Descriptions.Item>\n <Descriptions.Item label="\u5b9a\u5236\u7ec4\u4ef6">\uffe5280.00</Descriptions.Item>\n <Descriptions.Item label="\u8fdc\u7a0b\u534f\u52a9">\uffe520.00</Descriptions.Item>\n <Descriptions.Item label="\u4fee\u590dbug">\uffe560.00</Descriptions.Item>\n <Descriptions.Item label="\u8be6\u7ec6\u8bf4\u660e">\n \u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93\n <br />\n \u5f53\u524d\u7248\u672c 3.4.1\n <br />\n \u5f53\u524d react \u7248\u672c >= 16.7.0\n </Descriptions.Item>\n </Descriptions>\n}\nexport default Demo'},77:{name:77,meta:{background:"#fff",codeSandbox:"true",codePen:"true",noScroll:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable \|\| false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" \|\| typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" \|\| !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo() {\n var _this;\n\n _classCallCheck(this, Demo);\n\n _this = _super.call(this);\n _this.state = {\n value: \'default\'\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onChange",\n value: function onChange(e) {\n this.setState({\n value: e.target.value\n });\n }\n }, {\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.RadioGroup, {\n value: this.state.value,\n onChange: this.onChange.bind(this)\n }, /#__PURE__/_react["default"].createElement(_uiw.Radio, {\n value: "default"\n }, "\\u9ED8\\u8BA4(default)"), /#__PURE__/_react["default"].createElement(_uiw.Radio, {\n value: "large"\n }, "\\u5927\\u5C3A\\u5BF8(large)"), /#__PURE__/_react["default"].createElement(_uiw.Radio, {\n value: "small"\n }, "\\u5C0F\\u5C3A\\u5BF8(small)")), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Descriptions, {\n bordered: true,\n title: "\\u8BE6\\u7EC6\\u4FE1\\u606F",\n size: this.state.value\n }, /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u9879\\u76EE"\n }, "UI\\u7EC4\\u4EF6\\u5E93"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u662F\\u5426\\u6536\\u8D39"\n }, "\\u514D\\u8D39"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u662F\\u5426\\u6301\\u7EED\\u7EF4\\u62A4"\n }, "\\u662F"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u521B\\u5EFA\\u65F6\\u95F4"\n }, "2018-04-24 18:00:00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u66F4\\u65B0\\u65F6\\u95F4",\n span: 2\n }, "2019-04-24 18:00:00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u72B6\\u6001",\n span: 3\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#008EF0",\n processing: true\n }, " \\u6B63\\u5728\\u8FD0\\u884C\\u4E2D")), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5B9A\\u5236\\u7EC4\\u4EF6"\n }, "\\uFFE5280.00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u8FDC\\u7A0B\\u534F\\u52A9"\n }, "\\uFFE520.00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u4FEE\\u590Dbug"\n }, "\\uFFE560.00"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u8BE6\\u7EC6\\u8BF4\\u660E"\n }, "\\u4E94\\u5341\\u591A\\u4E2A\\u7EC4\\u4EF6\\u5E93", /#__PURE__/_react["default"].createElement("br", null), "\\u5F53\\u524D\\u7248\\u672C 3.4.1", /#__PURE__/_react["default"].createElement("br", null), "\\u5F53\\u524D react \\u7248\\u672C >= 16.7.0")), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Descriptions, {\n title: "\\u81EA\\u5B9A\\u4E49\\u5C3A\\u5BF8",\n size: this.state.value\n }, /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u59D3\\u540D"\n }, "\\u8C03\\u8C03"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u624B\\u673A\\u53F7\\u7801"\n }, "1360000000"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5C45\\u4F4F\\u5730"\n }, "\\u4E0A\\u6D77\\u5E02\\uFF0C\\u9752\\u6D66\\u533A"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5907\\u6CE8"\n }, "-"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5730\\u5740"\n }, "\\u4E2D\\u56FD\\u6E56\\u5317\\u7701\\u9EC4\\u5188\\u5E02\\u7F57\\u7530\\u53BF666\\u53F7")));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Descriptions, Divider, Radio, RadioGroup, Badge } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n value: \'default\',\n }\n }\n onChange(e) {\n this.setState({\n value: e.target.value,\n });\n }\n render() {\n return (\n <div>\n <RadioGroup value={this.state.value} onChange={this.onChange.bind(this)}>\n <Radio value="default">\u9ed8\u8ba4(default)</Radio>\n <Radio value="large">\u5927\u5c3a\u5bf8(large)</Radio>\n <Radio value="small">\u5c0f\u5c3a\u5bf8(small)</Radio>\n </RadioGroup>\n <Divider />\n <Descriptions bordered title="\u8be6\u7ec6\u4fe1\u606f" size={this.state.value}>\n <Descriptions.Item label="\u9879\u76ee">UI\u7ec4\u4ef6\u5e93</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6536\u8d39">\u514d\u8d39</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6301\u7eed\u7ef4\u62a4">\u662f</Descriptions.Item>\n <Descriptions.Item label="\u521b\u5efa\u65f6\u95f4">2018-04-24 18:00:00</Descriptions.Item>\n <Descriptions.Item label="\u66f4\u65b0\u65f6\u95f4" span={2}>\n 2019-04-24 18:00:00\n </Descriptions.Item>\n <Descriptions.Item label="\u72b6\u6001" span={3}>\n <Badge color="#008EF0" processing> \u6b63\u5728\u8fd0\u884c\u4e2d</Badge>\n </Descriptions.Item>\n <Descriptions.Item label="\u5b9a\u5236\u7ec4\u4ef6">\uffe5280.00</Descriptions.Item>\n <Descriptions.Item label="\u8fdc\u7a0b\u534f\u52a9">\uffe520.00</Descriptions.Item>\n <Descriptions.Item label="\u4fee\u590dbug">\uffe560.00</Descriptions.Item>\n <Descriptions.Item label="\u8be6\u7ec6\u8bf4\u660e">\n \u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93\n <br />\n \u5f53\u524d\u7248\u672c 3.4.1\n <br />\n \u5f53\u524d react \u7248\u672c >= 16.7.0\n </Descriptions.Item>\n </Descriptions>\n <Divider />\n <Descriptions title="\u81ea\u5b9a\u4e49\u5c3a\u5bf8" size={this.state.value}>\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">-</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n </div>\n )\n }\n}\nexport default Demo'},145:{name:145,meta:{background:"#fff",codeSandbox:"true",codePen:"true",noScroll:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement(_react["default"].Fragment, null, /#__PURE__/_react["default"].createElement(_uiw.Descriptions, {\n title: "\\u5782\\u76F4\\u7684\\u5217\\u8868",\n layout: "vertical"\n }, /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u59D3\\u540D"\n }, "\\u8C03\\u8C03"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u624B\\u673A\\u53F7\\u7801"\n }, "1360000000"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5C45\\u4F4F\\u5730"\n }, "\\u4E0A\\u6D77\\u5E02\\uFF0C\\u9752\\u6D66\\u533A"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5907\\u6CE8"\n }, "\\u5782\\u76F4\\u5217\\u8868\\u8BBE\\u7F6E layout \\u503C\\u4E3A vertical\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5730\\u5740"\n }, "\\u4E2D\\u56FD\\u6E56\\u5317\\u7701\\u9EC4\\u5188\\u5E02\\u7F57\\u7530\\u53BF666\\u53F7")), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Descriptions, {\n title: "\\u5782\\u76F4\\u7684\\u5217\\u8868",\n layout: "vertical",\n bordered: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u59D3\\u540D"\n }, "\\u8C03\\u8C03"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u624B\\u673A\\u53F7\\u7801"\n }, "1360000000"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5C45\\u4F4F\\u5730"\n }, "\\u4E0A\\u6D77\\u5E02\\uFF0C\\u9752\\u6D66\\u533A"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5907\\u6CE8"\n }, "\\u5782\\u76F4\\u5217\\u8868\\u8BBE\\u7F6E layout \\u503C\\u4E3A vertical\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Descriptions.Item, {\n label: "\\u5730\\u5740"\n }, "\\u4E2D\\u56FD\\u6E56\\u5317\\u7701\\u9EC4\\u5188\\u5E02\\u7F57\\u7530\\u53BF666\\u53F7")));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Descriptions, Divider } from \'uiw\';\n\nfunction Demo() {\n return <>\n <Descriptions title="\u5782\u76f4\u7684\u5217\u8868" layout="vertical">\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n <Divider />\n <Descriptions title="\u5782\u76f4\u7684\u5217\u8868" layout="vertical" bordered>\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n </>\n}\nexport default Demo'}},source:'Descriptions \u63cf\u8ff0\u5217\u8868\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-descriptions/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-descriptions.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-descriptions)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-descriptions.svg?label=@uiw/react-descriptions)](https://npmjs.com/@uiw/react-descriptions)\n\n\u6210\u7ec4\u5c55\u793a\u591a\u4e2a\u53ea\u8bfb\u5b57\u6bb5\u3002\n\n```jsx\nimport { Descriptions } from \'uiw\';\n// or\nimport Descriptions from \'@uiw/react-descriptions\';\n```\n\n## \u57fa\u7840\u7528\u6cd5\n\n\u7b80\u5355\u7684\u5c55\u793a\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true&noScroll=true\nimport React from \'react\';\nimport { Descriptions } from \'uiw\';\n\nfunction Demo() {\n return <Descriptions title="\u7528\u6237\u4fe1\u606f">\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">-</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n}\nexport default Demo\n```\n\n## \u5e26\u8fb9\u6846\u7684\n\n\u5e26\u8fb9\u6846\u548c\u80cc\u666f\u989c\u8272\u5217\u8868\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true&noScroll=true\nimport React from \'react\';\nimport { Descriptions, Badge } from \'uiw\';\n\nfunction Demo() {\n return <Descriptions title="\u8be6\u7ec6\u4fe1\u606f" bordered>\n <Descriptions.Item label="\u9879\u76ee">UI\u7ec4\u4ef6\u5e93</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6536\u8d39">\u514d\u8d39</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6301\u7eed\u7ef4\u62a4">\u662f</Descriptions.Item>\n <Descriptions.Item label="\u521b\u5efa\u65f6\u95f4">2018-04-24 18:00:00</Descriptions.Item>\n <Descriptions.Item label="\u66f4\u65b0\u65f6\u95f4" span={2}>\n 2019-04-24 18:00:00\n </Descriptions.Item>\n <Descriptions.Item label="\u72b6\u6001" span={3}>\n <Badge color="#008EF0" processing> \u6b63\u5728\u8fd0\u884c\u4e2d</Badge>\n </Descriptions.Item>\n <Descriptions.Item label="\u5b9a\u5236\u7ec4\u4ef6">\uffe5280.00</Descriptions.Item>\n <Descriptions.Item label="\u8fdc\u7a0b\u534f\u52a9">\uffe520.00</Descriptions.Item>\n <Descriptions.Item label="\u4fee\u590dbug">\uffe560.00</Descriptions.Item>\n <Descriptions.Item label="\u8be6\u7ec6\u8bf4\u660e">\n \u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93\n <br />\n \u5f53\u524d\u7248\u672c 3.4.1\n <br />\n \u5f53\u524d react \u7248\u672c >= 16.7.0\n </Descriptions.Item>\n </Descriptions>\n}\nexport default Demo\n```\n\n## \u81ea\u5b9a\u4e49\u5c3a\u5bf8\n\n\u81ea\u5b9a\u4e49\u5c3a\u5bf8\uff0c\u9002\u5e94\u5728\u5404\u79cd\u5bb9\u5668\u4e2d\u5c55\u793a\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true&noScroll=true\nimport React from \'react\';\nimport { Descriptions, Divider, Radio, RadioGroup, Badge } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n value: \'default\',\n }\n }\n onChange(e) {\n this.setState({\n value: e.target.value,\n });\n }\n render() {\n return (\n <div>\n <RadioGroup value={this.state.value} onChange={this.onChange.bind(this)}>\n <Radio value="default">\u9ed8\u8ba4(default)</Radio>\n <Radio value="large">\u5927\u5c3a\u5bf8(large)</Radio>\n <Radio value="small">\u5c0f\u5c3a\u5bf8(small)</Radio>\n </RadioGroup>\n <Divider />\n <Descriptions bordered title="\u8be6\u7ec6\u4fe1\u606f" size={this.state.value}>\n <Descriptions.Item label="\u9879\u76ee">UI\u7ec4\u4ef6\u5e93</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6536\u8d39">\u514d\u8d39</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6301\u7eed\u7ef4\u62a4">\u662f</Descriptions.Item>\n <Descriptions.Item label="\u521b\u5efa\u65f6\u95f4">2018-04-24 18:00:00</Descriptions.Item>\n <Descriptions.Item label="\u66f4\u65b0\u65f6\u95f4" span={2}>\n 2019-04-24 18:00:00\n </Descriptions.Item>\n <Descriptions.Item label="\u72b6\u6001" span={3}>\n <Badge color="#008EF0" processing> \u6b63\u5728\u8fd0\u884c\u4e2d</Badge>\n </Descriptions.Item>\n <Descriptions.Item label="\u5b9a\u5236\u7ec4\u4ef6">\uffe5280.00</Descriptions.Item>\n <Descriptions.Item label="\u8fdc\u7a0b\u534f\u52a9">\uffe520.00</Descriptions.Item>\n <Descriptions.Item label="\u4fee\u590dbug">\uffe560.00</Descriptions.Item>\n <Descriptions.Item label="\u8be6\u7ec6\u8bf4\u660e">\n \u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93\n <br />\n \u5f53\u524d\u7248\u672c 3.4.1\n <br />\n \u5f53\u524d react \u7248\u672c >= 16.7.0\n </Descriptions.Item>\n </Descriptions>\n <Divider />\n <Descriptions title="\u81ea\u5b9a\u4e49\u5c3a\u5bf8" size={this.state.value}>\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">-</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n## \u5782\u76f4\n\n\u5782\u76f4\u7684\u5217\u8868\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true&noScroll=true\nimport React from \'react\';\nimport { Descriptions, Divider } from \'uiw\';\n\nfunction Demo() {\n return <>\n <Descriptions title="\u5782\u76f4\u7684\u5217\u8868" layout="vertical">\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n <Divider />\n <Descriptions title="\u5782\u76f4\u7684\u5217\u8868" layout="vertical" bordered>\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n </>\n}\nexport default Demo\n```\n\n## Props\n\n### Descriptions\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| ---- \| ---- \| ---- \| ---- \|\n\| title \| \u6807\u9898 \| ReactNode \| - \|\n\| bordered \| \u662f\u5426\u5c55\u793a\u8fb9\u6846 \| boolean \| `false` \|\n\| colon \| \u7c7b\u5bb9\u8868\u8ff0 `label` \u6dfb\u52a0 `:` \u5192\u53f7 \| boolean \| `true` \|\n\| size \| \u8bbe\u7f6e\u5217\u8868\u7684\u5927\u5c0f\u3002\u8bbe\u7f6e `bordered={ture}` \u751f\u6548\u3002 \| `large`, `small`, `default` \| `default` \|\n\| layout \| \u63cf\u8ff0\u5e03\u5c40 \| `horizontal`, `vertical` \| `horizontal` \|\n\| column \| \u4e00\u884c\u7684 `DescriptionItems` \u6570\u91cf \| Number \| 3 \|\n\n### Descriptions.Item\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| ---- \| ---- \| ---- \| ---- \|\n\| label \| \u5185\u5bb9\u7684\u63cf\u8ff0 \| ReactNode \| - \|\n\| span \| \u5305\u542b\u5217\u7684\u6570\u91cf \| Number \| 1 \|'}}}]);
2	- //# sourceMappingURL=7702.d5a207ac.chunk.js.map

package/web/static/js/8047.ec73e9a8.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8047],{8047:function(e,n,r){r.r(n),n.default={components:{18: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,r){if(!r&&n&&n.__esModule)return n;if(null===n\|\|"object"!==e(n)&&"function"!==typeof n)return{default:n};var t=l(r);if(t&&t.has(n))return t.get(n);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in n)if("default"!==c&&Object.prototype.hasOwnProperty.call(n,c)){var u=o?Object.getOwnPropertyDescriptor(n,c):null;u&&(u.get\|\|u.set)?Object.defineProperty(a,c,u):a[c]=n[c]}a.default=n,t&&t.set(n,a);return a}(r(8133)),t=r(2814);function l(e){if("function"!==typeof WeakMap)return null;var n=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:n})(e)}function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==r)return;var t,l,a=[],o=!0,c=!1;try{for(r=r.call(e);!(o=(t=r.next()).done)&&(a.push(t.value),!n\|\|a.length!==n);o=!0);}catch(u){c=!0,l=u}finally{try{o\|\|null==r.return\|\|r.return()}finally{if(c)throw l}}return a}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return o(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(e);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return o(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 o(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var c=[{label:"\u4e0a\u6d77\u5e02",key:1,children:[{label:"\u9ec4\u6d66\u533a",key:2},{label:"\u5362\u6e7e\u533a",key:3},{label:"\u5f90\u6c47\u533a",key:4,children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:6},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:7},{label:"\u5916\u6ee9\u8857\u9053",key:8}]}]},{label:"\u5317\u4eac\u5e02",key:9,children:[{label:"\u4e1c\u57ce\u533a",key:10},{label:"\u897f\u57ce\u533a",key:11},{label:"\u5d07\u6587\u533a",key:12,children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",key:13},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",key:14},{label:"\u524d\u95e8\u8857\u9053",key:15}]}]},{label:"\u6fb3\u95e8",key:16}];return function(){var e=a((0,n.useState)([{label:"\u9ec4\u6d66\u533a",key:12}]),2),r=e[0],l=e[1],o=a((0,n.useState)([{label:"\u4e0a\u6d77\u5e02",key:"1-0-0"}]),2),u=o[0],i=o[1];return n.default.createElement(t.Row,{gutter:20},n.default.createElement("label",null,"\u5355\u9009"),n.default.createElement(t.Row,null,n.default.createElement(t.SearchTree,{style:{width:200},multiple:!1,allowClear:!0,onSearch:function(e){return console.log("singe",e)},onChange:function(e,n,r){console.log("SearchTree-> onChange",e,n,r),i(n)},value:u,options:c,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"})),n.default.createElement("label",null,"\u591a\u9009"),n.default.createElement(t.Row,null,n.default.createElement(t.SearchTree,{style:{width:200},allowClear:!0,onSearch:function(e){return console.log("multiple",e)},onChange:function(e,n,r){console.log("SearchTree-> onChange",n,e,r),l(n)},value:r,options:c,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"})),n.default.createElement("label",null,"\u7981\u7528"),n.default.createElement(t.Row,null,n.default.createElement(t.SearchTree,{disabled:!0,style:{width:200},allowClear:!0,value:[{label:"\u4e1c\u57ce\u533a",key:10},{label:"\u6210\u90fd\u5e02",key:2}],options:c,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"})))}}(),121: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,r){if(!r&&n&&n.__esModule)return n;if(null===n\|\|"object"!==e(n)&&"function"!==typeof n)return{default:n};var t=l(r);if(t&&t.has(n))return t.get(n);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in n)if("default"!==c&&Object.prototype.hasOwnProperty.call(n,c)){var u=o?Object.getOwnPropertyDescriptor(n,c):null;u&&(u.get\|\|u.set)?Object.defineProperty(a,c,u):a[c]=n[c]}a.default=n,t&&t.set(n,a);return a}(r(8133)),t=r(2814);function l(e){if("function"!==typeof WeakMap)return null;var n=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:n})(e)}return function(){var e=[{label:"\u5c0f\u5c3a\u5bf8",key:1},{label:"\u9ed8\u8ba4\u5c3a\u5bf8",key:2},{label:"\u5927\u5c3a\u5bf8",key:3}];return n.default.createElement(n.default.Fragment,null,n.default.createElement(t.SearchTree,{style:{width:150},value:[{label:"\u5c0f\u5c3a\u5bf8",key:1}],options:e,size:"small"}),n.default.createElement(t.SearchTree,{style:{width:175,marginTop:10},value:[{label:"\u9ed8\u8ba4\u5c3a\u5bf8",key:2}],options:e}),n.default.createElement(t.SearchTree,{style:{width:200,marginTop:10},value:[{label:"\u5927\u5c3a\u5bf8",key:3}],options:e,size:"large"}))}}(),161: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,r){if(!r&&n&&n.__esModule)return n;if(null===n\|\|"object"!==e(n)&&"function"!==typeof n)return{default:n};var t=l(r);if(t&&t.has(n))return t.get(n);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in n)if("default"!==c&&Object.prototype.hasOwnProperty.call(n,c)){var u=o?Object.getOwnPropertyDescriptor(n,c):null;u&&(u.get\|\|u.set)?Object.defineProperty(a,c,u):a[c]=n[c]}a.default=n,t&&t.set(n,a);return a}(r(8133)),t=r(2814);function l(e){if("function"!==typeof WeakMap)return null;var n=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:n})(e)}return function(){return n.default.createElement(n.default.Fragment,null,n.default.createElement(t.SearchTree,{style:{width:200},placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"}),n.default.createElement(t.SearchTree,{style:{width:200,marginTop:5},emptyOption:n.default.createElement("span",null,"\u6682\u65e0\u6570\u636e.."),placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"}))}}(),186: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,r){if(!r&&n&&n.__esModule)return n;if(null===n\|\|"object"!==e(n)&&"function"!==typeof n)return{default:n};var t=l(r);if(t&&t.has(n))return t.get(n);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in n)if("default"!==c&&Object.prototype.hasOwnProperty.call(n,c)){var u=o?Object.getOwnPropertyDescriptor(n,c):null;u&&(u.get\|\|u.set)?Object.defineProperty(a,c,u):a[c]=n[c]}a.default=n,t&&t.set(n,a);return a}(r(8133)),t=r(2814);function l(e){if("function"!==typeof WeakMap)return null;var n=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:n})(e)}function a(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function o(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}return function(){var e=(0,n.useRef)(),r=[{label:"\u4e0a\u6d77\u5e02",key:"1-0-0",children:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"},{label:"\u5f90\u6c47\u533a",key:"1-0-3",children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:"1-1-0"},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:"1-2-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}]}]},{label:"\u5317\u4eac\u5e02",key:"2-0-0",children:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u897f\u57ce\u533a",key:"2-2-0"},{label:"\u5d07\u6587\u533a",key:"2-3-0",children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",key:"2-3-1"},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",key:"2-3-2"},{label:"\u524d\u95e8\u8857\u9053",key:"2-3-3"}]}]},{label:"\u6fb3\u95e8",key:"3"}],l=function(){e.current.setFields({searchTree:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}],searchTreeSinge:[{label:"\u524d\u95e8\u8857\u9053",key:"2-3-3"}]})},c=function(){e.current.resetForm()};return n.default.createElement("div",null,n.default.createElement(t.Form,{ref:e,onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?a(Object(r),!0).forEach((function(n){o(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current,r={};if(n.searchTree\|\|(r.searchTree="\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9"),Object.keys(r).length>0){var t=new Error;throw t.filed=r,Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),t}Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(n.selectField,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{searchTree:{initialValue:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"}],children:n.default.createElement(t.SearchTree,{allowClear:!0,style:{width:200},onSearch:function(e){return console.log("SearchTree-> SearchTreeOption",e)},onChange:function(e,n,r){return console.log("SearchTree-> onChange",e,n,r)},options:r,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"})},searchTreeSinge:{initialValue:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",key:"2-3-1"}],children:n.default.createElement(t.SearchTree,{multiple:!1,style:{width:200},allowClear:!0,onSearch:function(e){return console.log("SearchTree-> SearchTreeOption",e)},onChange:function(e,n,r){return console.log("SearchTree-> onChange",e,n,r)},options:r,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"})}}},(function(e){var r=e.fields,a=e.state,o=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(t.Row,{style:{display:"flex",flexDirection:"column"}},n.default.createElement("div",null,"\u591a\u9009"),n.default.createElement(t.Col,null,r.searchTree)),n.default.createElement(t.Row,{style:{display:"flex",flexDirection:"column"}},n.default.createElement("label",null,"\u5355\u9009"),n.default.createElement(t.Col,null,r.searchTreeSinge)),n.default.createElement(t.Row,null,n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Button,{disabled:!o(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"),n.default.createElement(t.Button,{onClick:l,type:"primary"},"setValue"),n.default.createElement(t.Button,{onClick:c,type:"primary"},"\u91cd\u7f6e"))),n.default.createElement(t.Row,null,n.default.createElement(t.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(a.current,null,2)))))})))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar data = [{\n label: \'\u4e0a\u6d77\u5e02\',\n key: 1,\n children: [{\n label: \'\u9ec4\u6d66\u533a\',\n key: 2\n }, {\n label: \'\u5362\u6e7e\u533a\',\n key: 3\n }, {\n label: \'\u5f90\u6c47\u533a\',\n key: 4,\n children: [{\n label: \'\u534a\u6dde\u56ed\u8def\u8857\u9053\',\n key: 6\n }, {\n label: \'\u5357\u4eac\u4e1c\u8def\u8857\u9053\',\n key: 7\n }, {\n label: \'\u5916\u6ee9\u8857\u9053\',\n key: 8\n }]\n }]\n}, {\n label: \'\u5317\u4eac\u5e02\',\n key: 9,\n children: [{\n label: \'\u4e1c\u57ce\u533a\',\n key: 10\n }, {\n label: \'\u897f\u57ce\u533a\',\n key: 11\n }, {\n label: \'\u5d07\u6587\u533a\',\n key: 12,\n children: [{\n label: \'\u4e1c\u82b1\u5e02\u8857\u9053\',\n key: 13\n }, {\n label: \'\u4f53\u80b2\u9986\u8def\u8857\u9053\',\n key: 14\n }, {\n label: \'\u524d\u95e8\u8857\u9053\',\n key: 15\n }]\n }]\n}, {\n label: \'\u6fb3\u95e8\',\n key: 16\n}];\n\nvar Demo = function Demo() {\n var _useState = (0, _react.useState)([{\n label: \'\u9ec4\u6d66\u533a\',\n key: 12\n }]),\n _useState2 = _slicedToArray(_useState, 2),\n value = _useState2[0],\n valueSet = _useState2[1];\n\n var _useState3 = (0, _react.useState)([{\n label: \'\u4e0a\u6d77\u5e02\',\n key: \'1-0-0\'\n }]),\n _useState4 = _slicedToArray(_useState3, 2),\n valueSinge = _useState4[0],\n valueSingeSet = _useState4[1];\n\n var onChange = function onChange(selectd, selectedAll, isChecked) {\n console.log(\'SearchTree-> onChange\', selectedAll, selectd, isChecked);\n valueSet(selectedAll);\n };\n\n var onChangeSinge = function onChangeSinge(selectd, selectedAll, isChecked) {\n console.log(\'SearchTree-> onChange\', selectd, selectedAll, isChecked);\n valueSingeSet(selectedAll);\n };\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 20\n }, /#__PURE__/_react["default"].createElement("label", null, "\\u5355\\u9009"), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchTree, {\n style: {\n width: 200\n },\n multiple: false,\n allowClear: true,\n onSearch: function onSearch(searchValue) {\n return console.log(\'singe\', searchValue);\n },\n onChange: onChangeSinge,\n value: valueSinge,\n options: data,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n })), /#__PURE__/_react["default"].createElement("label", null, "\\u591A\\u9009"), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchTree, {\n style: {\n width: 200\n },\n allowClear: true,\n onSearch: function onSearch(searchValue) {\n return console.log(\'multiple\', searchValue);\n },\n onChange: onChange,\n value: value,\n options: data,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n })), /#__PURE__/_react["default"].createElement("label", null, "\\u7981\\u7528"), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.SearchTree, {\n disabled: true,\n style: {\n width: 200\n },\n allowClear: true,\n value: [{\n label: \'\u4e1c\u57ce\u533a\',\n key: 10\n }, {\n label: \'\u6210\u90fd\u5e02\',\n key: 2\n }],\n options: data,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n })));\n};\n\nreturn Demo;',language:"jsx",value:"import React, { useState, useEffect, useRef } from 'react';\nimport { SearchTree, Row } from 'uiw';\n\nconst data = [\n {\n label: '\u4e0a\u6d77\u5e02',\n key: 1,\n children:[\n { label: '\u9ec4\u6d66\u533a', key: 2 },\n { label: '\u5362\u6e7e\u533a', key: 3 },\n {\n label: '\u5f90\u6c47\u533a',\n key: 4,\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', key: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: 9,\n children:[\n { label: '\u4e1c\u57ce\u533a', key: 10 },\n { label: '\u897f\u57ce\u533a', key: 11 },\n {\n label: '\u5d07\u6587\u533a',\n key: 12,\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: 14 },\n { label: '\u524d\u95e8\u8857\u9053', key: 15 },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: 16 },\n];\n\nconst Demo = () => {\n\nconst [value,valueSet]=useState([{ label: '\u9ec4\u6d66\u533a', key: 12 }])\nconst [valueSinge,valueSingeSet]=useState([{ label: '\u4e0a\u6d77\u5e02', key: '1-0-0' }])\n\nconst onChange=(selectd, selectedAll, isChecked)=>{\n console.log('SearchTree-> onChange',selectedAll, selectd, isChecked)\n valueSet(selectedAll)\n}\n\nconst onChangeSinge=(selectd, selectedAll, isChecked)=>{\n console.log('SearchTree-> onChange', selectd, selectedAll, isChecked)\n valueSingeSet(selectedAll)\n}\n\n return (\n <Row gutter={20}>\n <label>\u5355\u9009</label>\n <Row>\n <SearchTree\n style={{width: 200}}\n multiple={false}\n allowClear={true}\n onSearch={(searchValue)=>console.log('singe',searchValue)}\n onChange={onChangeSinge}\n value={valueSinge}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n <label>\u591a\u9009</label>\n <Row>\n <SearchTree\n style={{ width: 200 }}\n allowClear={true}\n onSearch={(searchValue)=>console.log('multiple',searchValue)}\n onChange={onChange}\n value={value}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n <label>\u7981\u7528</label>\n <Row>\n <SearchTree\n disabled={true}\n style={{ width: 200 }}\n allowClear={true}\n value={[{ label: '\u4e1c\u57ce\u533a', key: 10 },{ label: '\u6210\u90fd\u5e02', key: 2 }]}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n </Row>\n )\n}\nexport default Demo"},121:{name:121,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nvar Demo = function Demo() {\n var data = [{\n label: \'\u5c0f\u5c3a\u5bf8\',\n key: 1\n }, {\n label: \'\u9ed8\u8ba4\u5c3a\u5bf8\',\n key: 2\n }, {\n label: \'\u5927\u5c3a\u5bf8\',\n key: 3\n }];\n return /#__PURE__/_react["default"].createElement(_react["default"].Fragment, null, /#__PURE__/_react["default"].createElement(_uiw.SearchTree, {\n style: {\n width: 150\n },\n value: [{\n label: \'\u5c0f\u5c3a\u5bf8\',\n key: 1\n }],\n options: data,\n size: "small"\n }), /#__PURE__/_react["default"].createElement(_uiw.SearchTree, {\n style: {\n width: 175,\n marginTop: 10\n },\n value: [{\n label: \'\u9ed8\u8ba4\u5c3a\u5bf8\',\n key: 2\n }],\n options: data\n }), /#__PURE__/_react["default"].createElement(_uiw.SearchTree, {\n style: {\n width: 200,\n marginTop: 10\n },\n value: [{\n label: \'\u5927\u5c3a\u5bf8\',\n key: 3\n }],\n options: data,\n size: "large"\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React, { useState, useEffect, useRef } from 'react';\nimport { SearchTree } from 'uiw';\n\nconst Demo = () => {\n\nconst data = [\n { label: '\u5c0f\u5c3a\u5bf8', key: 1 },\n { label: '\u9ed8\u8ba4\u5c3a\u5bf8', key: 2 },\n { label: '\u5927\u5c3a\u5bf8', key: 3 },\n ]\n\n return(\n <>\n <SearchTree\n style={{ width: 150 }}\n value={[{ label: '\u5c0f\u5c3a\u5bf8', key: 1 }]}\n options={data}\n size=\"small\"\n />\n <SearchTree\n style={{ width: 175, marginTop: 10 }}\n value={[{ label: '\u9ed8\u8ba4\u5c3a\u5bf8', key: 2 }]}\n options={data}\n />\n <SearchTree\n style={{ width: 200, marginTop: 10 }}\n value={[{ label: '\u5927\u5c3a\u5bf8', key: 3 }]}\n options={data}\n size=\"large\"\n />\n </>\n )\n}\n\nexport default Demo"},161:{name:161,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_react["default"].Fragment, null, /#__PURE__/_react["default"].createElement(_uiw.SearchTree, {\n style: {\n width: 200\n },\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n }), /#__PURE__/_react["default"].createElement(_uiw.SearchTree, {\n style: {\n width: 200,\n marginTop: 5\n },\n emptyOption: /#__PURE__/_react["default"].createElement("span", null, "\\u6682\\u65E0\\u6570\\u636E.."),\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React, { useState, useEffect, useRef } from 'react';\nimport { SearchTree } from 'uiw';\n\nconst Demo = () => {\n return(\n <>\n <SearchTree\n style={{ width:200 }}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n <SearchTree\n style={{ width:200,marginTop:5 }}\n emptyOption={<span>\u6682\u65e0\u6570\u636e..</span>}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </>\n )\n}\n\nexport default Demo"},186:{name:186,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n;\n\nvar Demo = function Demo() {\n var form = (0, _react.useRef)();\n var data = [{\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }, {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n key: '1-1-0'\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n key: '1-2-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }]\n }]\n }, {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u897f\u57ce\u533a',\n key: '2-2-0'\n }, {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n key: '2-3-1'\n }, {\n label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n key: '2-3-2'\n }, {\n label: '\u524d\u95e8\u8857\u9053',\n key: '2-3-3'\n }]\n }]\n }, {\n label: '\u6fb3\u95e8',\n key: '3'\n }];\n\n var setValue = function setValue() {\n form.current.setFields({\n searchTree: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }],\n searchTreeSinge: [{\n label: '\u524d\u95e8\u8857\u9053',\n key: '2-3-3'\n }]\n });\n };\n\n var resetValue = function resetValue() {\n form.current.resetForm();\n };\n\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Form, {\n ref: form,\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (!current.searchTree) {\n errorObj.searchTree = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01'\n });\n throw err;\n }\n\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u9009\\u62E9\\u503C\\u4E3A\\uFF1A\".concat(current.selectField, \"\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01\")\n });\n },\n fields: {\n searchTree: {\n initialValue: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }],\n children: /#__PURE__/_react[\"default\"].createElement(_uiw.SearchTree, {\n allowClear: true,\n style: {\n width: 200\n },\n onSearch: function onSearch(searchValue) {\n return console.log('SearchTree-> SearchTreeOption', searchValue);\n },\n onChange: function onChange(selectd, selectedAll, isChecked) {\n return console.log('SearchTree-> onChange', selectd, selectedAll, isChecked);\n },\n options: data,\n placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\"\n })\n },\n searchTreeSinge: {\n initialValue: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n key: '2-3-1'\n }],\n children: /#__PURE__/_react[\"default\"].createElement(_uiw.SearchTree, {\n multiple: false,\n style: {\n width: 200\n },\n allowClear: true,\n onSearch: function onSearch(searchValue) {\n return console.log('SearchTree-> SearchTreeOption', searchValue);\n },\n onChange: function onChange(selectd, selectedAll, isChecked) {\n return console.log('SearchTree-> onChange', selectd, selectedAll, isChecked);\n },\n options: data,\n placeholder: \"\\u8BF7\\u9009\\u62E9\\u9009\\u9879\"\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n style: {\n display: 'flex',\n flexDirection: 'column'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"div\", null, \"\\u591A\\u9009\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, null, fields.searchTree)), /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n style: {\n display: 'flex',\n flexDirection: 'column'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"label\", null, \"\\u5355\\u9009\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, null, fields.searchTreeSinge)), /#__PURE__/_react[\"default\"].createElement(_uiw.Row, null, /#__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 onClick: setValue,\n type: \"primary\"\n }, \"setValue\"), /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n onClick: resetValue,\n type: \"primary\"\n }, \"\\u91CD\\u7F6E\"))), /#__PURE__/_react[\"default\"].createElement(_uiw.Row, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, null, /#__PURE__/_react[\"default\"].createElement(\"pre\", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n }));\n};\n\nreturn Demo;",language:"jsx",value:"import React, { useState, useEffect, useRef } from 'react';\nimport { Form, Button, SearchTree, Card, Row, Col } from 'uiw';;\n\n\nconst Demo = () => {\nconst form=useRef()\n\n const data = [\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n ];\n\n const setValue=()=>{\n form.current.setFields({\n searchTree: [{ label: '\u4e1c\u57ce\u533a', key: '2-1-0' }, { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' }],\n searchTreeSinge:[{ label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' }]\n })\n }\n\n const resetValue=()=>{\n form.current.resetForm()\n }\n\n return (\n <div>\n <Form\n ref={form}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.searchTree) {\n errorObj.searchTree = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n searchTree: {\n initialValue:[ { label: '\u9ec4\u6d66\u533a', key: '1-0-1' }, { label: '\u5362\u6e7e\u533a', key: '1-0-2' }],\n children: (\n <SearchTree\n allowClear={true}\n style={{ width: 200 }}\n onSearch={(searchValue)=>console.log('SearchTree-> SearchTreeOption',searchValue)}\n onChange={(selectd, selectedAll, isChecked)=>console.log('SearchTree-> onChange', selectd, selectedAll, isChecked)}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n )\n },\n searchTreeSinge: {\n initialValue:[{ label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' }],\n children: (\n <SearchTree\n multiple={false}\n style={{ width: 200 }}\n allowClear={true}\n onSearch={(searchValue)=>console.log('SearchTree-> SearchTreeOption',searchValue)}\n onChange={(selectd, selectedAll, isChecked)=>console.log('SearchTree-> onChange', selectd, selectedAll, isChecked)}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row style={{display:'flex',flexDirection:'column'}}>\n <div>\u591a\u9009</div>\n <Col >{fields.searchTree}</Col>\n </Row>\n <Row style={{display:'flex',flexDirection:'column'}}>\n <label>\u5355\u9009</label>\n <Col >{fields.searchTreeSinge}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button onClick={setValue} type=\"primary\" >setValue</Button>\n <Button onClick={resetValue} type=\"primary\" >\u91cd\u7f6e</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n );\n}\nexport default Demo"}},source:"SearchTree \u5e26\u641c\u7d22\u7684Tree\u9009\u62e9\u63a7\u4ef6\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-search-tree/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-search-tree.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-search-tree)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-search-tree.svg?label=@uiw/react-search-tree)](https://npmjs.com/@uiw/react-search-tree)\n\n\u4f7f\u7528\u6811\u9009\u62e9\u63a7\u4ef6\u53ef\u4ee5\u5b8c\u6574\u5c55\u73b0\u5176\u4e2d\u7684\u5c42\u7ea7\u5173\u7cfb\uff0c\u5e76\u5177\u6709\u9009\u4e2d\u72b6\u6001\u3002\u65b0\u7ec4\u4ef6 v4.11.7+ \u652f\u6301\u3002\n\n```jsx\nimport { SearchTree } from 'uiw';\n// or\nimport SearchTree from '@uiw/react-search-tree';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React, { useState, useEffect, useRef } from 'react';\nimport { SearchTree, Row } from 'uiw';\n\nconst data = [\n {\n label: '\u4e0a\u6d77\u5e02',\n key: 1,\n children:[\n { label: '\u9ec4\u6d66\u533a', key: 2 },\n { label: '\u5362\u6e7e\u533a', key: 3 },\n {\n label: '\u5f90\u6c47\u533a',\n key: 4,\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', key: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: 9,\n children:[\n { label: '\u4e1c\u57ce\u533a', key: 10 },\n { label: '\u897f\u57ce\u533a', key: 11 },\n {\n label: '\u5d07\u6587\u533a',\n key: 12,\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: 14 },\n { label: '\u524d\u95e8\u8857\u9053', key: 15 },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: 16 },\n];\n\nconst Demo = () => {\n\nconst [value,valueSet]=useState([{ label: '\u9ec4\u6d66\u533a', key: 12 }])\nconst [valueSinge,valueSingeSet]=useState([{ label: '\u4e0a\u6d77\u5e02', key: '1-0-0' }])\n\nconst onChange=(selectd, selectedAll, isChecked)=>{\n console.log('SearchTree-> onChange',selectedAll, selectd, isChecked)\n valueSet(selectedAll)\n}\n\nconst onChangeSinge=(selectd, selectedAll, isChecked)=>{\n console.log('SearchTree-> onChange', selectd, selectedAll, isChecked)\n valueSingeSet(selectedAll)\n}\n\n return (\n <Row gutter={20}>\n <label>\u5355\u9009</label>\n <Row>\n <SearchTree\n style={{width: 200}}\n multiple={false}\n allowClear={true}\n onSearch={(searchValue)=>console.log('singe',searchValue)}\n onChange={onChangeSinge}\n value={valueSinge}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n <label>\u591a\u9009</label>\n <Row>\n <SearchTree\n style={{ width: 200 }}\n allowClear={true}\n onSearch={(searchValue)=>console.log('multiple',searchValue)}\n onChange={onChange}\n value={value}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n <label>\u7981\u7528</label>\n <Row>\n <SearchTree\n disabled={true}\n style={{ width: 200 }}\n allowClear={true}\n value={[{ label: '\u4e1c\u57ce\u533a', key: 10 },{ label: '\u6210\u90fd\u5e02', key: 2 }]}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n </Row>\n )\n}\nexport default Demo\n```\n\n## \u5c3a\u5bf8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React, { useState, useEffect, useRef } from 'react';\nimport { SearchTree } from 'uiw';\n\nconst Demo = () => {\n\nconst data = [\n { label: '\u5c0f\u5c3a\u5bf8', key: 1 },\n { label: '\u9ed8\u8ba4\u5c3a\u5bf8', key: 2 },\n { label: '\u5927\u5c3a\u5bf8', key: 3 },\n ]\n\n return(\n <>\n <SearchTree\n style={{ width: 150 }}\n value={[{ label: '\u5c0f\u5c3a\u5bf8', key: 1 }]}\n options={data}\n size=\"small\"\n />\n <SearchTree\n style={{ width: 175, marginTop: 10 }}\n value={[{ label: '\u9ed8\u8ba4\u5c3a\u5bf8', key: 2 }]}\n options={data}\n />\n <SearchTree\n style={{ width: 200, marginTop: 10 }}\n value={[{ label: '\u5927\u5c3a\u5bf8', key: 3 }]}\n options={data}\n size=\"large\"\n />\n </>\n )\n}\n\nexport default Demo\n```\n\n## \u81ea\u5b9a\u4e49\u7a7a\u9009\u9879\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React, { useState, useEffect, useRef } from 'react';\nimport { SearchTree } from 'uiw';\n\nconst Demo = () => {\n return(\n <>\n <SearchTree\n style={{ width:200 }}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n <SearchTree\n style={{ width:200,marginTop:5 }}\n emptyOption={<span>\u6682\u65e0\u6570\u636e..</span>}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </>\n )\n}\n\nexport default Demo\n```\n\n## Form\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React, { useState, useEffect, useRef } from 'react';\nimport { Form, Button, SearchTree, Card, Row, Col } from 'uiw';;\n\n\nconst Demo = () => {\nconst form=useRef()\n\n const data = [\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n ];\n\n const setValue=()=>{\n form.current.setFields({\n searchTree: [{ label: '\u4e1c\u57ce\u533a', key: '2-1-0' }, { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' }],\n searchTreeSinge:[{ label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' }]\n })\n }\n\n const resetValue=()=>{\n form.current.resetForm()\n }\n\n return (\n <div>\n <Form\n ref={form}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.searchTree) {\n errorObj.searchTree = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n searchTree: {\n initialValue:[ { label: '\u9ec4\u6d66\u533a', key: '1-0-1' }, { label: '\u5362\u6e7e\u533a', key: '1-0-2' }],\n children: (\n <SearchTree\n allowClear={true}\n style={{ width: 200 }}\n onSearch={(searchValue)=>console.log('SearchTree-> SearchTreeOption',searchValue)}\n onChange={(selectd, selectedAll, isChecked)=>console.log('SearchTree-> onChange', selectd, selectedAll, isChecked)}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n )\n },\n searchTreeSinge: {\n initialValue:[{ label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' }],\n children: (\n <SearchTree\n multiple={false}\n style={{ width: 200 }}\n allowClear={true}\n onSearch={(searchValue)=>console.log('SearchTree-> SearchTreeOption',searchValue)}\n onChange={(selectd, selectedAll, isChecked)=>console.log('SearchTree-> onChange', selectd, selectedAll, isChecked)}\n options={data}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row style={{display:'flex',flexDirection:'column'}}>\n <div>\u591a\u9009</div>\n <Col >{fields.searchTree}</Col>\n </Row>\n <Row style={{display:'flex',flexDirection:'column'}}>\n <label>\u5355\u9009</label>\n <Col >{fields.searchTreeSinge}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button onClick={setValue} type=\"primary\" >setValue</Button>\n <Button onClick={resetValue} type=\"primary\" >\u91cd\u7f6e</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n );\n}\nexport default Demo\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| allowClear \| \u652f\u6301\u6e05\u9664 \| Boolean \| `false` \|\n\| disabled \| \u7981\u7528\u9009\u62e9\u5668 \| Boolean \| `false` \|\n\| multiple \| \u662f\u5426\u53ef\u4ee5\u591a\u9009 \| Boolean \| `true` \|\n\| value \| \u6307\u5b9a\u5f53\u524d\u9009\u4e2d\u7684\u6761\u76ee \| [{label:string, key:string}] \| - \|\n\| options \| \u4e0b\u62c9\u6570\u636e\u6e90,\u53ef\u53c2\u8003Tree\u4e0b\u62c9\u6570\u636e\u6e90 \| [{label:string, key:string, children: [{label:string, key:string}] }] \| - \|\n\| placeholder \| \u9009\u62e9\u6846\u9ed8\u8ba4\u6587\u5b57 \| String \| - \|\n\| size \| \u9009\u62e9\u6846\u5c3a\u5bf8 \| Enum{large, default, small } \| `default` \|\n\| onChange \| \u9009\u4e2d option\uff0c\u6216 input \u7684 value\uff0c\u8c03\u7528\u6b64\u51fd\u6570 \| function(selectd, selectdAll, isChecked)=>void \| - \|\n\| onSearch \| \u6587\u672c\u6846\u503c\u53d8\u5316\u65f6\u56de\u8c03 \| function(searchValue) \| - \|\n\| loading \| \u52a0\u8f7d\u4e2d\u72b6\u6001 \| Boolean \| `false` \|\n\| emptyOption \| \u81ea\u5b9a\u4e49\u4e0b\u62c9\u9009\u9879\u4e3a\u7a7a\u65f6\u663e\u793a\u5185\u5bb9 \| React.ReactNode \| [Empty](#/components/empty) \|\n\| tagProps \| \u5c06\u53c2\u6570\u4f20\u9012\u7ed9 [`<Tag>`](#/components/tag) \u7ec4\u4ef6 \| `TagProps` \| `{}` \| `4.13.0` \|\n"}}}]);
2	- //# sourceMappingURL=8047.ec73e9a8.chunk.js.map