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/6503.5f2349b1.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[6503],{6503:function(e,n,l){l.r(n),n.default={components:{18:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{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"}]}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u5355\u9009"},n.default.createElement(a.Tree,{defaultExpandAll:!0,data:t,onExpand:function(e,n,l,a){console.log("onExpand",e,n,l,a)},onSelected:function(e,n,l,a){console.log("onSelected",e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u4e0d\u53d7\u63a7"},n.default.createElement(a.Tree,{autoExpandParent:!0,data:t,multiple:!0,onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u53d7\u63a7"},n.default.createElement(a.Tree,{data:t,multiple:!0,checkStrictly:!0,onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}})))))}}(),147:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{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"}]}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u6807\u9898\u4e2d\u6dfb\u52a0\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,renderTitle:function(e,l){l.selected;var t=l.noChild;return n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{style:{display:"-webkit-inline-box"},type:t?"smile-o":"apple"}),n.default.createElement("span",null,e.label))},onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u66ff\u6362\u9ed8\u8ba4\u6298\u53e0\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,icon:"right-circle-o",onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,iconAnimation:!1,icon:function(e,n){var l=n.isOpen,a=n.noChild;return l&&!a?"folder-open":a?"file-text":"folder"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}})))))}}(),289:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1",disabled:!0},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{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"}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Tree,{data:t,selectedKeys:["0-1-1"],multiple:!0,isSelected:!1,checkStrictly:!0,renderTitle:function(e,l){var t=l.selected;return l.isHalfChecked?n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"minus-square-o",style:{color:"green"}})," ",n.default.createElement("span",null,e.label)):t?n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"check-square-o",style:{color:"green"}})," ",n.default.createElement("span",null,e.label)):n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"square-o",style:{color:"#b6b6b6"}})," ",n.default.createElement("span",null,e.label))},onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))}}(),401:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);function t(e,n){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),l.push.apply(l,a)}return l}function r(e){for(var n=1;n<arguments.length;n++){var l=null!=arguments[n]?arguments[n]:{};n%2?t(Object(l),!0).forEach((function(n){d(e,n,l[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):t(Object(l)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(l,n))}))}return e}function d(e,n,l){return n in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}var o=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",disabled:!0,key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{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"}]}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u57fa\u7840\u4f7f\u7528"},n.default.createElement(a.Tree,{data:o}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u56fe\u6807"},n.default.createElement(a.Tree,{data:o,renderTitle:function(e,l){l.selected;var t=l.noChild,d=l.disabledStyle;return n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{style:r({display:"-webkit-inline-box"},d),type:t?"smile-o":"apple"}),n.default.createElement("span",{style:d},e.label))}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u9009\u4e2d\u6548\u679c"},n.default.createElement(a.Tree,{data:o,renderTitle:function(e,l){var t=l.selected,d=l.isHalfChecked,o=l.disabledStyle,i=l.disabledClass;return d?n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"minus-square-o",style:r({color:"green"},o)})," ",n.default.createElement("span",{className:i},e.label)):t?n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"check-square-o",style:r({color:"green"},o)})," ",n.default.createElement("span",{className:i},e.label)):n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"square-o",style:r({color:"#b6b6b6"},o)})," ",n.default.createElement("span",{className:i},e.label))}})))))}}(),529:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{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"}]}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,showLine:!0,iconAnimation:!1,icon:function(e,n){var l=n.isOpen,a=n.noChild;return l&&!a?"folder-open":a?"file-text":"folder"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,showLine:!0,icon:function(e,n){n.isOpen;if(n.noChild)return"file-text"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}})))))}}(),656:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{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"}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u9ed8\u8ba4\u5c55\u5f00\u90e8\u5206"},n.default.createElement(a.Tree,{data:t,showLine:!0,openKeys:["0-0-0","0-1-0"],iconAnimation:!1,icon:function(e,n){var l=n.isOpen,a=n.noChild;return l&&!a?"folder-open":a?"file-text":"folder"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u5c55\u5f00\u6240\u6709"},n.default.createElement(a.Tree,{data:t,showLine:!0,defaultExpandAll:!0,icon:function(e,n){n.isOpen;if(n.noChild)return"file-text"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}})))))}}(),777:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);function t(e,n){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),l.push.apply(l,a)}return l}function r(e,n,l){return n in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}var d=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{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"}]}];return function(){return n.default.createElement(a.Form,{onChange:function(e){e.initial,e.current},resetOnSubmit:!1,onSubmitError:function(e){return e&&e.filed?function(e){for(var n=1;n<arguments.length;n++){var l=null!=arguments[n]?arguments[n]:{};n%2?t(Object(l),!0).forEach((function(n){r(e,n,l[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):t(Object(l)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(l,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current;console.log("current: ",n);var l={};if("unknown"===n.tree&&(l.radioGroup="\u8bf7\u9009\u62e9\u6027\u522b\uff01"),Object.keys(l).length>0){var a=new Error;throw a.filed=l,a}Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01"})},fields:{tree:{value:"region",label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u987b\u9009\u62e9\u5730\u533a\uff01",initialValue:["0-1-1"],children:n.default.createElement(a.Tree,{checkStrictly:!0,data:d})}}},(function(e){var l=e.fields,t=e.state,r=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(a.Row,null,n.default.createElement(a.Col,null,l.tree)),n.default.createElement(a.Row,null,n.default.createElement(a.Col,null,n.default.createElement(a.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(a.Row,null,n.default.createElement(a.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(t.current,null,2)))))}))}}()},data:{18:{name:18,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 data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\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\nvar Demo = function Demo() {\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 }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u5355\\u9009\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n defaultExpandAll: true,\n data: data,\n onExpand: function onExpand(key, expanded, data, node) {\n console.log('onExpand', key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log('onSelected', key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u591A\\u9009\\uFF0C\\u5B50\\u8282\\u70B9\\u4E0D\\u53D7\\u63A7\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n autoExpandParent: true,\n data: data,\n multiple: true,\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u591A\\u9009\\uFF0C\\u5B50\\u8282\\u70B9\\u53D7\\u63A7\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n multiple: true,\n checkStrictly: true,\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col, } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u5355\u9009\">\n <Tree\n defaultExpandAll={true}\n data={data}\n onExpand={(key, expanded, data, node) => {\n console.log('onExpand',key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log('onSelected',key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u4e0d\u53d7\u63a7\">\n <Tree\n autoExpandParent={true}\n data={data}\n multiple\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u53d7\u63a7\">\n <Tree\n data={data}\n multiple\n checkStrictly\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},147:{name:147,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 data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\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\nvar Demo = function Demo() {\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 }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u6807\\u9898\\u4E2D\\u6DFB\\u52A0\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n renderTitle: function renderTitle(item, _ref) {\n var selected = _ref.selected,\n noChild = _ref.noChild;\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n style: {\n display: '-webkit-inline-box'\n },\n type: noChild ? 'smile-o' : 'apple'\n }), /#__PURE__/_react[\"default\"].createElement(\"span\", null, item.label));\n },\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u66FF\\u6362\\u9ED8\\u8BA4\\u6298\\u53E0\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n icon: \"right-circle-o\",\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u5C55\\u5F00\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n iconAnimation: false,\n icon: function icon(data, _ref2) {\n var isOpen = _ref2.isOpen,\n noChild = _ref2.noChild;\n\n if (isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n\n return 'file-text';\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u6807\u9898\u4e2d\u6dfb\u52a0\u56fe\u6807\">\n <Tree\n data={data}\n renderTitle={(item, { selected, noChild }) => (\n <>\n <Icon style={{ display: '-webkit-inline-box' }} type={noChild ? 'smile-o' : 'apple'} />\n <span>{item.label}</span>\n </>\n )}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u66ff\u6362\u9ed8\u8ba4\u6298\u53e0\u56fe\u6807\">\n <Tree\n data={data}\n icon=\"right-circle-o\"\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n iconAnimation={false}\n icon={(data, { isOpen, noChild }) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},289:{name:289,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 data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1',\n disabled: true\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n selectedKeys: ['0-1-1'],\n multiple: true,\n isSelected: false,\n checkStrictly: true,\n renderTitle: function renderTitle(item, _ref) {\n var selected = _ref.selected,\n isHalfChecked = _ref.isHalfChecked;\n\n if (isHalfChecked) {\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"minus-square-o\",\n style: {\n color: 'green'\n }\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", null, item.label));\n }\n\n if (selected) {\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"check-square-o\",\n style: {\n color: 'green'\n }\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", null, item.label));\n }\n\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"square-o\",\n style: {\n color: '#b6b6b6'\n }\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", null, item.label));\n },\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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\nconst Demo = () => (\n <div>\n <Tree\n data={data}\n selectedKeys={['0-1-1']}\n multiple\n isSelected={false}\n checkStrictly\n renderTitle={(item, { selected, isHalfChecked }) => {\n if(isHalfChecked) {\n return (\n <><Icon type=\"minus-square-o\" style={{ color: 'green' }} /> <span>{item.label}</span></>\n );\n }\n if (selected) {\n return (\n <><Icon type=\"check-square-o\" style={{ color: 'green' }} /> <span>{item.label}</span></>\n );\n }\n return (\n <><Icon type=\"square-o\" style={{ color: '#b6b6b6' }} /> <span>{item.label}</span></>\n );\n }}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </div>\n)\nexport default Demo"},401:{name:401,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 data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n disabled: true,\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\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\nvar Demo = function Demo() {\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 }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u57FA\\u7840\\u4F7F\\u7528\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n renderTitle: function renderTitle(item, _ref) {\n var selected = _ref.selected,\n noChild = _ref.noChild,\n disabledStyle = _ref.disabledStyle;\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n style: _objectSpread({\n display: '-webkit-inline-box'\n }, disabledStyle),\n type: noChild ? 'smile-o' : 'apple'\n }), /#__PURE__/_react[\"default\"].createElement(\"span\", {\n style: disabledStyle\n }, item.label));\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u9009\\u4E2D\\u6548\\u679C\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n renderTitle: function renderTitle(item, _ref2) {\n var selected = _ref2.selected,\n isHalfChecked = _ref2.isHalfChecked,\n disabledStyle = _ref2.disabledStyle,\n disabledClass = _ref2.disabledClass;\n\n if (isHalfChecked) {\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"minus-square-o\",\n style: _objectSpread({\n color: 'green'\n }, disabledStyle)\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", {\n className: disabledClass\n }, item.label));\n }\n\n if (selected) {\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"check-square-o\",\n style: _objectSpread({\n color: 'green'\n }, disabledStyle)\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", {\n className: disabledClass\n }, item.label));\n }\n\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"square-o\",\n style: _objectSpread({\n color: '#b6b6b6'\n }, disabledStyle)\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", {\n className: disabledClass\n }, item.label));\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n disabled: true,\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u57fa\u7840\u4f7f\u7528\">\n <Tree data={data} />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u56fe\u6807\">\n <Tree\n data={data}\n renderTitle={(item, { selected, noChild, disabledStyle }) => (\n <>\n <Icon style={{ display: '-webkit-inline-box', ...disabledStyle }} type={noChild ? 'smile-o' : 'apple'} />\n <span style={disabledStyle}>{item.label}</span>\n </>\n )}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u9009\u4e2d\u6548\u679c\">\n <Tree\n data={data}\n renderTitle={(item, { selected, isHalfChecked, disabledStyle, disabledClass }) => {\n if(isHalfChecked) {\n return (\n <><Icon type=\"minus-square-o\" style={{ color: 'green', ...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }\n if (selected) {\n return (\n <><Icon type=\"check-square-o\" style={{ color: 'green', ...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }\n return (\n <><Icon type=\"square-o\" style={{ color: '#b6b6b6',...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},529:{name:529,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 data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\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\nvar Demo = function Demo() {\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 }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u5C55\\u5F00\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n showLine: true,\n iconAnimation: false,\n icon: function icon(data, _ref) {\n var isOpen = _ref.isOpen,\n noChild = _ref.noChild;\n\n if (isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n\n return 'file-text';\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u5C55\\u5F00\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n showLine: true,\n icon: function icon(data, _ref2) {\n var isOpen = _ref2.isOpen,\n noChild = _ref2.noChild;\n\n if (noChild) {\n return 'file-text';\n }\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n showLine\n iconAnimation={false}\n icon={(data, {isOpen, noChild}) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n showLine\n icon={(data, {isOpen, noChild}) => {\n if(noChild) {\n return 'file-text';\n }\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},656:{name:656,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 data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\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}];\n\nvar Demo = function Demo() {\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 }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u9ED8\\u8BA4\\u5C55\\u5F00\\u90E8\\u5206\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n showLine: true,\n openKeys: ['0-0-0', '0-1-0'],\n iconAnimation: false,\n icon: function icon(data, _ref) {\n var isOpen = _ref.isOpen,\n noChild = _ref.noChild;\n\n if (isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n\n return 'file-text';\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u5C55\\u5F00\\u6240\\u6709\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n showLine: true,\n defaultExpandAll: true,\n icon: function icon(data, _ref2) {\n var isOpen = _ref2.isOpen,\n noChild = _ref2.noChild;\n\n if (noChild) {\n return 'file-text';\n }\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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 }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u9ed8\u8ba4\u5c55\u5f00\u90e8\u5206\">\n <Tree\n data={data}\n showLine\n openKeys={['0-0-0', '0-1-0']}\n iconAnimation={false}\n icon={(data, {isOpen, noChild}) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u5c55\u5f00\u6240\u6709\">\n <Tree\n data={data}\n showLine\n defaultExpandAll\n icon={(data, {isOpen, noChild}) => {\n if(noChild) {\n return 'file-text';\n }\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},777:{name:777,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 data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\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}];\n\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Form, {\n onChange: function onChange(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n },\n resetOnSubmit: false,\n onSubmitError: function onSubmitError(error) {\n return error && error.filed ? _objectSpread({}, error.filed) : null;\n },\n onSubmit: function onSubmit(_ref2) {\n var initial = _ref2.initial,\n current = _ref2.current;\n console.log('current: ', current);\n var ErrObj = {};\n\n if (current.tree === 'unknown') {\n ErrObj.radioGroup = '\u8bf7\u9009\u62e9\u6027\u522b\uff01';\n }\n\n if (Object.keys(ErrObj).length > 0) {\n var err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: \"\\u586B\\u5199\\uFF1A\\u3010\\u586B\\u5199\\u6210\\u529F\\u3011\\uFF01\"\n });\n },\n fields: {\n tree: {\n value: 'region',\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u987b\u9009\u62e9\u5730\u533a\uff01',\n initialValue: ['0-1-1'],\n children: /#__PURE__/_react[\"default\"].createElement(_uiw.Tree // multiple \n , {\n checkStrictly: true,\n data: data\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, null, fields.tree)), /#__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, /#__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 from 'react';\nimport { Tree, Row, Col, Form, Button } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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 }\n];\n\nconst Demo = () => {\n return (\n <Form\n onChange={({ initial, current }) => {}}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n console.log('current: ', current);\n const ErrObj = {};\n if (current.tree === 'unknown') {\n ErrObj.radioGroup = '\u8bf7\u9009\u62e9\u6027\u522b\uff01';\n }\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01', description: `\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01`\n });\n }}\n fields={{\n tree: {\n value: 'region',\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u987b\u9009\u62e9\u5730\u533a\uff01',\n initialValue: ['0-1-1'],\n children: <Tree\n // multiple \n checkStrictly\n data={data}\n />,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.tree}</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 <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 )\n}\nexport default Demo"}},source:"Tree \u6811\u5f62\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-tree/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tree.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tree)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tree.svg?label=@uiw/react-tree)](https://npmjs.com/@uiw/react-tree)\n\n\u4f7f\u7528\u6811\u63a7\u4ef6\u53ef\u4ee5\u5b8c\u6574\u5c55\u73b0\u5176\u4e2d\u7684\u5c42\u7ea7\u5173\u7cfb\uff0c\u5e76\u5177\u6709\u5c55\u5f00\u6536\u8d77\u9009\u62e9\u7b49\u4ea4\u4e92\u529f\u80fd\u3002\n\n```jsx\nimport { Tree } from 'uiw';\n// or\nimport Tree from '@uiw/react-tree';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col, } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u5355\u9009\">\n <Tree\n defaultExpandAll={true}\n data={data}\n onExpand={(key, expanded, data, node) => {\n console.log('onExpand',key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log('onSelected',key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u4e0d\u53d7\u63a7\">\n <Tree\n autoExpandParent={true}\n data={data}\n multiple\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u53d7\u63a7\">\n <Tree\n data={data}\n multiple\n checkStrictly\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u6807\u9898\u4e2d\u6dfb\u52a0\u56fe\u6807\">\n <Tree\n data={data}\n renderTitle={(item, { selected, noChild }) => (\n <>\n <Icon style={{ display: '-webkit-inline-box' }} type={noChild ? 'smile-o' : 'apple'} />\n <span>{item.label}</span>\n </>\n )}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u66ff\u6362\u9ed8\u8ba4\u6298\u53e0\u56fe\u6807\">\n <Tree\n data={data}\n icon=\"right-circle-o\"\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n iconAnimation={false}\n icon={(data, { isOpen, noChild }) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u9009\u4e2d\u6548\u679c\n\n\u901a\u8fc7\u8bbe\u7f6e `checkStrictly` \u7236\u8282\u70b9\u53d7\u5b50\u8282\u70b9\u63a7\u5236\uff0c\u8bbe\u7f6e `multiple` \u4e3a\u591a\u9009\uff0c\u8bbe\u7f6e `isSelected` \u53d6\u6d88\u9009\u4e2d\u6548\u679c\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528 [`TreeChecked`](#/components/tree-checked) \u7ec4\u4ef6\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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\nconst Demo = () => (\n <div>\n <Tree\n data={data}\n selectedKeys={['0-1-1']}\n multiple\n isSelected={false}\n checkStrictly\n renderTitle={(item, { selected, isHalfChecked }) => {\n if(isHalfChecked) {\n return (\n <><Icon type=\"minus-square-o\" style={{ color: 'green' }} /> <span>{item.label}</span></>\n );\n }\n if (selected) {\n return (\n <><Icon type=\"check-square-o\" style={{ color: 'green' }} /> <span>{item.label}</span></>\n );\n }\n return (\n <><Icon type=\"square-o\" style={{ color: '#b6b6b6' }} /> <span>{item.label}</span></>\n );\n }}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </div>\n)\nexport default Demo\n```\n\n### \u7981\u7528\u9009\u9879\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n disabled: true,\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u57fa\u7840\u4f7f\u7528\">\n <Tree data={data} />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u56fe\u6807\">\n <Tree\n data={data}\n renderTitle={(item, { selected, noChild, disabledStyle }) => (\n <>\n <Icon style={{ display: '-webkit-inline-box', ...disabledStyle }} type={noChild ? 'smile-o' : 'apple'} />\n <span style={disabledStyle}>{item.label}</span>\n </>\n )}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u9009\u4e2d\u6548\u679c\">\n <Tree\n data={data}\n renderTitle={(item, { selected, isHalfChecked, disabledStyle, disabledClass }) => {\n if(isHalfChecked) {\n return (\n <><Icon type=\"minus-square-o\" style={{ color: 'green', ...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }\n if (selected) {\n return (\n <><Icon type=\"check-square-o\" style={{ color: 'green', ...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }\n return (\n <><Icon type=\"square-o\" style={{ color: '#b6b6b6',...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n### \u8fde\u63a5\u7ebf\n\n\u5e26\u8fde\u63a5\u7ebf\u7684\u6811\uff0c\u901a\u8fc7\u8bbe\u7f6e `showLine`\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n showLine\n iconAnimation={false}\n icon={(data, {isOpen, noChild}) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n showLine\n icon={(data, {isOpen, noChild}) => {\n if(noChild) {\n return 'file-text';\n }\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n### \u9ed8\u8ba4\u5c55\u5f00\u6811\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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 }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u9ed8\u8ba4\u5c55\u5f00\u90e8\u5206\">\n <Tree\n data={data}\n showLine\n openKeys={['0-0-0', '0-1-0']}\n iconAnimation={false}\n icon={(data, {isOpen, noChild}) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u5c55\u5f00\u6240\u6709\">\n <Tree\n data={data}\n showLine\n defaultExpandAll\n icon={(data, {isOpen, noChild}) => {\n if(noChild) {\n return 'file-text';\n }\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n\n### Form\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Row, Col, Form, Button } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\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 }\n];\n\nconst Demo = () => {\n return (\n <Form\n onChange={({ initial, current }) => {}}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n console.log('current: ', current);\n const ErrObj = {};\n if (current.tree === 'unknown') {\n ErrObj.radioGroup = '\u8bf7\u9009\u62e9\u6027\u522b\uff01';\n }\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01', description: `\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01`\n });\n }}\n fields={{\n tree: {\n value: 'region',\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u987b\u9009\u62e9\u5730\u533a\uff01',\n initialValue: ['0-1-1'],\n children: <Tree\n // multiple \n checkStrictly\n data={data}\n />,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.tree}</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 <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 )\n}\nexport default Demo\n```\n\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| data \| \u5c55\u793a\u6570\u636e \| Array \| `TreeData[]` \|\n\| openKeys \| \u8282\u70b9\u5c55\u5f00 `key` \| Array \| `[]` \|\n\| selectedKeys \| \u8bbe\u7f6e\u9009\u4e2d\u7684\u6811\u8282\u70b9 \| Array \| `[]` \|\n\| autoExpandParent \| \u662f\u5426\u81ea\u52a8\u5c55\u5f00\u7236\u8282\u70b9 \| Boolean \| `true` \|\n\| defaultExpandAll \| \u9ed8\u8ba4\u5c55\u5f00\u6240\u6709\u6811\u8282\u70b9 \| Boolean \| `false` \|\n\| iconAnimation \| \u5c55\u5f00\u6536\u7f29\u56fe\u6807\uff0c\u53c2\u6570\u8bbe\u4e3a `false` \u7981\u7528\u52a8\u753b \| Boolean \| `true` \|\n\| isSelected \| \u662f\u5426\u9009\u4e2d\u5f53\u524d\u8282\u70b9\u6837\u5f0f\u3002 \| Boolean \| `true` \|\n\| showLine \| \u662f\u5426\u5c55\u793a\u8fde\u63a5\u7ebf \| Boolean \| `false` \|\n\| checkStrictly \| \u5b50\u8282\u70b9\u53d7\u7236\u8282\u70b9\u63a7\u5236\u8bbe\u7f6e `true`\uff0c\u9700\u8981\u914d\u5408 `multiple` \u53c2\u6570\u4f7f\u7528\u3002 \| Boolean \| `false` \|\n\| multiple \| \u652f\u6301\u70b9\u9009\u591a\u4e2a\u8282\u70b9 \| Boolean \| `false` \|\n\| icon \| \u91cd\u65b0\u5b9a\u4e49\uff0c\u5c55\u5f00\u6536\u7f29\u56fe\u6807\uff0c\u5f53\u4e3a\u51fd\u6570\u65f6\u89c6\u4e3a\u81ea\u5b9a\u4e49\u56fe\u6807\uff0c\u5e76\u5c55\u793a\u975e\u6298\u53e0\u9879\u7684\u56fe\u6807\u3002 \| ~~Function(data: object, noChild: bool)/String/Node~~ `@3.4.0+` Function(data: object, { selected: bool, noChild: bool })/String/Node\| - \|\n\| renderTitle \| \u91cd\u65b0\u5b9a\u4e49\u6bcf\u4e2a\u6807\u9898\u8282\u70b9\u7684\u663e\u793a \| ~~Function(item, selected: bool, noChild: bool)~~ `@3.4.0+` Function(item: TreeData, node?: Node) => React.ReactElement; \| - \|\n\| onSelected \| \u70b9\u51fb\u9009\u62e9\u6811\u8282\u70b9\u89e6\u53d1 \| Function(selectedKeys: array, key, selected: bool, data, e) \| - \|\n\| onExpand \| \u5c55\u5f00/\u6536\u8d77\u8282\u70b9\u65f6\u89e6\u53d1 \| Function(key, expanded: bool, data, evn) \| - \|\n\n## Node Type \n\| \u53c2\u6570 \| \u7c7b\u578b \| \u7248\u672c \|\n\|--------- \|-------- \|-------- \|\n\| selected \| boolean \| - \|\n\| noChild \| boolean \| - \|\n\| isHalfChecked \| boolean \| `@3.4.0+` \|\n\| openKeys \| Props['openKeys'] \| `@3.4.0+` \|\n\| selectedKeys \| Props['selectedKeys'] \| `@3.4.0+` \|\n\| disabled \| boolean \| `@4.20.0+` \|\n\| disabledClass \| string \| `@4.20.0+` \|\n\| disabledStyle \| React.CSSProperties \| `@4.20.0+` \|\n### data\n\n```json\n[\n {\n \"label\": \"\u6e56\u5317\u7701\",\n \"key\": \"0-0-0\",\n \"disabled\": false,\n \"children\":[]\n }\n ...\n]\n```\n"}}}]);
2	- //# sourceMappingURL=6503.5f2349b1.chunk.js.map

package/web/static/js/6716.02298cc2.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[6716],{6716:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(u.FileInput,{multiple:"multiple",style:{maxWidth:200},size:"small",onChange:function(e){console.log(e)}}),n.default.createElement("br",null),n.default.createElement(u.FileInput,{multiple:"multiple",style:{maxWidth:200}}),n.default.createElement("br",null))}}(),41:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(u.FileInput,{uploadType:"card",size:"large",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(u.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"card",shape:"circle",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(u.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"card",size:"small",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(u.Icon,{type:"plus"})))}}(),104:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=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 u,l,r=[],a=!0,o=!1;try{for(t=t.call(e);!(a=(u=t.next()).done)&&(r.push(u.value),!n\|\|r.length!==n);a=!0);}catch(i){o=!0,l=i}finally{try{a\|\|null==t.return\|\|t.return()}finally{if(o)throw l}}return r}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return r(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 r(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 r(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,u=new Array(n);t<n;t++)u[t]=e[t];return u}return function(){var e=l(n.default.useState(!1),2),t=e[0],r=e[1],a=l(n.default.useState(null),2),o=a[0],i=a[1];return console.log("curfile",o),n.default.createElement(n.default.Fragment,null,n.default.createElement(u.Overlay,{isOpen:t,onClosed:function(){return r(!1)}},n.default.createElement("img",{src:"".concat(null===o\|\|void 0===o?void 0:o.dataURL),alt:"".concat(null===o\|\|void 0===o?void 0:o.name)})),n.default.createElement(u.FileInput,{uploadType:"picture",size:"large",onPreview:function(e){r(!0),i(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Icon,{type:"plus"})))}}(),143:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(u.FileInput,{uploadType:"picture",size:"large",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"picture",shape:"circle",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"picture",size:"small",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"text",multiple:!0,maxNumber:2,value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")))}}(),201:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(u.Form,{onSubmit:function(e){e.initial;var n=e.current;console.log("current",n)},fields:{picture1:{label:"\u56fe\u7247\u5899",initialValue:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}],children:n.default.createElement(u.FileInput,{uploadType:"card"},n.default.createElement(u.Icon,{type:"plus"}))},picture2:{label:"\u56fe\u7247\u5217\u8868",initialValue:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}],children:n.default.createElement(u.FileInput,{uploadType:"picture"},n.default.createElement(u.Button,null,"\u65b0\u589e"))},picture3:{label:"\u56fe\u7247\u540d\u79f0\u5217\u8868",children:n.default.createElement(u.FileInput,{uploadType:"text"},n.default.createElement(u.Button,null,"\u65b0\u589e"))}}},(function(e){var t=e.fields,l=e.state,r=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,t.picture1)),n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,t.picture2)),n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,t.picture3)),n.default.createElement(u.Row,{gutter:10},n.default.createElement(u.Col,null,n.default.createElement(u.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,n.default.createElement("pre",{style:{padding:"10px 0 0 10px"}},JSON.stringify(l.current,null,2)))))})))}}()},data:{18:{name:18,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 var onChange = function onChange(e) {\n console.log(e);\n };\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n multiple: "multiple",\n style: {\n maxWidth: 200\n },\n size: "small",\n onChange: onChange\n }), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n multiple: "multiple",\n style: {\n maxWidth: 200\n }\n }), /#__PURE__/_react["default"].createElement("br", null));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { FileInput, Button } from \'uiw\';\n\nconst Demo = () => {\n const onChange = (e) => {\n console.log(e)\n }\n return (\n <div>\n <FileInput multiple="multiple" style={{ maxWidth: 200 }} size="small" onChange={onChange} />\n <br />\n <FileInput multiple="multiple" style={{ maxWidth: 200 }} />\n <br />\n </div>\n )\n}\n\nexport default Demo'},41:{name:41,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.FileInput, {\n uploadType: "card",\n size: "large",\n showFileIcon: {\n showPreviewIcon: false,\n showRemoveIcon: true\n },\n onPreview: function onPreview(file) {\n return console.log(file);\n },\n value: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n }],\n onChange: function onChange(items) {\n return console.log(items);\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "plus"\n })), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "card",\n shape: "circle",\n showFileIcon: {\n showPreviewIcon: false,\n showRemoveIcon: true\n },\n onPreview: function onPreview(file) {\n return console.log(file);\n },\n value: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n }],\n onChange: function onChange(items) {\n return console.log(items);\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "plus"\n })), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "card",\n size: "small",\n showFileIcon: {\n showPreviewIcon: false,\n showRemoveIcon: true\n },\n onPreview: function onPreview(file) {\n return console.log(file);\n },\n value: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n }],\n onChange: function onChange(items) {\n return console.log(items);\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "plus"\n })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { FileInput, Button,Icon } from \'uiw\';\n\nconst Demo = () => {\n return (\n <div>\n <FileInput\n uploadType="card"\n size="large"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type="plus" />\n </FileInput>\n <br />\n <FileInput\n uploadType="card"\n shape="circle"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type="plus" />\n </FileInput>\n <br />\n <FileInput\n uploadType="card"\n size="small"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type="plus" />\n </FileInput>\n </div>\n )\n}\n\nexport default Demo'},104:{name:104,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(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n visible = _React$useState2[0],\n visibleSet = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState(null),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n curfile = _React$useState4[0],\n curFileSet = _React$useState4[1];\n\n console.log(\'curfile\', curfile);\n return /#__PURE__/_react["default"].createElement(_react["default"].Fragment, null, /#__PURE__/_react["default"].createElement(_uiw.Overlay, {\n isOpen: visible,\n onClosed: function onClosed() {\n return visibleSet(false);\n }\n }, /#__PURE__/_react["default"].createElement("img", {\n src: "".concat(curfile === null \|\| curfile === void 0 ? void 0 : curfile.dataURL),\n alt: "".concat(curfile === null \|\| curfile === void 0 ? void 0 : curfile.name)\n })), /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "picture",\n size: "large",\n onPreview: function onPreview(file) {\n visibleSet(true);\n curFileSet(file);\n },\n value: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n name: \'uiw.png\'\n }]\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "plus"\n })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { FileInput, Overlay,Icon } from 'uiw';\n\nconst Demo=()=>{\n const [visible,visibleSet]=React.useState(false)\n const [curfile,curFileSet]=React.useState(null)\n console.log('curfile',curfile)\n\n return(\n <>\n <Overlay\n isOpen={visible}\n onClosed={()=>visibleSet(false)}\n >\n <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\n </Overlay>\n <FileInput\n uploadType=\"picture\"\n size=\"large\"\n onPreview={(file) =>{\n visibleSet(true)\n curFileSet(file)\n }}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Icon type=\"plus\" />\n </FileInput>\n </>\n )\n}\n\nexport default Demo"},143:{name:143,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 Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "picture",\n size: "large",\n onPreview: function onPreview() {\n return console.log(234);\n },\n value: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n name: \'uiw.png\'\n }]\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "picture",\n shape: "circle",\n onPreview: function onPreview() {\n return console.log(234);\n },\n value: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n name: \'uiw.png\'\n }]\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "picture",\n size: "small",\n onPreview: function onPreview() {\n return console.log(234);\n },\n value: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n name: \'uiw.png\'\n }]\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "text",\n multiple: true,\n maxNumber: 2,\n value: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n name: \'uiw.png\'\n }]\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nfunction Demo() {\n return (\n <div>\n <FileInput\n uploadType=\"picture\"\n size=\"large\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"picture\"\n shape=\"circle\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"picture\"\n size=\"small\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"text\"\n multiple\n maxNumber={2}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n </div>\n );\n}\nexport default Demo"},201:{name:201,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 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(\'current\', current);\n },\n fields: {\n picture1: {\n label: \'\u56fe\u7247\u5899\',\n initialValue: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n name: \'uiw.png\'\n }],\n children: /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "card"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "plus"\n }))\n },\n picture2: {\n label: \'\u56fe\u7247\u5217\u8868\',\n initialValue: [{\n dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n name: \'uiw.png\'\n }],\n children: /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "picture"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E"))\n },\n picture3: {\n label: \'\u56fe\u7247\u540d\u79f0\u5217\u8868\',\n children: /#__PURE__/_react["default"].createElement(_uiw.FileInput, {\n uploadType: "text"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E"))\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, null, fields.picture1)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.picture2)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.picture3)), /#__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.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, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nfunction Demo() {\n return <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log('current',current)\n }}\n fields={{\n picture1: {\n label: '\u56fe\u7247\u5899',\n initialValue: [\n {\n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n }\n ],\n children: (\n <FileInput uploadType=\"card\">\n <Icon type=\"plus\" />\n </FileInput>\n )\n },\n picture2: {\n label: '\u56fe\u7247\u5217\u8868',\n initialValue: [\n {\n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n }\n ],\n children: (\n <FileInput uploadType=\"picture\">\n <Button>\u65b0\u589e</Button>\n </FileInput>\n )\n },\n picture3: {\n label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n children: (\n <FileInput uploadType=\"text\">\n <Button>\u65b0\u589e</Button>\n </FileInput>\n )\n },\n }}>\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.picture1}</Col>\n </Row>\n <Row>\n <Col>{fields.picture2}</Col>\n </Row>\n <Row>\n <Col>{fields.picture3}</Col>\n </Row>\n <Row gutter={10}>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</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 </div>\n}\nexport default Demo"}},source:"FileInput \u4e0a\u4f20\u8f93\u5165\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\n\n\u8fd9\u4e2a\u7ec4\u4ef6\u4ec5\u4ec5\u662f\u5bf9 `<input type=\"file\">` \u7684\u7f8e\u5316\uff0c\u4ed6\u662f\u57fa\u4e8e Input \u7ec4\u4ef6\u5c01\u88c5 \u3002\n\n```jsx\nimport { FileInput } from 'uiw';\n// or\nimport FileInput from '@uiw/react-file-input';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nconst Demo = () => {\n const onChange = (e) => {\n console.log(e)\n }\n return (\n <div>\n <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} size=\"small\" onChange={onChange} />\n <br />\n <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} />\n <br />\n </div>\n )\n}\n\nexport default Demo\n```\n\n### \u56fe\u7247\u5899\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Button,Icon } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <FileInput\n uploadType=\"card\"\n size=\"large\"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type=\"plus\" />\n </FileInput>\n <br />\n <FileInput\n uploadType=\"card\"\n shape=\"circle\"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type=\"plus\" />\n </FileInput>\n <br />\n <FileInput\n uploadType=\"card\"\n size=\"small\"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type=\"plus\" />\n </FileInput>\n </div>\n )\n}\n\nexport default Demo\n```\n\n### \u56fe\u7247\u9884\u89c8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Overlay,Icon } from 'uiw';\n\nconst Demo=()=>{\n const [visible,visibleSet]=React.useState(false)\n const [curfile,curFileSet]=React.useState(null)\n console.log('curfile',curfile)\n\n return(\n <>\n <Overlay\n isOpen={visible}\n onClosed={()=>visibleSet(false)}\n >\n <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\n </Overlay>\n <FileInput\n uploadType=\"picture\"\n size=\"large\"\n onPreview={(file) =>{\n visibleSet(true)\n curFileSet(file)\n }}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Icon type=\"plus\" />\n </FileInput>\n </>\n )\n}\n\nexport default Demo\n```\n\n### \u56fe\u7247\u5217\u8868\u6837\u5f0f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nfunction Demo() {\n return (\n <div>\n <FileInput\n uploadType=\"picture\"\n size=\"large\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"picture\"\n shape=\"circle\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"picture\"\n size=\"small\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"text\"\n multiple\n maxNumber={2}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n </div>\n );\n}\nexport default Demo\n```\n\n### \u5728`Form`\u8868\u5355\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nfunction Demo() {\n return <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log('current',current)\n }}\n fields={{\n picture1: {\n label: '\u56fe\u7247\u5899',\n initialValue: [\n {\n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n }\n ],\n children: (\n <FileInput uploadType=\"card\">\n <Icon type=\"plus\" />\n </FileInput>\n )\n },\n picture2: {\n label: '\u56fe\u7247\u5217\u8868',\n initialValue: [\n {\n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n }\n ],\n children: (\n <FileInput uploadType=\"picture\">\n <Button>\u65b0\u589e</Button>\n </FileInput>\n )\n },\n picture3: {\n label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n children: (\n <FileInput uploadType=\"text\">\n <Button>\u65b0\u589e</Button>\n </FileInput>\n )\n },\n }}>\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.picture1}</Col>\n </Row>\n <Row>\n <Col>{fields.picture2}</Col>\n </Row>\n <Row>\n <Col>{fields.picture3}</Col>\n </Row>\n <Row gutter={10}>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</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 </div>\n}\nexport default Demo\n```\n\n## Props\n\n- `uploadType: input` \u57fa\u7840\u8f93\u5165\u6846\u4e0a\u4f20\n\n- `uploadType: picture` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u663e\u793a\u56fe\u7247\n\n- `uploadType: text` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u4e0d\u663e\u793a\u56fe\u7247\n\n- `uploadType: card` \u56fe\u7247\u5899\u5217\u8868\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| uploadType \| \u4e0a\u4f20\u5c55\u793a\u7c7b\u578b \| `input`\u3001`picture`\u3001`text`\u3001`card` \| `input` \|\n\| className \| CSS\u7c7b\u540d\u79f0 \| String \| - \|\n\| multiple \| \u662f\u5426\u591a\u9009\u4e0a\u4f20 \| boolean \| - \|\n\n\n### Props uploadType input\u7c7b\u578b\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| dataLabel \| input \u540e\u7f6e\u6587\u5b57 \| `string` \| `Browse` \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Input](#/components/input)\u3002\n\n\n### Props uploadType \u975einput\u7c7b\u578b\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u9ed8\u8ba4\u56fe\u7247\u5217\u8868 \| FileInputValue[] \| - \|\n\| readonly \| \u662f\u5426\u662f\u53ea\u8bfb\u6a21\u5f0f \| boolean \| false \|\n\| maxNumber \| \u6587\u4ef6\u4e0a\u4f20\u6570\u91cf \| boolean \| false \|\n\| shape \| \u56fe\u7247\u5c55\u793a\u5f62\u72b6 \| `circle`\u3001`round` \| `round` \|\n\| size \| \u56fe\u7247\u5c55\u793a\u5927\u5c0f \| `large`\u3001`middle`\u3001`small` \| `middle` \|\n\| showFileIcon \| \u8bbe\u7f6e\u56fe\u6807\u6309\u94ae\u662f\u5426\u5c55\u793a \| {showPreviewIcon?: boolean,showRemoveIcon?: boolean} \| {showPreviewIcon: true, showRemoveIcon: true} \|\n\| onChange \| \u6587\u4ef6\u4e0a\u4f20\u56de\u8c03 \| (value: FileInputValue[]) => void \| - \|\n\| onPreview \| \u9884\u89c8\u56fe\u6807\u65f6\u7684\u56de\u8c03 \| (value: FileInputValue[]) => void \| - \|\n\n"}}}]);
2	- //# sourceMappingURL=6716.02298cc2.chunk.js.map

package/web/static/js/6795.bebf54d1.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[6795],{6795:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),41:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db"}))}}(),62:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814),r=n(4298);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.Icon,{type:"user"}),title:"\u6ce8\u518c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.Icon,{type:"picasa",spin:!0,color:"red"}),title:"\u4e0a\u4f20\u5934\u50cf",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.StepsStyleItemHeadInnerSvg,{as:r.Message}),title:"\u9a8c\u8bc1\u90ae\u7bb1",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),85:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{current:2,status:"error",style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),107:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{progressDot:!0,status:"error",current:2,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),129:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);function r(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var u,r,i=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(u=n.next()).done)&&(i.push(u.value),!t\|\|i.length!==t);a=!0);}catch(p){o=!0,r=p}finally{try{a\|\|null==n.return\|\|n.return()}finally{if(o)throw r}}return i}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,u=new Array(t);n<t;n++)u[n]=e[n];return u}var a={minHeight:200,backgroundColor:"#fafafa",textAlign:"center",borderRadius:6,paddingTop:80,marginTop:15},o=[{title:"\u7b2c\u4e00\u6b65",content:"\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7"},{title:"\u7b2c\u4e8c\u6b65",content:"\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002"},{title:"\u7b2c\u4e09\u6b65",content:"\u9a8c\u8bc1\u90ae\u7bb1"}];return function(){var e=r(t.default.useState(0),2),n=e[0],i=e[1];return t.default.createElement("div",null,t.default.createElement(u.Steps,{current:n},o.map((function(e){return t.default.createElement(u.Steps.Step,{key:e.title,title:e.title})}))),t.default.createElement("div",{style:a},o[n].content),t.default.createElement("div",{style:{marginTop:20}},n<o.length-1&&t.default.createElement(u.Button,{type:"primary",size:"small",onClick:function(){return i(n+1)}},"\u4e0b\u4e00\u6b65"),n===o.length-1&&t.default.createElement(u.Button,{type:"primary",size:"small",onClick:function(){return u.Notify.open({description:"\u5904\u7406\u5b8c\u6210!"})}},"\u5b8c\u6210"),n>0&&t.default.createElement(u.Button,{size:"small",style:{marginLeft:8},onClick:function(){return i(n-1)}},"\u4e0a\u4e00\u6b65")))}}(),179:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Row,{gutter:20},t.default.createElement(u.Col,null,t.default.createElement(u.Steps,{current:1,direction:"vertical",style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u5df2\u5b8c\u6210",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{title:"\u8fdb\u884c\u4e2d",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{status:"error",title:"\u5f85\u8fdb\u884c",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{title:"\u5f85\u8fdb\u884c",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}))),t.default.createElement(u.Col,null,t.default.createElement(u.Steps,{direction:"vertical",progressDot:!0,status:"error",current:2,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))))}}()},data:{20:{name:20,meta:{disableCheckered:"true",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 Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Steps, {\n current: 1,\n style: {\n padding: "20px 0"\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E00",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E8C",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E09",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u56DB",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\nfunction Demo() {\n return (\n <Steps current={1} style={{ padding:"20px 0" }}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nexport default Demo'},41:{name:41,meta:{disableCheckered:"true",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 Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Steps, {\n current: 1,\n style: {\n padding: "20px 0"\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E00"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E8C"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E09"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u56DB"\n }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={1} style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" />\n <Steps.Step title="\u6b65\u9aa4\u56db" />\n </Steps>\n )\n}\nexport default Demo'},62:{name:62,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nvar _icons = require("@uiw/icons");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Steps, {\n current: 1,\n style: {\n padding: "20px 0"\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "user"\n }),\n title: "\\u6CE8\\u518C",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "picasa",\n spin: true,\n color: "red"\n }),\n title: "\\u4E0A\\u4F20\\u5934\\u50CF",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.StepsStyleItemHeadInnerSvg, {\n as: _icons.Message\n }),\n title: "\\u9A8C\\u8BC1\\u90AE\\u7BB1",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps, Icon } from \'uiw\';\nimport { StepsStyleItemHeadInnerSvg } from \'uiw\';\nimport { Message } from "@uiw/icons"\n\nfunction Demo() {\n return (\n <Steps current={1} style={{padding:"20px 0"}}>\n <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nexport default Demo'},85:{name:85,meta:{disableCheckered:"true",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 Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Steps, {\n current: 2,\n status: "error",\n style: {\n padding: "20px 0"\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E00",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E8C",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E09",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u56DB",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={2} status="error" style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nexport default Demo'},107:{name:107,meta:{disableCheckered:"true",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 Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Steps, {\n progressDot: true,\n status: "error",\n current: 2,\n style: {\n padding: "20px 0"\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E00",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E8C",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E09",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u56DB",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nexport default Demo'},129:{name:129,meta:{disableCheckered:"true",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 conStyle = {\n minHeight: 200,\n backgroundColor: \'#fafafa\',\n textAlign: \'center\',\n borderRadius: 6,\n paddingTop: 80,\n marginTop: 15\n};\nvar steps = [{\n title: \'\u7b2c\u4e00\u6b65\',\n content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\'\n}, {\n title: \'\u7b2c\u4e8c\u6b65\',\n content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\'\n}, {\n title: \'\u7b2c\u4e09\u6b65\',\n content: \'\u9a8c\u8bc1\u90ae\u7bb1\'\n}];\n\nfunction Demo() {\n var _React$useState = _react["default"].useState(0),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n current = _React$useState2[0],\n setCurrent = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Steps, {\n current: current\n }, steps.map(function (item) {\n return /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n key: item.title,\n title: item.title\n });\n })), /#__PURE__/_react["default"].createElement("div", {\n style: conStyle\n }, steps[current].content), /#__PURE__/_react["default"].createElement("div", {\n style: {\n marginTop: 20\n }\n }, current < steps.length - 1 && /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n size: "small",\n onClick: function onClick() {\n return setCurrent(current + 1);\n }\n }, "\\u4E0B\\u4E00\\u6B65"), current === steps.length - 1 && /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n size: "small",\n onClick: function onClick() {\n return _uiw.Notify.open({\n description: \'\u5904\u7406\u5b8c\u6210!\'\n });\n }\n }, "\\u5B8C\\u6210"), current > 0 && /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n style: {\n marginLeft: 8\n },\n onClick: function onClick() {\n return setCurrent(current - 1);\n }\n }, "\\u4E0A\\u4E00\\u6B65")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Steps, Button, Notify } from 'uiw';\n\nconst conStyle = { minHeight: 200, backgroundColor: '#fafafa',textAlign: 'center', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n {\n title: '\u7b2c\u4e00\u6b65',\n content: '\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7',\n }, {\n title: '\u7b2c\u4e8c\u6b65',\n content: '\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002',\n }, {\n title: '\u7b2c\u4e09\u6b65',\n content: '\u9a8c\u8bc1\u90ae\u7bb1',\n }\n]\n\nfunction Demo() {\n const [current, setCurrent] = React.useState(0);\n return (\n <div>\n <Steps current={current}>\n {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n </Steps>\n <div style={conStyle}>{steps[current].content}</div>\n <div style={{marginTop: 20}}>\n {current < steps.length - 1 && (\n <Button type=\"primary\" size=\"small\" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n )}\n {current === steps.length - 1 && (\n <Button type=\"primary\" size=\"small\" onClick={() => Notify.open({ description: '\u5904\u7406\u5b8c\u6210!' })}>\u5b8c\u6210</Button>\n )}\n {current > 0 && (\n <Button size=\"small\" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n \u4e0a\u4e00\u6b65\n </Button>\n )}\n </div>\n </div>\n );\n}\n\nexport default Demo"},179:{name:179,meta:{disableCheckered:"true",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 Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 20\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement(_uiw.Steps, {\n current: 1,\n direction: "vertical",\n style: {\n padding: \'20px 0\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u5DF2\\u5B8C\\u6210",\n description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u8FDB\\u884C\\u4E2D",\n description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n status: "error",\n title: "\\u5F85\\u8FDB\\u884C",\n description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u5F85\\u8FDB\\u884C",\n description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement(_uiw.Steps, {\n direction: "vertical",\n progressDot: true,\n status: "error",\n current: 2,\n style: {\n padding: \'20px 0\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E00",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E8C",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u4E09",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }), /#__PURE__/_react["default"].createElement(_uiw.Steps.Step, {\n title: "\\u6B65\\u9AA4\\u56DB",\n description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n }))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps, Row, Col } from \'uiw\';\n\nfunction Demo() {\n return (\n <Row gutter={20}>\n <Col>\n <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n </Steps>\n </Col>\n <Col>\n <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n </Col>\n </Row>\n )\n}\n\nexport default Demo'}},source:'Steps \u6b65\u9aa4\u6761\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-steps/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-steps.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-steps)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-steps.svg?label=@uiw/react-steps)](https://npmjs.com/@uiw/react-steps)\n\n\u5f15\u5bfc\u7528\u6237\u6309\u7167\u6d41\u7a0b\u5b8c\u6210\u4efb\u52a1\u7684\u5bfc\u822a\u6761\u3002\u5f53\u4efb\u52a1\u590d\u6742\u6216\u8005\u5b58\u5728\u5148\u540e\u5173\u7cfb\u65f6\uff0c\u5c06\u5176\u5206\u89e3\u6210\u4e00\u7cfb\u5217\u6b65\u9aa4\uff0c\u4ece\u800c\u7b80\u5316\u4efb\u52a1\u3002\n\n```jsx\nimport { Steps } from \'uiw\';\n// or\nimport Steps from \'@uiw/react-steps\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\nfunction Demo() {\n return (\n <Steps current={1} style={{ padding:"20px 0" }}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nexport default Demo\n```\n\n### \u6ca1\u6709\u8be6\u60c5\u4ecb\u7ecd\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={1} style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" />\n <Steps.Step title="\u6b65\u9aa4\u56db" />\n </Steps>\n )\n}\nexport default Demo\n```\n\n### \u5e26\u56fe\u6807\u7684\u6b65\u9aa4\u6761\n\n\u901a\u8fc7\u8bbe\u7f6e `Steps.Step` \u7684 `icon` \u5c5e\u6027\uff0c\u53ef\u4ee5\u542f\u7528\u81ea\u5b9a\u4e49\u56fe\u6807\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Icon } from \'uiw\';\nimport { StepsStyleItemHeadInnerSvg } from \'uiw\';\nimport { Message } from "@uiw/icons"\n\nfunction Demo() {\n return (\n <Steps current={1} style={{padding:"20px 0"}}>\n <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nexport default Demo\n```\n\n### \u6b65\u9aa4\u8fd0\u884c\u9519\u8bef\n\n\u4f7f\u7528 `Steps` \u7684 `status` \u5c5e\u6027\u6765\u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={2} status="error" style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nexport default Demo\n```\n\n### \u70b9\u72b6\u6b65\u9aa4\u6761\n\n\u5305\u542b\u6b65\u9aa4\u70b9\u7684\u8fdb\u5ea6\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nexport default Demo\n```\n\n### \u6b65\u9aa4\u5207\u6362\n\n\u901a\u5e38\u914d\u5408\u5185\u5bb9\u53ca\u6309\u94ae\u4f7f\u7528\uff0c\u8868\u793a\u4e00\u4e2a\u6d41\u7a0b\u7684\u5904\u7406\u8fdb\u5ea6\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Button, Notify } from \'uiw\';\n\nconst conStyle = { minHeight: 200, backgroundColor: \'#fafafa\',textAlign: \'center\', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n {\n title: \'\u7b2c\u4e00\u6b65\',\n content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\',\n }, {\n title: \'\u7b2c\u4e8c\u6b65\',\n content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\',\n }, {\n title: \'\u7b2c\u4e09\u6b65\',\n content: \'\u9a8c\u8bc1\u90ae\u7bb1\',\n }\n]\n\nfunction Demo() {\n const [current, setCurrent] = React.useState(0);\n return (\n <div>\n <Steps current={current}>\n {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n </Steps>\n <div style={conStyle}>{steps[current].content}</div>\n <div style={{marginTop: 20}}>\n {current < steps.length - 1 && (\n <Button type="primary" size="small" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n )}\n {current === steps.length - 1 && (\n <Button type="primary" size="small" onClick={() => Notify.open({ description: \'\u5904\u7406\u5b8c\u6210!\' })}>\u5b8c\u6210</Button>\n )}\n {current > 0 && (\n <Button size="small" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n \u4e0a\u4e00\u6b65\n </Button>\n )}\n </div>\n </div>\n );\n}\n\nexport default Demo\n```\n\n### \u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\n\n\u7b80\u5355\u7684\u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Row, Col } from \'uiw\';\n\nfunction Demo() {\n return (\n <Row gutter={20}>\n <Col>\n <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n </Steps>\n </Col>\n <Col>\n <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n </Col>\n </Row>\n )\n}\n\nexport default Demo\n```\n\n## Props\n\n### Steps\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| current \| \u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\uff0c\u4ece `0` \u5f00\u59cb\u8bb0\u6570\u3002\| Number \| `0` \|\n\| status \| \u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\uff0c\u53ef\u9009\u503c\u4e3a`wait`\u3001`process`\u3001`finish`\u3001`error` \| String \| `process` \|\n\| direction \| \u6307\u5b9a\u6b65\u9aa4\u6761\u65b9\u5411\uff0c\u652f\u6301\u6c34\u5e73`vertical`\u3001`horizontal` \| \| `horizontal` \|\n\| progressDot \| \u70b9\u72b6\u6b65\u9aa4\u6761\| \| `horizontal` \|\n\n### Steps.Step\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| status \| \u6307\u5b9a\u72b6\u6001\u3002\u5f53\u4e0d\u914d\u7f6e\u8be5\u5c5e\u6027\u65f6\uff0c\u4f1a\u4f7f\u7528 Steps \u7684 current \u6765\u81ea\u52a8\u6307\u5b9a\u72b6\u6001\u3002\u53ef\u9009\uff1a`wait` `process` `finish` `error` \| String \| `wait` \|\n\| title \| \u6307\u5b9a\u6bcf\u4e2a\u6b65\u9aa4\u6807\u9898 \| String/ReactNode \| - \|\n\| description \| \u6b65\u9aa4\u7684\u8be6\u60c5\u63cf\u8ff0\uff0c\u53ef\u9009 \| String/ReactNode \| - \|\n\| icon \| \u6b65\u9aa4\u7684\u56fe\u6807\uff0c\u5b57\u7b26\u4e32\u7c7b\u578b\u4ece`<Icon/>`\u7ec4\u4ef6\u4e2d\u627e\uff0c\u53ef\u9009 \| ReactNode \| - \|\n'}}}]);
2	- //# sourceMappingURL=6795.bebf54d1.chunk.js.map

package/web/static/js/6889.9760ee32.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[6889],{6889:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function a(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,a,o=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(o.push(r.value),!n\|\|o.length!==n);i=!0);}catch(u){l=!0,a=u}finally{try{i\|\|null==t.return\|\|t.return()}finally{if(l)throw a}}return o}(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}return function(){var e=a(n.default.useState("2019/04"),2),t=e[0],o=e[1];return n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{style:{width:200},fixed:!0},n.default.createElement(r.MonthPicker,{size:"large",onChange:function(e,n){o(n)},placeholder:"Select month"})),n.default.createElement(r.Col,{style:{width:200},fixed:!0},n.default.createElement(r.MonthPicker,{disabled:!0,value:t,placeholder:"Select month"})))}}(),43: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;t.date?r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a".concat(t.date)}):r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a".concat(t.date,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")}),console.log("--\x3e>",n,t)},fields:{date:{labelClassName:"fieldLabel",labelFor:"date-inline",children:n.default.createElement(r.MonthPicker,{id:"date-inline"})}}},(function(e){var t=e.fields,a=(e.state,e.canSubmit);return n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{style:{width:200},fixed:!0},t.date),n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4")))})))}}()},data:{18:{name:18,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(\'2019/04\'),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formatDate = _React$useState2[0],\n setFormatDate = _React$useState2[1];\n\n function onChange(date, formatDate) {\n setFormatDate(formatDate);\n }\n\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.MonthPicker, {\n size: "large",\n onChange: onChange,\n placeholder: "Select month"\n })), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.MonthPicker, {\n disabled: true,\n value: formatDate,\n placeholder: "Select month"\n })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { MonthPicker, Row, Col } from 'uiw';\n\nconst Demo = () => {\n const [formatDate, setFormatDate] = React.useState('2019/04')\n function onChange(date, formatDate) {\n setFormatDate(formatDate)\n }\n return (\n <Row gutter={10}>\n <Col style={{ width: 200 }} fixed>\n <MonthPicker size=\"large\" onChange={onChange} placeholder=\"Select month\" />\n </Col>\n <Col style={{ width: 200 }} fixed>\n <MonthPicker disabled value={formatDate} placeholder=\"Select month\" />\n </Col>\n </Row>\n )\n}\nexport default Demo"},43:{name:43,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\n if (current.date) {\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A".concat(current.date)\n });\n } else {\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A".concat(current.date, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n }\n\n console.log(\'--\x3e>\', initial, current);\n },\n fields: {\n date: {\n labelClassName: \'fieldLabel\',\n labelFor: \'date-inline\',\n children: /#__PURE__/_react["default"].createElement(_uiw.MonthPicker, {\n id: "date-inline"\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(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, fields.date), /#__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")));\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n if(current.date) {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}`,\n });\n } else {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }\n console.log('--\x3e>', initial, current);\n }}\n fields={{\n date: {\n labelClassName: 'fieldLabel',\n labelFor: 'date-inline',\n children: <MonthPicker id=\"date-inline\" />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <Row gutter={10}>\n <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo"}},source:"MonthPicker \u6708\u4efd\u9009\u62e9\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-month-picker/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-month-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-month-picker)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?label=@uiw/react-month-picker)](https://npmjs.com/@uiw/react-month-picker)\n\n\u6a21\u6001\u5bf9\u8bdd\u6846\u3002\n\n```jsx\nimport { MonthPicker } from 'uiw';\n// or\nimport MonthPicker from '@uiw/react-month-picker';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { MonthPicker, Row, Col } from 'uiw';\n\nconst Demo = () => {\n const [formatDate, setFormatDate] = React.useState('2019/04')\n function onChange(date, formatDate) {\n setFormatDate(formatDate)\n }\n return (\n <Row gutter={10}>\n <Col style={{ width: 200 }} fixed>\n <MonthPicker size=\"large\" onChange={onChange} placeholder=\"Select month\" />\n </Col>\n <Col style={{ width: 200 }} fixed>\n <MonthPicker disabled value={formatDate} placeholder=\"Select month\" />\n </Col>\n </Row>\n )\n}\nexport default Demo\n```\n\n## \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n if(current.date) {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}`,\n });\n } else {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }\n console.log('--\x3e>', initial, current);\n }}\n fields={{\n date: {\n labelClassName: 'fieldLabel',\n labelFor: 'date-inline',\n children: <MonthPicker id=\"date-inline\" />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <Row gutter={10}>\n <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u521d\u59cb\u65f6\u95f4\u503c \| Date \| - \|\n\| placeholder \| \u8f93\u5165\u6846\u63d0\u793a\u6587\u5b57 \| String \| - \|\n\| allowClear \| \u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae \| Boolean \| true \|\n\| format \| \u683c\u5f0f\u5316\u65f6\u95f4\uff0c\u89c4\u5219\u67e5\u770b [`formatter`](#/components/formatter) \u6587\u6863 \| String \| `YYYY/MM/DD` \|\n\| onChange \| \u9009\u62e9\u4e00\u5929\u65f6\u8c03\u7528\u3002 \| Function(Date, formatDate) \| - \|\n\| popoverProps \| \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<Popover>`](#/components/popover) \u7ec4\u4ef6 \| Object \| - \|\n\| pickerCaptionProps \| \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<DatePicker>`](#/components/date-picker) `PickerCaption` \u7ec4\u4ef6 \| [`PickerCaptionProps`](https://github.com/uiwjs/uiw/blob/207c787ed478ffb7205ecdf95754ad2c97bb69c9/packages/react-date-picker/src/DatePickerCaption.tsx#L18-L23) \| - \|\n\| disabled \| \u7ec4\u4ef6 [`<Input>`](#/components/input) \u7684\u5c5e\u6027\uff0c\u7981\u7528\u65e5\u5386 \| Boolean \| - \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [`<Input>`](#/components/input)\u3002\n"}}}]);
2	- //# sourceMappingURL=6889.9760ee32.chunk.js.map