@uiw/doc
Version:
UIW documentation website.
1 lines • 111 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2976],{4934:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=4934,e.exports=n},5301:(e,n,l)=>{"use strict";l.d(n,{Z:()=>f});var t=l(8573),a=l(6320),r=l(8563),o=l(7622),d=l(7937);const i={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=l(4760);function y(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:n}=e,l=/^http/.test(n||"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,c.jsxs)("div",{className:i.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",l&&(0,c.jsx)("a",{href:l,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(d.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(d.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(d.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(d.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(d.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const u=a.ZP.Preview,b=a.ZP.Code,k=a.ZP.Toolbar,s=e=>{var n,l;let{node:o,components:d,data:i,...y}=e;const s=(0,t.useRef)(null),{headings:f,headingsList:m,...p}=y;(0,t.useEffect)((()=>{if(s.current){const e=s.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(s.current,e)}}),[s]);const _=null===o||void 0===o||null===(n=o.position)||void 0===n?void 0:n.start.line,h=null===o||void 0===o||null===(l=o.data)||void 0===l?void 0:l.meta,E=(0,r.Mx)(h)||String(_),C=d["".concat(E)];if(E&&"function"===typeof C){const e=i[E].value||"",n=(0,r.aE)(h||"");return(0,c.jsxs)(a.ZP,{ref:s,children:[(0,c.jsx)(u,{style:{background:n.bg||"transparent"},children:(0,c.jsx)(C,{})}),(0,c.jsx)(k,{text:e,children:n.title||"Example"}),(0,c.jsx)(b,{children:(0,c.jsx)("pre",{...p})})]})}return(0,c.jsx)("code",{...p})};function f(e){return(0,c.jsxs)(t.Fragment,{children:[(0,c.jsx)(o.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:n=>(0,c.jsx)(s,{...e,...n})}}),(0,c.jsx)(y,{path:e.path})]})}},3411:(e,n,l)=>{"use strict";l.r(n),l.d(n,{default:()=>o});const t={components:{19:function(){var e,n=(e=l(8573))&&e.__esModule?e:{default:e},t=l(7937);var a=[{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(t.Row,{gutter:10},n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u5355\u9009"},n.default.createElement(t.Tree,{defaultExpandAll:!0,data:a,onExpand:function(e,n,l,t){console.log("onExpand",e,n,l,t)},onSelected:function(e,n,l,t){console.log("onSelected",e,n,l,t)}}))),n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u4e0d\u53d7\u63a7"},n.default.createElement(t.Tree,{autoExpandParent:!0,data:a,multiple:!0,onExpand:function(e,n,l,t){console.log(e,n,l,t)},onSelected:function(e,n,l,t){console.log(e,n,l,t)}}))),n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u53d7\u63a7"},n.default.createElement(t.Tree,{data:a,multiple:!0,checkStrictly:!0,onExpand:function(e,n,l,t){console.log(e,n,l,t)},onSelected:function(e,n,l,t){console.log(e,n,l,t)}})))))}}(),148:function(){var e,n=(e=l(8573))&&e.__esModule?e:{default:e},t=l(7937);var a=[{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(t.Row,{gutter:10},n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u6807\u9898\u4e2d\u6dfb\u52a0\u56fe\u6807"},n.default.createElement(t.Tree,{data:a,renderTitle:function(e,l){l.selected;var a=l.noChild;return n.default.createElement(n.default.Fragment,null,n.default.createElement(t.Icon,{style:{display:"-webkit-inline-box"},type:a?"smile-o":"apple"}),n.default.createElement("span",null,e.label))},onExpand:function(e,n,l,t){console.log(e,n,l,t)},onSelected:function(e,n,l,t){console.log(e,n,l,t)}}))),n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u66ff\u6362\u9ed8\u8ba4\u6298\u53e0\u56fe\u6807"},n.default.createElement(t.Tree,{data:a,icon:"right-circle-o",onExpand:function(e,n,l,t){console.log(e,n,l,t)},onSelected:function(e,n,l,t){console.log(e,n,l,t)}}))),n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807"},n.default.createElement(t.Tree,{data:a,iconAnimation:!1,icon:function(e,n){var l=n.isOpen,t=n.noChild;return l&&!t?"folder-open":t?"file-text":"folder"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,t){console.log(e,n,l,t)}})))))}}(),290:function(){var e,n=(e=l(8573))&&e.__esModule?e:{default:e},t=l(7937);var a=[{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(t.Tree,{data:a,selectedKeys:["0-1-1"],multiple:!0,isSelected:!1,checkStrictly:!0,renderTitle:function(e,l){var a=l.selected;return l.isHalfChecked?n.default.createElement(n.default.Fragment,null,n.default.createElement(t.Icon,{type:"minus-square-o",style:{color:"green"}})," ",n.default.createElement("span",null,e.label)):a?n.default.createElement(n.default.Fragment,null,n.default.createElement(t.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(t.Icon,{type:"square-o",style:{color:"#b6b6b6"}})," ",n.default.createElement("span",null,e.label))},onExpand:function(e,n,l,t){console.log(e,n,l,t)},onSelected:function(e,n,l,t){console.log(e,n,l,t)}}))}}(),402:function(){var e,n=(e=l(8573))&&e.__esModule?e:{default:e},t=l(7937);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function r(e,n){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),l.push.apply(l,t)}return l}function o(e){for(var n=1;n<arguments.length;n++){var l=null!=arguments[n]?arguments[n]:{};n%2?r(Object(l),!0).forEach((function(n){d(e,n,l[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):r(Object(l)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(l,n))}))}return e}function d(e,n,l){return(n=function(e){var n=function(e,n){if("object"!==a(e)||null===e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var t=l.call(e,n||"default");if("object"!==a(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===a(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}var i=[{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(t.Row,{gutter:10},n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u57fa\u7840\u4f7f\u7528"},n.default.createElement(t.Tree,{data:i}))),n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u81ea\u5b9a\u4e49\u56fe\u6807"},n.default.createElement(t.Tree,{data:i,renderTitle:function(e,l){l.selected;var a=l.noChild,r=l.disabledStyle;return n.default.createElement(n.default.Fragment,null,n.default.createElement(t.Icon,{style:o({display:"-webkit-inline-box"},r),type:a?"smile-o":"apple"}),n.default.createElement("span",{style:r},e.label))}}))),n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u81ea\u5b9a\u4e49\u9009\u4e2d\u6548\u679c"},n.default.createElement(t.Tree,{data:i,renderTitle:function(e,l){var a=l.selected,r=l.isHalfChecked,d=l.disabledStyle,i=l.disabledClass;return r?n.default.createElement(n.default.Fragment,null,n.default.createElement(t.Icon,{type:"minus-square-o",style:o({color:"green"},d)})," ",n.default.createElement("span",{className:i},e.label)):a?n.default.createElement(n.default.Fragment,null,n.default.createElement(t.Icon,{type:"check-square-o",style:o({color:"green"},d)})," ",n.default.createElement("span",{className:i},e.label)):n.default.createElement(n.default.Fragment,null,n.default.createElement(t.Icon,{type:"square-o",style:o({color:"#b6b6b6"},d)})," ",n.default.createElement("span",{className:i},e.label))}})))))}}(),530:function(){var e,n=(e=l(8573))&&e.__esModule?e:{default:e},t=l(7937);var a=[{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(t.Row,{gutter:10},n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807"},n.default.createElement(t.Tree,{data:a,showLine:!0,iconAnimation:!1,icon:function(e,n){var l=n.isOpen,t=n.noChild;return l&&!t?"folder-open":t?"file-text":"folder"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,t){console.log(e,n,l,t)}}))),n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807"},n.default.createElement(t.Tree,{data:a,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,t){console.log(e,n,l,t)}})))))}}(),657:function(){var e,n=(e=l(8573))&&e.__esModule?e:{default:e},t=l(7937);var a=[{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(t.Row,{gutter:10},n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u9ed8\u8ba4\u5c55\u5f00\u90e8\u5206"},n.default.createElement(t.Tree,{data:a,showLine:!0,openKeys:["0-0-0","0-1-0"],iconAnimation:!1,icon:function(e,n){var l=n.isOpen,t=n.noChild;return l&&!t?"folder-open":t?"file-text":"folder"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,t){console.log(e,n,l,t)}}))),n.default.createElement(t.Col,{fixed:!0},n.default.createElement(t.Card,{title:"\u5c55\u5f00\u6240\u6709"},n.default.createElement(t.Tree,{data:a,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,t){console.log(e,n,l,t)}})))))}}(),778:function(){var e,n=(e=l(8573))&&e.__esModule?e:{default:e},t=l(7937);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function r(e,n){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),l.push.apply(l,t)}return l}function o(e,n,l){return(n=function(e){var n=function(e,n){if("object"!==a(e)||null===e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var t=l.call(e,n||"default");if("object"!==a(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===a(n)?n:String(n)}(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(t.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?r(Object(l),!0).forEach((function(n){o(e,n,l[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):r(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 t=new Error;throw t.filed=l,t}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(t.Tree,{checkStrictly:!0,data:d})}}},(function(e){var l=e.fields,a=e.state,r=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(t.Row,null,n.default.createElement(t.Col,null,l.tree)),n.default.createElement(t.Row,null,n.default.createElement(t.Col,null,n.default.createElement(t.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(t.Row,null,n.default.createElement(t.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(a.current,null,2)))))}))}}()},data:{19:{name:19,meta:{bg:"#fff"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\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}];\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};\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;"},148:{name:148,meta:{bg:"#fff"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\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}];\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 if (isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\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};\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;"},290:{name:290,meta:{bg:"#fff"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\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}];\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 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 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 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};\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;"},402:{name:402,meta:{bg:"#fff"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\nvar _uiw = require(\"uiw\");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\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