@rc-component/tree-select
Version:
tree-select ui component for react
2 lines (1 loc) • 28.5 kB
JavaScript
"use strict";(self.webpackChunk_rc_component_tree_select=self.webpackChunk_rc_component_tree_select||[]).push([[433],{59558:function(z,v,e){e.r(v);var T=e(82100),_=e.n(T),s=e(29186),p=e.n(s),g=e(13720),a=e.n(g),R=e(80619),U=e.n(R),y=e(47074),A=e.n(y),K=e(85573),E=e.n(K),L=e(37205),l=e.n(L),I=e(55311),h=e(6701),t=e(96162),S=e(25240),u=e(63484),b=e(8645);function c(i){if(!i)return!1;for(var d=l()(b.gData);d.length;){var o=d.shift();if(o.value===i)return!o.children;o.children&&(d=d.concat(o.children))}return!1}function n(i,d){var o=[];function r(P,O){for(var N=0;N<O.length;N+=1){var m=O[N];if(P===m.value){o.push(m);return}if(m.children&&(r(P,m.children),o.length)){o.push(m);return}}}return r(i,d),o}var D=function(i){U()(o,i);var d=A()(o);function o(){var r;_()(this,o);for(var P=arguments.length,O=new Array(P),N=0;N<P;N++)O[N]=arguments[N];return r=d.call.apply(d,[this].concat(O)),E()(a()(r),"state",{tsOpen:!1,visible:!1,searchValue:"0-0-0-label",value:"0-0-0-value1",lv:{value:"0-0-0-value",label:"spe label"},multipleValue:[],simpleSearchValue:"test111",simpleTreeData:[{key:1,pId:0,label:"test1",value:"test1"},{key:121,pId:0,label:"test2",value:"test2"},{key:11,pId:1,label:"test11",value:"test11"},{key:12,pId:1,label:"test12",value:"test12"},{key:111,pId:11,label:"test111",value:"test111"}],treeDataSimpleMode:{id:"key",rootPId:0}}),E()(a()(r),"onClick",function(){r.setState({visible:!0})}),E()(a()(r),"onClose",function(){r.setState({visible:!1})}),E()(a()(r),"onSearch",function(m){for(var f,M=arguments.length,B=new Array(M>1?M-1:0),C=1;C<M;C++)B[C-1]=arguments[C];(f=console).log.apply(f,["Do Search:",m].concat(B)),r.setState({searchValue:m})}),E()(a()(r),"onChange",function(m){for(var f,M=arguments.length,B=new Array(M>1?M-1:0),C=1;C<M;C++)B[C-1]=arguments[C];(f=console).log.apply(f,["onChange",m].concat(B)),r.setState({value:m})}),E()(a()(r),"onChangeChildren",function(){for(var m,f=r.state.value,M=arguments.length,B=new Array(M),C=0;C<M;C++)B[C]=arguments[C];(m=console).log.apply(m,["onChangeChildren"].concat(B));var W=B[0],x=W?f:void 0;r.setState({value:c(W)?W:x})}),E()(a()(r),"onChangeLV",function(m){for(var f,M=arguments.length,B=new Array(M>1?M-1:0),C=1;C<M;C++)B[C-1]=arguments[C];if((f=console).log.apply(f,["labelInValue",m].concat(B)),!m){r.setState({lv:void 0});return}var W=n(m.value,b.gData).map(function(x){return x.label}).reverse().join(" > ");r.setState({lv:{value:m.value,label:W}})}),E()(a()(r),"onMultipleChange",function(m){console.log("onMultipleChange",m),r.setState({multipleValue:m})}),E()(a()(r),"onSelect",function(){for(var m=arguments.length,f=new Array(m),M=0;M<m;M++)f[M]=arguments[M];console.log(f)}),E()(a()(r),"onDropdownVisibleChange",function(m){var f=r.state.value;return console.log(m,f),Array.isArray(f)&&f.length>1&&f.length<3?(window.alert("please select more than two item or less than one item."),!1):!0}),E()(a()(r),"filterTreeNode",function(m,f){return String(f.props.title).indexOf(m)===0}),r}return p()(o,[{key:"render",value:function(){var P=this,O=this.state,N=O.visible,m=O.value,f=O.searchValue,M=O.tsOpen,B=O.multipleValue,C=O.lv,W=O.simpleTreeData,x=O.simpleSearchValue,$=O.treeDataSimpleMode;return t.createElement("div",{style:{margin:20}},t.createElement("h2",null,"tree-select in dialog"),t.createElement("button",{type:"button",className:"btn btn-primary",onClick:this.onClick},"show dialog"),N?t.createElement(I.default,{visible:N,animation:"zoom",maskAnimation:"fade",onClose:this.onClose},t.createElement("div",{style:{height:600,paddingTop:100}},t.createElement(u.default,{getPopupContainer:function(j){return j.parentNode},style:{width:300},transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",placeholder:t.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),showSearch:!0,allowClear:!0,treeLine:!0,value:m,treeData:b.gData,treeNodeFilterProp:"label",filterTreeNode:!1,onSearch:this.onSearch,onChange:this.onChange,onSelect:this.onSelect}))):null,t.createElement("h2",null,"single select"),t.createElement(u.default,{style:{width:300},transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",placeholder:t.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),showSearch:!0,allowClear:!0,treeLine:!0,searchValue:f,value:m,treeData:b.gData,treeNodeFilterProp:"label",filterTreeNode:!1,onSearch:this.onSearch,open:M,onChange:function(j){for(var G,V=arguments.length,X=new Array(V>1?V-1:0),F=1;F<V;F++)X[F-1]=arguments[F];(G=console).log.apply(G,["onChange",j].concat(X)),P.setState({value:j})},onDropdownVisibleChange:function(j){console.log("single onDropdownVisibleChange",j),P.setState({tsOpen:j})},onSelect:this.onSelect,onPopupScroll:function(j){console.log("onPopupScroll:",j.target)}}),t.createElement("h2",null,"single select (just select children)"),t.createElement(u.default,{style:{width:300},transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",placeholder:t.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),showSearch:!0,allowClear:!0,treeLine:!0,value:m,treeData:b.gData,treeNodeFilterProp:"label",filterTreeNode:!1,onChange:this.onChangeChildren}),t.createElement("h2",null,"multiple select"),t.createElement(u.default,{style:{width:300},transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",placeholder:t.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),multiple:!0,value:B,treeData:b.gData,treeNodeFilterProp:"title",onChange:this.onMultipleChange,onSelect:this.onSelect,allowClear:!0}),t.createElement("h2",null,"check select"),t.createElement(u.default,{open:!0,allowClear:!0,className:"check-select",transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",style:{width:300},popupAlign:{overflow:{adjustY:0,adjustX:0},offset:[0,2]},onDropdownVisibleChange:this.onDropdownVisibleChange,placeholder:t.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),treeLine:!0,maxTagTextLength:10,value:m,autoClearSearchValue:!0,treeData:b.gData,treeNodeFilterProp:"title",treeCheckable:!0,showCheckedStrategy:u.SHOW_PARENT,onChange:this.onChange,onSelect:this.onSelect,maxTagCount:"responsive",maxTagPlaceholder:function(j){return"".concat(j.length," rest...")}}),t.createElement("h2",null,"labelInValue & show path"),t.createElement(u.default,{style:{width:500},transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",placeholder:t.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),showSearch:!0,allowClear:!0,treeLine:!0,value:C,labelInValue:!0,treeData:b.gData,treeNodeFilterProp:"label",filterTreeNode:!1,onChange:this.onChangeLV}),t.createElement("h2",null,"use treeDataSimpleMode"),t.createElement(u.default,{style:{width:300},placeholder:t.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),maxTagTextLength:10,searchValue:x,onSearch:function(j){P.setState({simpleSearchValue:j})},value:m,treeData:W,treeNodeFilterProp:"title",treeDataSimpleMode:$,treeCheckable:!0,showCheckedStrategy:u.SHOW_PARENT,onChange:this.onChange,onSelect:function(){P.setState({simpleSearchValue:""}),P.onSelect.apply(P,arguments)}}),t.createElement("h2",null,"Testing in extreme conditions (Boundary conditions test) "),t.createElement(u.default,{style:{width:200},popupStyle:{maxHeight:200,overflow:"auto"},defaultValue:"leaf1",multiple:!0,treeCheckable:!0,showCheckedStrategy:u.SHOW_PARENT,treeDefaultExpandAll:!0,treeData:[{key:"",value:"",label:"empty value",children:[]},{key:"0",value:"0",label:"0 label",children:[{key:"00",value:"00",label:"00 label",children:[]},{key:"01",value:"01",label:"01 label",children:[]}]}],onChange:function(j){for(var G,V=arguments.length,X=new Array(V>1?V-1:0),F=1;F<V;F++)X[F-1]=arguments[F];return(G=console).log.apply(G,[j].concat(X))}}),t.createElement("h2",null,"use TreeNode Component (not recommend)"),t.createElement(u.default,{style:{width:200},defaultValue:"leaf1",treeDefaultExpandAll:!0,treeNodeFilterProp:"title",filterTreeNode:this.filterTreeNode,onChange:function(j){for(var G,V=arguments.length,X=new Array(V>1?V-1:0),F=1;F<V;F++)X[F-1]=arguments[F];return(G=console).log.apply(G,[j].concat(X))}},t.createElement(u.TreeNode,{value:"",title:"parent 1",key:""},t.createElement(u.TreeNode,{value:"parent 1-0",title:"parent 1-0",key:"0-1-0"},t.createElement(u.TreeNode,{value:"leaf1",title:"my leaf",key:"random"}),t.createElement(u.TreeNode,{value:"leaf2",title:"your leaf",key:"random1",disabled:!0})),t.createElement(u.TreeNode,{value:"parent 1-1",title:"parent 1-1",key:"0-1-1"},t.createElement(u.TreeNode,{value:"sss",title:t.createElement("span",{style:{color:"red"}},"sss"),key:"random3"}),t.createElement(u.TreeNode,{value:"same value1",title:"same txtle",key:"0-1-1-1"},t.createElement(u.TreeNode,{value:"same value10",title:"same titlexd",key:"0-1-1-1-0",style:{color:"red",background:"green"}})))),t.createElement(u.TreeNode,{value:"same value2",title:"same title",key:"0-2"},t.createElement(u.TreeNode,{value:"2same value",title:"2same title",key:"0-2-0"})),t.createElement(u.TreeNode,{value:"same value3",title:"same title",key:"0-3"})),t.createElement("h2",null,"title render"),t.createElement(u.default,{open:!0,style:{width:300},treeData:b.gData,treeTitleRender:function(j){return j.label+"ok"}}))}}]),o}(t.Component);v.default=D},42681:function(z,v,e){e.r(v);var T=e(37205),_=e.n(T),s=e(82100),p=e.n(s),g=e(29186),a=e.n(g),R=e(13720),U=e.n(R),y=e(80619),A=e.n(y),K=e(47074),E=e.n(K),L=e(85573),l=e.n(L),I=e(25240),h=e(96162),t=e(63484),S=e(31458),u=function(b){A()(n,b);var c=E()(n);function n(){var D;p()(this,n);for(var i=arguments.length,d=new Array(i),o=0;o<i;o++)d[o]=arguments[o];return D=c.call.apply(c,[this].concat(d)),l()(U()(D),"state",{gData:[],gData1:[],value:"",value1:""}),l()(U()(D),"onChange",function(r){console.log("onChange",r),D.setState({value:r})}),l()(U()(D),"onChangeStrictly",function(r){console.log("onChangeStrictly",r);var P=parseInt("".concat(Math.random()*3),10);r.push({value:"0-0-0-".concat(P,"-value"),label:"0-0-0-".concat(P,"-label"),halfChecked:!0}),D.setState({value1:r})}),l()(U()(D),"onGen",function(r){D.setState({gData:r,gData1:_()(r),value:"0-0-0-value",value1:[{value:"0-0-value",label:"0-0-label",halfChecked:!0},{value:"0-0-0-value",label:"0-0-0-label"}]})}),D}return a()(n,[{key:"render",value:function(){var i=this.state,d=i.value1,o=i.gData1,r=i.value,P=i.gData;return h.createElement("div",{style:{padding:"0 20px"}},h.createElement(S.default,{onGen:this.onGen}),h.createElement("div",{style:{display:"flex"}},h.createElement("div",{style:{marginRight:20}},h.createElement("h3",null,"normal check"),h.createElement(t.default,{style:{width:300},treeData:P,treeLine:!0,value:r,placeholder:h.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),treeCheckable:!0,showCheckedStrategy:t.SHOW_PARENT,onChange:this.onChange})),h.createElement("div",null,h.createElement("h3",null,"checkStrictly"),h.createElement(t.default,{style:{width:300},treeData:o,treeLine:!0,value:d,placeholder:h.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),treeCheckable:!0,treeCheckStrictly:!0,showCheckedStrategy:t.SHOW_PARENT,onChange:this.onChangeStrictly}))))}}]),n}(h.Component);v.default=u},6190:function(z,v,e){e.r(v);var T=e(82100),_=e.n(T),s=e(29186),p=e.n(s),g=e(13720),a=e.n(g),R=e(80619),U=e.n(R),y=e(47074),A=e.n(y),K=e(85573),E=e.n(K),L=e(25240),l=e(96162),I=e(6701),h=e(63484),t=function(S){U()(b,S);var u=A()(b);function b(){var c;_()(this,b);for(var n=arguments.length,D=new Array(n),i=0;i<n;i++)D[i]=arguments[i];return c=u.call.apply(u,[this].concat(D)),E()(a()(c),"state",{treeExpandedKeys:[]}),E()(a()(c),"onTreeExpand",function(d){c.setState({treeExpandedKeys:d})}),E()(a()(c),"treeExpandedKeys",function(){c.setState({treeExpandedKeys:["000","0-1-0"]})}),c}return p()(b,[{key:"render",value:function(){var n=this.state.treeExpandedKeys;return l.createElement("div",null,l.createElement("h2",null,"Conrolled treeExpandedKeys"),l.createElement(h.default,{style:{width:200},treeExpandedKeys:n,onTreeExpand:this.onTreeExpand},l.createElement(h.TreeNode,{value:"",title:"parent 1",key:"000"},l.createElement(h.TreeNode,{value:"parent 1-0",title:"parent 1-0",key:"0-1-0"},l.createElement(h.TreeNode,{value:"leaf1",title:"my leaf",key:"random"}),l.createElement(h.TreeNode,{value:"leaf2",title:"your leaf",key:"random1",disabled:!0})),l.createElement(h.TreeNode,{value:"parent 1-1",title:"parent 1-1",key:"0-1-1"},l.createElement(h.TreeNode,{value:"sss",title:l.createElement("span",{style:{color:"red"}},"sss"),key:"random3"}),l.createElement(h.TreeNode,{value:"same value1",title:"same txtle",key:"0-1-1-1"},l.createElement(h.TreeNode,{value:"same value10",title:"same titlexd",key:"0-1-1-1-0",style:{color:"red",background:"green"}})))),l.createElement(h.TreeNode,{value:"same value2",title:"same title",key:"0-2"},l.createElement(h.TreeNode,{value:"2same value",title:"2same title",key:"0-2-0"})),l.createElement(h.TreeNode,{value:"same value3",title:"same title",key:"0-3"})),l.createElement("button",{type:"button",onClick:this.treeExpandedKeys},"Set treeExpandedKeys"))}}]),b}(l.Component);v.default=t},54472:function(z,v,e){e.r(v);var T=e(95582),_=e.n(T),s=e(82242),p=e.n(s),g=e(25240),a=e(96162),R=e(6701),U=e(63484),y=e(8645),A="M632 888H392c-4.4 0-8 3.6-8 8v32c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-32c0-4.4-3.6-8-8-8zM512 64c-181.1 0-328 146.9-328 328 0 121.4 66 227.4 164 284.1V792c0 17.7 14.3 32 32 32h264c17.7 0 32-14.3 32-32V676.1c98-56.7 164-162.7 164-284.1 0-181.1-146.9-328-328-328z m127.9 549.8L604 634.6V752H420V634.6l-35.9-20.8C305.4 568.3 256 484.5 256 392c0-141.4 114.6-256 256-256s256 114.6 256 256c0 92.5-49.4 176.3-128.1 221.8z",K="M793 242H366v-74c0-6.7-7.7-10.4-12.9-6.3l-142 112c-4.1 3.2-4.1 9.4 0 12.6l142 112c5.2 4.1 12.9 0.4 12.9-6.3v-74h415v470H175c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-28.7 64-64V306c0-35.3-28.7-64-64-64z",E="M765.7 486.8L314.9 134.7c-5.3-4.1-12.9-0.4-12.9 6.3v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1c16.4-12.8 16.4-37.6 0-50.4z",L=function(n){var D=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return a.createElement("i",{style:D},a.createElement("svg",{viewBox:"0 0 1024 1024",width:"1em",height:"1em",fill:"currentColor",style:p()({verticalAlign:"-.125em"},i)},a.createElement("path",{d:n})))},l=function(n){return n.isLeaf?L(E,{cursor:"pointer",backgroundColor:"white"},{transform:"rotate(270deg)"}):L(E,{cursor:"pointer",backgroundColor:"white"},{transform:"rotate(".concat(n.expanded?90:0,"deg)")})},I=L(A),h=L(K),t=L(K),S={suffixIcon:I,clearIcon:h,removeIcon:t,switcherIcon:l},u={suffixIcon:function(){return I},clearIcon:function(){return h},removeIcon:function(){return t},switcherIcon:l};function b(){return a.createElement("div",{className:"custom-icon-demo"},a.createElement("h2",null,"Single"),a.createElement(U.default,_()({treeData:y.gData,placeholder:a.createElement("span",null,"Please Select"),transitionName:"rc-tree-select-dropdown-slide-up",style:{width:300},popupStyle:{maxHeight:200,overflow:"auto",zIndex:1500},showSearch:!0,allowClear:!0},S)),a.createElement("br",null),a.createElement("h2",null,"Multiple"),a.createElement(U.default,_()({treeData:y.gData,multiple:!0,placeholder:a.createElement("span",null,"Please Select"),transitionName:"rc-tree-select-dropdown-slide-up",style:{width:300},popupStyle:{maxHeight:200,overflow:"auto",zIndex:1500},showSearch:!0,allowClear:!0},u)))}v.default=b},83939:function(z,v,e){e.r(v);var T=e(95582),_=e.n(T),s=e(96162),p=e(63484),g=e(25240),a=[{key:"0",value:"0",title:"label0"},{key:"1",value:"1",title:"label1"}],R=function(y){return s.createElement(p.default,_()({treeData:a,labelInValue:!0},y))};v.default=function(){return R({maxTagCount:1,defaultValue:{value:"0",label:"2333"}})}},38228:function(z,v,e){e.r(v);var T=e(82100),_=e.n(T),s=e(29186),p=e.n(s),g=e(13720),a=e.n(g),R=e(80619),U=e.n(R),y=e(47074),A=e.n(y),K=e(85573),E=e.n(K),L=e(25240),l=e(96162),I=e(63484),h=I.default.SHOW_PARENT,t=[{label:"Node1",value:"0-0",key:"0-0",children:[{label:"Child Node1",value:"0-0-0",key:"0-0-0"}]},{label:"Node2",value:"0-1",key:"0-1",children:[{label:"Child Node3",value:"0-1-0",key:"0-1-0"},{label:"Child Node4",value:"0-1-1",key:"0-1-1"},{label:"Child Node5",value:"0-1-2",key:"0-1-2"}]}],S=function(u){U()(c,u);var b=A()(c);function c(){var n;_()(this,c);for(var D=arguments.length,i=new Array(D),d=0;d<D;d++)i[d]=arguments[d];return n=b.call.apply(b,[this].concat(i)),E()(a()(n),"state",{value:["0-0-0"],disabled:!1}),E()(a()(n),"onChange",function(o){for(var r=arguments.length,P=new Array(r>1?r-1:0),O=1;O<r;O++)P[O-1]=arguments[O];console.log("onChange ",o,P),n.setState({value:o})}),E()(a()(n),"switch",function(o){n.setState({disabled:o})}),n}return p()(c,[{key:"render",value:function(){var D=this,i=this.state,d=i.disabled,o=i.value,r={treeData:t,disabled:d,value:o,onChange:this.onChange,multiple:!0,allowClear:!0,treeCheckable:!0,showCheckedStrategy:h,style:{width:300}};return l.createElement("div",null,l.createElement(I.default,r),l.createElement("input",{type:"checkbox",onChange:function(O){return D.switch(O.target.checked)}})," \u7981\u7528")}}]),c}(l.Component);v.default=S},19890:function(z,v,e){e.r(v);var T=e(82100),_=e.n(T),s=e(29186),p=e.n(s),g=e(13720),a=e.n(g),R=e(80619),U=e.n(R),y=e(47074),A=e.n(y),K=e(85573),E=e.n(K),L=e(25240),l=e(96162),I=e(63484),h=e(8645);function t(){return[{label:"pNode 01",value:"0-0",key:"0-0"},{label:"pNode 02",value:"0-1",key:"0-1"},{label:"pNode 03",value:"0-2",key:"0-2",isLeaf:!0}]}var S=function(u){U()(c,u);var b=A()(c);function c(){var n;_()(this,c);for(var D=arguments.length,i=new Array(D),d=0;d<D;d++)i[d]=arguments[d];return n=b.call.apply(b,[this].concat(i)),E()(a()(n),"state",{treeData:t(),value:{value:"0-0-0-value",label:"0-0-0-label"},loadedKeys:[]}),E()(a()(n),"onChange",function(o){console.log(o),n.setState({value:o})}),E()(a()(n),"loadData",function(o){return console.log("trigger load:",o),new Promise(function(r){setTimeout(function(){var P=n.state.treeData;P=P.slice(),(0,h.getNewTreeData)(P,o.props.eventKey,(0,h.generateTreeNodes)(o),2),n.setState({treeData:P}),r()},500)})}),E()(a()(n),"onTreeLoad",function(o){n.setState({loadedKeys:o})}),E()(a()(n),"onResetTree",function(){n.setState({treeData:t()})}),E()(a()(n),"onResetLoadedKeys",function(){n.setState({loadedKeys:[]})}),n}return p()(c,[{key:"render",value:function(){var D=this.state,i=D.treeData,d=D.value,o=D.loadedKeys;return l.createElement("div",{style:{padding:"10px 30px"}},l.createElement("h2",null,"dynamic render"),l.createElement(I.default,{style:{width:300},treeData:i,labelInValue:!0,value:d,onChange:this.onChange,loadData:this.loadData}),l.createElement("h2",null,"Controlled"),l.createElement(I.default,{style:{width:300},treeData:i,labelInValue:!0,showSearch:!0,value:d,treeLoadedKeys:o,onChange:this.onChange,loadData:this.loadData,onTreeLoad:this.onTreeLoad}),l.createElement("button",{type:"button",onClick:this.onResetTree},"Reset Tree"),l.createElement("button",{type:"button",onClick:this.onResetLoadedKeys},"Reset LoadedKeys"))}}]),c}(l.Component);E()(S,"propTypes",{}),v.default=S},80981:function(z,v,e){e.r(v);var T=e(25240),_=e(96162),s=e(6701),p=e(63484);v.default=function(){return _.createElement("div",null,_.createElement("h2",null,"basic"),_.createElement(p.default,{treeDefaultExpandAll:!0,treeData:[{myLabel:"Parent",myValue:"parent",myChildren:[{myLabel:"Sub 1",myValue:"sub_1"},{myLabel:"Sub 2",myValue:"sub_2"}]}],fieldNames:{label:"myLabel",value:"myValue",children:"myChildren"}}),_.createElement("h2",null,"title render"),_.createElement(p.default,{treeDefaultExpandAll:!0,treeTitleRender:function(a){return _.createElement("span",null,a.myLabel)},treeData:[{myLabel:"Parent",myValue:"parent",myChildren:[{myLabel:"Sub 1",myValue:"sub_1"},{myLabel:"Sub 2",myValue:"sub_2"}]}],fieldNames:{label:"myLabel",value:"myValue",children:"myChildren"}}))}},76595:function(z,v,e){e.r(v);var T=e(82100),_=e.n(T),s=e(29186),p=e.n(s),g=e(13720),a=e.n(g),R=e(80619),U=e.n(R),y=e(47074),A=e.n(y),K=e(85573),E=e.n(K),L=e(25240),l=e(96162),I=e(63484),h=e(8645);console.log("TreeData:",h.gData);var t=function(S){U()(b,S);var u=A()(b);function b(){var c;_()(this,b);for(var n=arguments.length,D=new Array(n),i=0;i<n;i++)D[i]=arguments[i];return c=u.call.apply(u,[this].concat(D)),E()(a()(c),"state",{value:"11",simpleTreeData:[{key:1,pId:0,label:"a",value:"a"},{key:11,pId:1,label:"a12",value:"a12",disabled:!0},{key:111,pId:11,label:"a00",value:"a00",selectable:!1},{key:2,pId:0,label:"b",value:"b"},{key:20,pId:2,label:"b10",value:"b10"},{key:21,pId:2,label:"b1",value:"b1"},{key:22,pId:2,label:"b12",value:"b12"}],treeDataSimpleMode:{id:"key",rootPId:0}}),E()(a()(c),"onChange",function(d){var o=c.state.simpleTreeData;d.length,console.log("onChange",d,o),c.setState({value:d})}),E()(a()(c),"onSelect",function(){}),E()(a()(c),"onDataChange",function(){var d=c.state.simpleTreeData,o=d.slice();o.forEach(function(r){r.key===11&&delete r.disabled,r.key===20&&(r.disabled=!0)}),c.setState({simpleTreeData:o})}),c}return p()(b,[{key:"render",value:function(){var n=this.state,D=n.value,i=n.simpleTreeData,d=n.treeDataSimpleMode;return l.createElement("div",{style:{margin:20}},l.createElement("h2",null,"check select"),l.createElement(I.default,{style:{width:300},transitionName:"rc-tree-select-dropdown-slide-up",choiceTransitionName:"rc-tree-select-selection__choice-zoom",placeholder:l.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),treeLine:!0,maxTagTextLength:10,value:D,treeData:h.gData,treeNodeFilterProp:"title",treeCheckable:!0,onChange:this.onChange,onSelect:this.onSelect}),l.createElement("h2",null,"use treeDataSimpleMode"),l.createElement(I.default,{style:{width:300},popupStyle:{maxHeight:200,overflow:"auto"},placeholder:l.createElement("i",null,"\u8BF7\u4E0B\u62C9\u9009\u62E9"),treeLine:!0,maxTagTextLength:10,inputValue:null,value:D,treeData:i,treeDefaultExpandAll:!0,treeNodeFilterProp:"title",treeDataSimpleMode:d,treeCheckable:!0,showCheckedStrategy:I.SHOW_PARENT,onChange:this.onChange,onSelect:this.onSelect}),l.createElement("button",{type:"button",onClick:this.onDataChange},"change data"))}}]),b}(l.Component);v.default=t},23576:function(z,v,e){e.r(v);var T=e(79800),_=e.n(T),s=e(95582),p=e.n(s),g=e(82100),a=e.n(g),R=e(29186),U=e.n(R),y=e(13720),A=e.n(y),K=e(80619),E=e.n(K),L=e(47074),l=e.n(L),I=e(85573),h=e.n(I),t=e(96162),S=e(28853),u=e(7866),b=e(63484),c=e(70624),n=e(25240),D=e(8645),i=S.default.Option,d={border:"1px solid red",marginTop:10,padding:10},o={color:"red",marginTop:10,padding:10},r=function(O){E()(m,O);var N=l()(m);function m(){var f;a()(this,m);for(var M=arguments.length,B=new Array(M),C=0;C<M;C++)B[C]=arguments[C];return f=N.call.apply(N,[this].concat(B)),h()(A()(f),"onChange",function(W){for(var x,$=arguments.length,H=new Array($>1?$-1:0),j=1;j<$;j++)H[j-1]=arguments[j];(x=console).log.apply(x,[W].concat(H));var G=A()(f),V=G.props;V.onChange&&V.onChange(W)}),f}return U()(m,[{key:"render",value:function(){return t.createElement(b.default,p()({},this.props,{onChange:this.onChange}))}}]),m}(t.Component),P=function(){var N=(0,u.useForm)(),m=_()(N,1),f=m[0],M=function(x){console.log("Submit:",x)},B=function(){f.resetFields()},C={multiple:!0,treeData:D.gData,treeCheckable:!0};return t.createElement("div",{style:{margin:20}},t.createElement("h2",null,"validity"),t.createElement(u.default,{form:f,onFinish:M,initialValues:{"tree-select":["0-0-0-value"],"tree-select1":["0-0-0-value"],select:["jack"]}},t.createElement("div",{style:d},t.createElement("div",null,t.createElement("p",{style:{color:"blue"}},"no onChange"),t.createElement(u.Field,{name:"tree-select",rules:[{required:!0,type:"array",message:"tree-select \u9700\u8981\u5FC5\u586B"}]},function(W,x){var $=x.errors;return t.createElement("div",null,t.createElement(b.default,p()({},C,W,{style:{width:300}})),t.createElement("p",{style:o},$.join(",")))}))),t.createElement("div",{style:d},t.createElement("div",null,t.createElement("p",{style:{color:"blue"}},"custom onChange"),t.createElement(u.Field,{name:"tree-select1",rules:[{required:!0,type:"array",message:"tree-select1 \u9700\u8981\u5FC5\u586B"}]},function(W,x){var $=x.errors;return t.createElement("div",null,t.createElement(r,p()({},C,W,{style:{width:300}})),t.createElement("p",{style:o},$.join(",")))}))),t.createElement("div",{style:d},t.createElement("div",null,t.createElement(u.Field,{name:"select",rules:[{required:!0,type:"array",message:"select \u9700\u8981\u5FC5\u586B"}]},function(W,x){var $=x.errors;return t.createElement("div",null,t.createElement(S.default,p()({style:{width:200}},W,{allowClear:!0,mode:"multiple"}),t.createElement(i,{value:"jack"},"jack"),t.createElement(i,{value:"lucy"},"lucy"),t.createElement(i,{value:"disabled",disabled:!0},"disabled"),t.createElement(i,{value:"yiminghe"},"yiminghe")),t.createElement("p",{style:o},$.join(",")))}))),t.createElement("div",{style:d},t.createElement("button",{type:"button",onClick:B},"reset"),"\xA0",t.createElement("input",{type:"submit",value:"submit"}))))};v.default=P},54129:function(z,v,e){e.r(v);var T=e(79800),_=e.n(T),s=e(96162),p=e(63484);v.default=function(){var g=(0,s.useState)(["1"]),a=_()(g,2),R=a[0],U=a[1],y=(0,s.useState)(["1"]),A=_()(y,2),K=A[0],E=A[1],L=[{key:"1",value:"1",title:"1",children:[{key:"1-1",value:"1-1",title:"1-1"},{key:"1-2",value:"1-2",title:"1-2",disabled:!0,children:[{key:"1-2-1",value:"1-2-1",title:"1-2-1",disabled:!0},{key:"1-2-2",value:"1-2-2",title:"1-2-2"}]},{key:"1-3",value:"1-3",title:"1-3"}]},{key:"2",value:"2",title:"2"},{key:"3",value:"3",title:"3"},{key:"4",value:"4",title:"4"}],l=function(t){U(t)},I=function(t){E(t)};return s.createElement(s.Fragment,null,s.createElement("h2",null,"multiple with maxCount"),s.createElement(p.default,{style:{width:300},fieldNames:{value:"value",label:"title"},multiple:!0,maxCount:3,treeData:L}),s.createElement("h2",null,"checkable with maxCount"),s.createElement(p.default,{style:{width:300},treeCheckable:!0,maxCount:4,treeData:L,onChange:l,value:R}),s.createElement("h2",null,"checkable with maxCount and treeCheckStrictly"),s.createElement(p.default,{style:{width:300},multiple:!0,treeCheckable:!0,treeCheckStrictly:!0,maxCount:3,treeData:L,onChange:I,value:K}))}},89658:function(z,v,e){e.r(v);var T=e(25240),_=e(96162),s=e(63484),p=[{title:"a list is option only",showTitle:"Node2",value:"0-1"}];function g(){return _.createElement(_.Fragment,null,_.createElement(s.default,{style:{width:"100%"},treeDefaultExpandAll:!0,treeData:p,treeNodeLabelProp:"showTitle"}),_.createElement(s.default,{style:{width:"100%"},treeDefaultExpandAll:!0,treeNodeLabelProp:"showTitle"},_.createElement(s.TreeNode,{value:"0-0",title:"a list is option only",showTitle:"Node2"})))}v.default=g},36112:function(z,v,e){e.r(v);var T=e(25240),_=e(96162),s=e(63484);function p(){return _.createElement(s.default,{style:{width:120},dropdownMatchSelectWidth:!1,treeDefaultExpandAll:!0},_.createElement(s.TreeNode,{value:"parent 1",title:"parent 1"},_.createElement(s.TreeNode,{value:"parent 1-0 sdfsdfsdsdfsd",title:"parent 1-0 sdfsdfsd"},_.createElement(s.TreeNode,{value:"leaf1 sdfsdf",title:"leaf1"}),_.createElement(s.TreeNode,{value:"leaf2 sdfsdfsdf",title:"leaf2"})),_.createElement(s.TreeNode,{value:"parent 1-1 sdfsdfsdf",title:"parent 1-1 sdfsdfsd"},_.createElement(s.TreeNode,{value:"leaf3",title:_.createElement("b",{style:{color:"#08c"}},"leaf3")})),_.createElement(s.TreeNode,{value:"parent 1-2 sdfsdfsdf",title:"parent 1-2 sdfsdfsd"},_.createElement(s.TreeNode,{value:"leaf3",title:_.createElement("b",{style:{color:"#08c"}},"leaf3")})),_.createElement(s.TreeNode,{value:"parent 1-3 sdfsdfsdf",title:"parent 1-2 sdfsdfsd"},_.createElement(s.TreeNode,{value:"leaf3",title:_.createElement("b",{style:{color:"#08c"}},"leaf3")})),_.createElement(s.TreeNode,{value:"parent 1-4 sdfsdfsdf",title:"parent 1-4 sdfsdfsd"},_.createElement(s.TreeNode,{value:"leaf3",title:_.createElement("b",{style:{color:"#08c"}},"leaf3")})),_.createElement(s.TreeNode,{value:"parent 1-5 2sdfsdfsdf",title:"parent 1-5 sdfsdfsd"},_.createElement(s.TreeNode,{value:"leaf3",title:_.createElement("b",{style:{color:"#08c"}},"leaf3")}))))}v.default=p}}]);