vue-devui 1.0.0-alpha.6 → 1.0.0-beta.12

package/tree/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const n={data:{type:Array,required:!0,default:()=>[]}},a=(e,t="children")=>e.reduce(((e,n)=>n[t]?e.concat(n,a(n[t],t)):e.concat(n)),[]);const l="devui-tree_isDisabledNode";var i=t.defineComponent({name:"DTreeNodeContent",props:{node:{type:Object,required:!0}},setup(e){const n=t.inject("treeRoot");return()=>{const a=e.node,{disabled:l,label:i}=a;return n.ctx.slots.default?n.ctx.slots.default({node:a}):t.createVNode("span",{class:["devui-tree-node__title",l&&"select-disabled"]},[i])}}}),o=t.defineComponent({name:"DTree",props:n,emits:[],setup(e,n){const{data:o}=t.toRefs(e);a(o.value);const{mergeData:d}=function(e){const n=(e,t="children",a="label")=>{const{[t]:l,[a]:i}=e;return Array.isArray(l)&&1===l.length&&l[0][t]&&1===l[0][t].length?n(Object.assign({},l[0],{[a]:`${i} \\ ${l[0][a]}`})):e},a=(e,t=0,l="children",i="label")=>e.map((e=>{const{[l]:o}=e;if(!Array.isArray(o)||!o.length)return Object.assign({},e,{level:t+1});let d=e;return 1===o.length&&(d=n(e)),Object.assign({},d,{[l]:a(d[l],t+1,l,i),level:t+1})}));return{mergeData:t.ref(a(e))}}(o.value),{openedData:c,toggle:s}=function(e){const n=e=>e.reduce(((e,t)=>t.open?e.concat(t,n(t.children)):e.concat(t)),[]),a=t.ref(n(e));return{openedData:a,toggle:(t,l)=>{t.stopPropagation(),l.children&&(l.open=!l.open,a.value=n(e))}}}(d.value),{nodeClassNameReflect:r,handleInitNodeClassNameReflect:I,handleClickOnNode:u}=(()=>{const e=t.ref({});return{nodeClassNameReflect:e,handleClickOnNode:t=>{e.value[t]!==l&&(e.value=Object.fromEntries(Object.entries(e.value).map((([e])=>[e,e===t?"active":""]))))},handleInitNodeClassNameReflect:(t=!1,...n)=>{const a=n.join("-");return e.value[a]=t?l:e.value[a]||"",a}}})();t.provide("treeRoot",{ctx:n,props:e});const g=()=>t.createVNode("span",{style:"display: inline-block; width: 16px; height: 16px;"},null);return()=>t.createVNode("div",{class:"devui-tree"},[c.value.map((e=>(e=>{const{key:n="",label:a,disabled:l,open:o,level:d,children:c}=e,y=I(l,n,a);return t.createVNode("div",{class:["devui-tree-node",o&&"devui-tree-node__open"],style:{paddingLeft:24*(d-1)+"px"}},[t.createVNode("div",{class:`devui-tree-node__content ${r.value[y]}`,onClick:()=>u(y)},[t.createVNode("div",{class:"devui-tree-node__content--value-wrapper"},[c?o?t.createVNode("data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",{class:"mr-xs",onClick:t=>s(t,e)},null):t.createVNode("data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",{class:"mr-xs",onClick:t=>s(t,e)},null):t.createVNode(g,null,null),t.createVNode(i,{node:e},null)])])])})(e)))])}});o.install=function(e){e.component(o.name,o)};var d={title:"Tree 树",category:"数据展示",status:"20%",install(e){e.use(o)}};e.Tree=o,e.default=d,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var De=Object.defineProperty,je=Object.defineProperties;var Te=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var Ve=Object.prototype.hasOwnProperty,Ae=Object.prototype.propertyIsEnumerable;var M=(y,e,N)=>e in y?De(y,e,{enumerable:!0,configurable:!0,writable:!0,value:N}):y[e]=N,k=(y,e)=>{for(var N in e||(e={}))Ve.call(e,N)&&M(y,N,e[N]);if(G)for(var N of G(e))Ae.call(e,N)&&M(y,N,e[N]);return y},V=(y,e)=>je(y,Te(e));var D=(y,e,N)=>(M(y,typeof e!="symbol"?e+"":e,N),N);(function(y,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis!="undefined"?globalThis:y||self,e(y.index={},y.Vue))})(this,function(y,e){"use strict";const N={data:{type:Array,required:!0,default:()=>[]},checkable:{type:Boolean,default:!1},checkableRelation:{type:String,default:"none"}},J={none:{},half:{halfchecked:!0},select:{checked:!0}},R=(t,l="children")=>t.reduce((n,a)=>a[l]?n.concat(a,R(a[l],l)):n.concat(a),[]),O=()=>(Math.random()*10**9).toString().slice(0,8),Y=(t,l)=>{const n=O();return console.info("randomStr: ",n),V(k({},t),{id:l?`${l}_${n}`:n})},Q=t=>{const l=t.split("_");return[...l.slice(0,l.length),O()].join("_")},z=(t,l)=>t.map(n=>{const a=Y(n,l);return n.children?V(k({},a),{children:z(n.children,a.id)}):a}),x=(t,l,n=0)=>{const a=t.slice(0,n+2).join("_");return l.forEach(o=>{o.id===t.slice(0,n+1).join("_")&&(t.length===n+2?o.children=o.children.filter(({id:d})=>d!==a):o.children=x(t,o.children,n+1))}),l},q=(t,l)=>t.includes("_")?x(t.split("_"),l):l.filter(({id:n})=>n!==t),X=Symbol("dev_component_container");function ee(t,l,n=null){const a=e.h(t,k({},l),n),o=document.createElement("div");return a[X]=o,e.render(a,o),a.component}class Z{constructor(){D(this,"top","50%");D(this,"left","50%")}}const te={message:String,backdrop:Boolean,view:{type:Object,default:()=>new Z},zIndex:Number,isFull:{type:Boolean,default:!1}};class ne{constructor(){D(this,"target");D(this,"message");D(this,"loadingTemplateRef");D(this,"backdrop",!0);D(this,"positionType","relative");D(this,"view",new Z);D(this,"zIndex")}}var Le="",le=e.defineComponent({name:"DLoading",inheritAttrs:!1,props:te,setup(t){const l={top:t.view.top,left:t.view.left,zIndex:t.zIndex};t.message||(l.background="none");const n=e.ref(!1);return{style:l,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var c;const{isShow:t,isFull:l,backdrop:n,style:a,message:o,$slots:d}=this;return t&&e.createVNode("div",{class:["devui-loading-contanier",l?"devui-loading--full":""]},[((c=d.default)==null?void 0:c.call(d))||e.createVNode("div",{class:"devui-loading-wrapper"},[n?e.createVNode("div",{class:"devui-loading-mask"},null):null,e.createVNode("div",{style:a,class:"devui-loading-area"},[e.createVNode("div",{class:"devui-busy-default-spinner"},[e.createVNode("div",{class:"devui-loading-bar1"},null),e.createVNode("div",{class:"devui-loading-bar2"},null),e.createVNode("div",{class:"devui-loading-bar3"},null),e.createVNode("div",{class:"devui-loading-bar4"},null)]),o?e.createVNode("span",{class:"devui-loading-text"},[o]):null])])])}});const ae=e.defineComponent(le),B=new WeakMap,oe={open(t={}){const l=t.target||document.body;if(B.has(l))return B.get(l);l.style.position=t.positionType;const n=document.body===l;t=k(k({},new ne),t);const a=ee(ae,V(k({},t),{isFull:n}),t.loadingTemplateRef?()=>t.loadingTemplateRef:null);B.set(l,a),a.proxy.open(),l.appendChild(a.proxy.$el);const o=a.proxy.close;return a.loadingInstance=a.proxy,a.loadingInstance.close=(...d)=>{B.delete(l),o(...d)},a}};var Be="";const de=V(k({},{name:{type:String,default:void 0},halfchecked:{type:Boolean,default:!1},isShowTitle:{type:Boolean,default:!0},title:{type:String},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}}),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),ce=Symbol("d-checkbox-group");var ie=e.defineComponent({name:"DCheckbox",props:de,emits:["change","update:checked","update:modelValue"],setup(t,l){const n=e.inject(ce,null),a=e.computed(()=>t.checked||t.modelValue),o=e.computed(()=>(n==null?void 0:n.disabled.value)||t.disabled),d=e.computed(()=>{var r,b;return(b=(r=n==null?void 0:n.isItemChecked)==null?void 0:r.call(n,t.value))!=null?b:a.value}),c=e.computed(()=>{var r;return(r=n==null?void 0:n.isShowTitle.value)!=null?r:t.isShowTitle}),g=e.computed(()=>{var r;return(r=n==null?void 0:n.showAnimation.value)!=null?r:t.showAnimation}),I=e.computed(()=>{var r;return(r=n==null?void 0:n.color.value)!=null?r:t.color}),s=n==null?void 0:n.itemWidth.value,i=n==null?void 0:n.direction.value,u=(r,b)=>{var S;if(o.value)return Promise.resolve(!1);const p=(S=t.beforeChange)!=null?S:n==null?void 0:n.beforeChange;if(p){const C=p(r,b);return typeof C=="boolean"?Promise.resolve(C):C}return Promise.resolve(!0)},f=()=>{const r=!a.value;n==null||n.toggleGroupVal(t.value),l.emit("update:checked",r),l.emit("update:modelValue",r),l.emit("change",r)};return{itemWidth:s,direction:i,mergedColor:I,mergedDisabled:o,mergedIsShowTitle:c,mergedChecked:d,mergedShowAnimation:g,handleClick:()=>{u(!a.value,t.label).then(r=>r&&f())}}},render(){var L;const{itemWidth:t,direction:l,mergedChecked:n,mergedDisabled:a,mergedIsShowTitle:o,mergedShowAnimation:d,halfchecked:c,title:g,label:I,handleClick:s,name:i,value:u,mergedColor:f,$slots:h}=this,r={"devui-checkbox-column-margin":l==="column","devui-checkbox-wrap":typeof t!="undefined"},b=t?[`width: ${t}px`]:[],p={"devui-checkbox":!0,active:n,halfchecked:c,disabled:a,unchecked:!n},S=o?g||I:"",C=f&&c||f?`linear-gradient(${f}, ${f})`:"",j=[`border-color:${(n||c)&&f?f:""}`,`background-image:${C}`,`background-color:${f&&c?f:""}`],T={"devui-checkbox-material":!0,"custom-color":f,"devui-checkbox-no-label":!I&&!h.default,"devui-no-animation":!d,"devui-checkbox-default-background":!c},v={"devui-tick":!0,"devui-no-animation":!d},m=P=>P.stopPropagation(),H={indeterminate:c};return e.createVNode("div",{class:r,style:b},[e.createVNode("div",{class:p},[e.createVNode("label",{title:S,onClick:s},[e.createVNode("input",e.mergeProps({name:i||u,class:"devui-checkbox-input",type:"checkbox"},H,{checked:n,disabled:a,onClick:m,onChange:m}),null),e.createVNode("span",{style:j,class:T},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:v},null)])])]),I||((L=h.default)==null?void 0:L.call(h))])])])}});function re(t){const l=o=>o.reduce((d,c)=>c.open?d.concat(c,l(c.children)):d.concat(c),[]),n=e.ref(l(t.value));return e.watch(()=>t.value,o=>n.value=l(o),{deep:!0}),{openedData:n,toggle:(o,d)=>{o.stopPropagation(),!!d.children&&(d.open=!d.open,n.value=l(t.value))}}}function se(t){const l=(o,d="children",c="label")=>{const{[d]:g,[c]:I}=o;return Array.isArray(g)&&g.length===1&&g[0][d]&&g[0][d].length===1?l(Object.assign({},g[0],{[c]:`${I} \\ ${g[0][c]}`})):o},n=(o,d=0,c="children",g="label")=>o.map(I=>{const{[c]:s}=I;if(!Array.isArray(s)||!s.length)return Object.assign({},I,{level:d+1});let i=I;return s.length===1&&(i=l(I)),Object.assign({},i,{[c]:n(i[c],d+1,c,g),level:d+1})});return{mergeData:e.ref(n(t))}}const ue="active",_="devui-tree_isDisabledNode",ge=()=>{const t=e.ref({}),l=e.ref("");return{nodeClassNameReflect:t,handleClickOnNode:o=>{t.value[o]!==_&&l.value!==o&&(l.value&&(t.value[l.value]=""),t.value[o]=ue,l.value=o)},handleInitNodeClassNameReflect:(o=!1,...d)=>{const c=d.join("-");return t.value[c]=o?_:t.value[c]||"",c}}};function fe(t,l,n){const a=e.ref({}),o=R(n),d=I=>{const s=n;let i={},u=[],f;const h=(r,b)=>{r.every(({children:p,id:S})=>f?!1:S===I?(i=b,u=Array.isArray(p)?R(p).map(({id:C})=>C):[],f=S,!1):(Array.isArray(p)&&h(p,{id:S,children:p.map(({id:C})=>C),parent:b}),!0))};return h(s,{}),{parentLevel:i,childLevel:u}},c=(I,s,i)=>{const u={},f=e.unref(a),h=(r,b=!1)=>{const{id:p,children:S,parent:C}=r;if(!!C)if(s){const j=S.filter(T=>!f[T]||f[T]==="none");j.length<=1?j[0]===i?u[p]="select":b&&(u[p]="half"):u[p]="half",h(C,u[p]==="select")}else{const j=S.filter(T=>f[T]&&f[T]!=="none");j.length<=1?(j[0]===i||b)&&(u[p]="none"):u[p]="half",h(C,u[p]==="none")}};return h(I),u};return{selected:a,onNodeClick:I=>{const{id:s}=I;let i=Object.assign({},e.unref(a));const u=i[s]==="none"||!i[s];if(t.value==="none")i=Object.assign(i,{[s]:u?"select":"none"});else if(t.value==="both"){const{parentLevel:h,childLevel:r}=d(s);i=Object.assign(i,Object.fromEntries(r.map(b=>[b,u?"select":"none"])),c(h,u,s),{[s]:u?"select":"none"})}else if(t.value==="upward"){const{parentLevel:h}=d(s);i=Object.assign(i,c(h,u,s),{[s]:u?"select":"none"})}else if(t.value==="downward"){const{childLevel:h}=d(s);i=Object.assign(i,Object.fromEntries(h.map(r=>[r,u?"select":"none"])),{[s]:u?"select":"none"})}a.value=i;const f=o.filter(({id:h})=>i[h]&&i[h]!=="none");l.emit("nodeSelected",f)}}}const he=()=>{const t=e.ref({});return{lazyNodesReflect:t,handleInitLazyNodeReflect:(a,o)=>{var c;if(!a.isParent)return;((c=t.value[o.id])==null?void 0:c.id.toString())||(t.value[o.id]=V(k({},o),{loadingTargetId:`devui-tree_loadingTemplate-${o.id}`,dataSource:null}))},getLazyData:async a=>{const o=t.value[a];if(o.dataSource)return o.dataSource;const d=t.value[a].renderLoading(t.value[a].loadingTargetId);try{t.value[a].dataSource=await o.onGetNodeData()}catch(c){console.error(c)}finally{d.loadingInstance.close()}return t.value[a].dataSource}}},Ie=(t,l)=>{const n=d=>l.handleAdd(),a=d=>l.handleEdit(),o=d=>l.handleDelete();return e.createVNode(e.Fragment,null,[l.addable&&e.createVNode("span",{class:"op-icons icon icon-add",onClick:n},null),l.editable&&e.createVNode("span",{class:"op-icons icon icon-edit",onClick:a},null),l.deletable&&e.createVNode("span",{class:"op-icons icon icon-close",onClick:o},null)])},pe=t=>{const l=e.ref([]),n=e.ref({});return{operateIconReflect:l,editStatusReflect:n,handleReflectIdToIcon:(o,d)=>{l.value.every(({id:g})=>g!=o)&&(n.value[o]=!1,l.value.push({id:o,renderIcon:g=>Ie(g,d)}))}}};var ye="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",ve="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",me=e.defineComponent({name:"DTreeNodeContent",props:{node:{type:Object,required:!0},editStatusReflect:{type:Object,required:!0}},setup(t){const l=e.inject("treeRoot"),n=a=>`devui-tree-node__input-${a}`;return e.onUpdated(()=>{const a=document.querySelector(`#${n(t.node.id)}`);a==null||a.focus()}),()=>{const{node:a,editStatusReflect:o}=e.toRefs(t),{disabled:d,label:c,id:g}=a.value,I=({target:i})=>{a.value.label=i.value},s=()=>{o.value[g]=!1};return l.ctx.slots.default?l.ctx.slots.default({node:a}):e.createVNode("span",{class:["devui-tree-node__title",d&&"select-disabled"]},[o.value[g]?e.createVNode("input",{id:n(g),ref:e.ref,value:c,onChange:I,onBlur:s},null):c])}}}),Re="",A=e.defineComponent({name:"DTree",props:N,emits:["nodeSelected"],setup(t,l){const{data:n,checkable:a,checkableRelation:o}=e.toRefs(e.reactive(V(k({},t),{data:z(t.data)}))),{mergeData:d}=se(n.value),{openedData:c,toggle:g}=re(d),{nodeClassNameReflect:I,handleInitNodeClassNameReflect:s,handleClickOnNode:i}=ge(),{lazyNodesReflect:u,handleInitLazyNodeReflect:f,getLazyData:h}=he(),{selected:r,onNodeClick:b}=fe(o,l,n.value),{editStatusReflect:p,operateIconReflect:S,handleReflectIdToIcon:C}=pe();e.provide("treeRoot",{ctx:l,props:t});const j=()=>e.createVNode("span",{style:"display: inline-block; width: 16px; height: 16px; margin-left: 8px;"},null),T=v=>{var K;const{id:m="",label:H,disabled:L,open:P,isParent:Ne,level:Ce,children:W,addable:E,editable:U,deletable:$}=v;C(m,{addable:E,editable:U,deletable:$,handleAdd:()=>{const w={id:Q(v.id),label:"new item",level:v.level+1,addable:E,editable:U,deletable:$};v.open=!0,v.children&&Array.isArray(v.children)?v.children.push(w):v.children=[w]},handleEdit:()=>{p.value[m]=!p.value[m]},handleDelete:()=>{d.value=q(m,d.value)}}),s(L,m),f(v,{id:m,onGetNodeData:async()=>new Promise(w=>{setTimeout(()=>{w([{id:`It is a test Node-1 ID = ${m}`,label:`It is a test Node-1 ID = ${m}`,level:v.level+1},{id:`It is a test Node-2 ID = ${m}`,label:`It is a test Node-2 ID = ${m}`,level:v.level+1}])},4e3)}),renderLoading:w=>oe.open({target:document.getElementById(w),message:"\u52A0\u8F7D\u4E2D...",positionType:"relative",zIndex:1})});const Se=w=>{const F=async ke=>(w.isParent&&(w.children=await h(m)),g(ke,w));return Ne||W&&W.length?P?e.createVNode(ye,{class:"mr-xs",onClick:F},null):e.createVNode(ve,{class:"mr-xs",onClick:F},null):e.createVNode(j,null,null)},we=J[(K=r.value[m])!=null?K:"none"];return e.createVNode("div",{class:["devui-tree-node",P&&"devui-tree-node__open"],style:{paddingLeft:`${24*(Ce-1)}px`}},[e.createVNode("div",{class:`devui-tree-node__content ${I.value[m]}`,onClick:()=>i(m)},[e.createVNode("div",{class:"devui-tree-node__content--value-wrapper"},[Se(v),a.value&&e.createVNode(ie,e.mergeProps({key:m,onClick:()=>b(v),disabled:L},we),null),e.createVNode(me,{node:v,editStatusReflect:p.value},null),S.value.find(({id:w})=>m===w).renderIcon(v),v.isParent?e.createVNode("div",{class:"devui-tree-node_loading",id:u.value[m].loadingTargetId},null):null])])])};return()=>e.createVNode("div",{class:"devui-tree"},[c.value.map(v=>T(v))])}});A.install=function(t){t.component(A.name,A)};var be={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(t){t.use(A)}};y.Tree=A,y.default=be,Object.defineProperty(y,"__esModule",{value:!0}),y[Symbol.toStringTag]="Module"});

package/tree/style.css

@@ -1 +1 @@
-@charset "UTF-8";.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:normal;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:bold;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:bold;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:bold;line-height:1.5}.devui-text-ellipsis,.devui-tree-node .devui-tree-node__title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.devui-tree-node{color:var(--devui-text-weak, #575d6c);line-height:1.5;white-space:nowrap;position:relative}.devui-tree-node .devui-tree-node__content{display:inline-flex;align-items:center;font-size:var(--devui-font-size, 12px);padding-right:10px;width:100%;border-radius:var(--devui-border-radius, 2px);padding-left:6px}.devui-tree-node .devui-tree-node__content.active{background-color:var(--devui-list-item-selected-bg, #e9edfa);text-decoration:none;border-color:transparent}.devui-tree-node .devui-tree-node__content:not(.active):hover{background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-tree-node .devui-tree-node__content--value-wrapper{display:inline-flex;align-items:center;height:30px;width:100%}.devui-tree-node .devui-tree-node__children{padding-left:10px}.devui-tree-node .devui-tree-node__children:first-child{border-left-color:transparent}.devui-tree-node .devui-tree-node__children .devui-tree-node{margin-left:8px;content:"";position:relative}.devui-tree-node .devui-tree-node__children .devui-tree-node:last-child{border-left-color:transparent}.devui-tree-node .devui-tree-node__title{margin-left:5px;display:inline-block;border:1px dashed transparent;border-radius:var(--devui-border-radius, 2px);max-width:100%}.devui-tree-node .devui-tree-node__title:not(.disabled){cursor:pointer}.devui-tree-node .devui-tree-node__edit{margin-left:.4em;padding:.1em}.devui-tree-node .devui-tree-node__edit>.devui-input-sm{height:26px}.devui-tree-node .devui-tree-node__edit>.devui-input-sm.error,.devui-tree-node .devui-tree-node__edit>.devui-input-sm.error:hover,.devui-tree-node .devui-tree-node__edit>.devui-input-sm.error:focus{border-color:var(--devui-danger, #f66f6a)}.devui-tree-node .devui-tree-node__leaf:not(.disabled){cursor:default}.devui-tree-node .devui-tree-node__leaf .devui-tree-node__leaf--default{color:#f2a71f}.devui-tree-node .devui-tree-node__leaf .devui-leaf-icon-none{display:inline-block;width:16px;height:16px}.devui-tree-node .devui-tree-node__folder{display:inline-block;vertical-align:middle;user-select:none;font-size:var(--devui-font-size-icon, 16px);height:16px;line-height:16px}.devui-tree-node .devui-tree-node__folder .devui-tree-node__folder--icon{display:inline-block;height:16px;line-height:16px}.devui-tree-node .devui-tree-node__folder .devui-tree-node__folder--icon:hover svg g path{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node .devui-tree-node__folder .devui-tree-node__folder--icon:hover svg g rect{stroke:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node .devui-tree-node__folder:not(.disabled){cursor:pointer}.devui-tree-node .devui-tree-node__folder .devui-tree-node__folder--default{color:#f2b806}.devui-tree-node .devui-loading-children{display:inline-block;vertical-align:middle;margin-left:.5em;margin-top:.15em;color:var(--devui-info, #5e7ce0);font-style:italic;font-size:1em;animation-name:devui-loading-children;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes devui-loading-children{0%{color:#627fe1}12.5%{color:#627fe1}25%{color:#617fe1}37.5%{color:#617ee1}50%{color:#607ee0}62.5%{color:#607ee0}75%{color:#5f7de0}87.5%{color:#5e7ce0}to{color:#5e7ce0}}.devui-tree-node svg.svg-icon path{fill:var(--devui-icon-text, #252b3a)}.devui-tree-node svg.svg-icon rect{stroke:var(--devui-icon-text, #252b3a)}.devui-tree-node.devui-tree-node__open:not(.devui-tree-node__customIcon)>.devui-tree-node__content svg.svg-icon path{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node.devui-tree-node__open:not(.devui-tree-node__customIcon)>.devui-tree-node__content svg.svg-icon rect{stroke:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node.devui-tree-node__open:not(.devui-tree-node__customIcon)>.devui-tree-node__content svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-text, #252b3a)}::ng-deep .devui-tree-mask{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-tree-node.devui-tree-without-virtual-scroll.devui-tree-node__open>.devui-tree-node__content{position:relative}.devui-tree-node.devui-tree-without-virtual-scroll>.devui-tree-node__children{position:relative}.devui-tree-node.devui-tree-without-virtual-scroll>.devui-tree-node__children:before{content:"";width:1px;height:calc(100% - 15px);background-color:var(--devui-dividing-line, #dfe1e6);position:absolute;left:9px;top:0}.devui-tree-node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree-node__content{position:relative}.devui-tree-node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree-node__content:before{content:"";width:8px;height:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute;left:-9px;top:50%}.devui-tree-vertical-line{width:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute}.devui-tree-horizontal-line{height:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute;top:50%;margin-left:-16px}.toggle-disabled{cursor:not-allowed!important}.toggle-disabled svg.svg-icon rect{stroke:var(--devui-disabled-text, #adb0b8)!important}.toggle-disabled svg.svg-icon.svg-icon-close rect:last-child{stroke:none!important;fill:var(--devui-disabled-text, #adb0b8)!important}.toggle-disabled svg.svg-icon path{fill:var(--devui-disabled-text, #adb0b8)!important}.select-disabled{color:var(--devui-disabled-text, #adb0b8)!important;cursor:not-allowed!important;background-color:transparent!important}.devui-tree-node__content{transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1))}
+@charset "UTF-8";@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox-tick{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:normal;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-checkbox.disabled .devui-checkbox-material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox-material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material .devui-checkbox-halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-no-animation{transition:none!important}.devui-checkbox-column-margin{height:28px;line-height:28px}.devui-checkbox-wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:normal;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:bold;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:bold;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:bold;line-height:1.5}.devui-text-ellipsis,.devui-tree-node .devui-tree-node__title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.devui-tree-node{color:var(--devui-text-weak, #575d6c);line-height:1.5;white-space:nowrap;position:relative}.devui-tree-node .devui-tree-node__content{display:inline-flex;align-items:center;font-size:var(--devui-font-size, 12px);padding-right:10px;width:100%;border-radius:var(--devui-border-radius, 2px);padding-left:6px}.devui-tree-node .devui-tree-node__content.active{background-color:var(--devui-list-item-selected-bg, #e9edfa);text-decoration:none;border-color:transparent}.devui-tree-node .devui-tree-node__content:not(.active):hover{background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-tree-node .devui-tree-node__content--value-wrapper{display:inline-flex;align-items:center;height:30px;width:100%}.devui-tree-node .devui-tree-node__content--value-wrapper .devui-tree-node_loading{margin-left:50px}.devui-tree-node .devui-tree-node__content--value-wrapper .devui-tree-node_loading .devui-loading-area{background:none}.devui-tree-node .devui-tree-node__children{padding-left:10px}.devui-tree-node .devui-tree-node__children:first-child{border-left-color:transparent}.devui-tree-node .devui-tree-node__children .devui-tree-node{margin-left:8px;content:"";position:relative}.devui-tree-node .devui-tree-node__children .devui-tree-node:last-child{border-left-color:transparent}.devui-tree-node .devui-tree-node__title{margin-left:5px;display:inline-block;border:1px dashed transparent;border-radius:var(--devui-border-radius, 2px);max-width:100%}.devui-tree-node .devui-tree-node__title:not(.disabled){cursor:pointer}.devui-tree-node .devui-tree-node__edit{margin-left:.4em;padding:.1em}.devui-tree-node .devui-tree-node__edit>.devui-input-sm{height:26px}.devui-tree-node .devui-tree-node__edit>.devui-input-sm.error,.devui-tree-node .devui-tree-node__edit>.devui-input-sm.error:hover,.devui-tree-node .devui-tree-node__edit>.devui-input-sm.error:focus{border-color:var(--devui-danger, #f66f6a)}.devui-tree-node .devui-tree-node__leaf:not(.disabled){cursor:default}.devui-tree-node .devui-tree-node__leaf .devui-tree-node__leaf--default{color:#f2a71f}.devui-tree-node .devui-tree-node__leaf .devui-leaf-icon-none{display:inline-block;width:16px;height:16px}.devui-tree-node .devui-tree-node__folder{display:inline-block;vertical-align:middle;user-select:none;font-size:var(--devui-font-size-icon, 16px);height:16px;line-height:16px}.devui-tree-node .devui-tree-node__folder .devui-tree-node__folder--icon{display:inline-block;height:16px;line-height:16px}.devui-tree-node .devui-tree-node__folder .devui-tree-node__folder--icon:hover svg g path{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node .devui-tree-node__folder .devui-tree-node__folder--icon:hover svg g rect{stroke:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node .devui-tree-node__folder:not(.disabled){cursor:pointer}.devui-tree-node .devui-tree-node__folder .devui-tree-node__folder--default{color:#f2b806}.devui-tree-node .devui-loading-children{display:inline-block;vertical-align:middle;margin-left:.5em;margin-top:.15em;color:var(--devui-info, #5e7ce0);font-style:italic;font-size:1em;animation-name:devui-loading-children;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes devui-loading-children{0%{color:#627fe1}12.5%{color:#627fe1}25%{color:#617fe1}37.5%{color:#617ee1}50%{color:#607ee0}62.5%{color:#607ee0}75%{color:#5f7de0}87.5%{color:#5e7ce0}to{color:#5e7ce0}}.devui-tree-node svg.svg-icon path{fill:var(--devui-icon-text, #252b3a)}.devui-tree-node svg.svg-icon rect{stroke:var(--devui-icon-text, #252b3a)}.devui-tree-node.devui-tree-node__open:not(.devui-tree-node__customIcon)>.devui-tree-node__content svg.svg-icon path{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node.devui-tree-node__open:not(.devui-tree-node__customIcon)>.devui-tree-node__content svg.svg-icon rect{stroke:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node.devui-tree-node__open:not(.devui-tree-node__customIcon)>.devui-tree-node__content svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-node svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-text, #252b3a)}::ng-deep .devui-tree-mask{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-tree-node.devui-tree-without-virtual-scroll.devui-tree-node__open>.devui-tree-node__content{position:relative}.devui-tree-node.devui-tree-without-virtual-scroll>.devui-tree-node__children{position:relative}.devui-tree-node.devui-tree-without-virtual-scroll>.devui-tree-node__children:before{content:"";width:1px;height:calc(100% - 15px);background-color:var(--devui-dividing-line, #dfe1e6);position:absolute;left:9px;top:0}.devui-tree-node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree-node__content{position:relative}.devui-tree-node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree-node__content:before{content:"";width:8px;height:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute;left:-9px;top:50%}.devui-tree-vertical-line{width:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute}.devui-tree-horizontal-line{height:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute;top:50%;margin-left:-16px}.toggle-disabled{cursor:not-allowed!important}.toggle-disabled svg.svg-icon rect{stroke:var(--devui-disabled-text, #adb0b8)!important}.toggle-disabled svg.svg-icon.svg-icon-close rect:last-child{stroke:none!important;fill:var(--devui-disabled-text, #adb0b8)!important}.toggle-disabled svg.svg-icon path{fill:var(--devui-disabled-text, #adb0b8)!important}.select-disabled{color:var(--devui-disabled-text, #adb0b8)!important;cursor:not-allowed!important;background-color:transparent!important}.devui-tree-node__content{transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1))}

package/tree-select/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/tree-select/index.es.js

@@ -0,0 +1,528 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { ref, computed, defineComponent, inject, createVNode, mergeProps, resolveComponent, Transition, withDirectives, Fragment, vShow } from "vue";
+var treeSelect = "";
+const treeSelectProps = {
+  modelValue: {
+    type: [String, Number, Array],
+    default: ""
+  },
+  treeData: {
+    type: Array,
+    default: () => []
+  },
+  placeholder: {
+    type: String,
+    default: "\u8BF7\u9009\u62E9"
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  leafOnly: {
+    type: Boolean,
+    default: false
+  },
+  searchable: {
+    type: Boolean,
+    default: false
+  },
+  allowClear: {
+    type: Boolean,
+    default: false
+  },
+  onToggleChange: {
+    type: Function,
+    default: void 0
+  },
+  onValueChange: {
+    type: Function,
+    default: void 0
+  }
+};
+function attributeExtension(data) {
+  data.forEach((el) => {
+    let level = 1;
+    el.level = level;
+    const nodeQueue = [];
+    nodeQueue.push(el);
+    while (nodeQueue.length !== 0) {
+      const node = nodeQueue.shift();
+      if (node.children) {
+        node.children.forEach((el2) => {
+          el2.level = level + 1;
+          el2.parent = node;
+          nodeQueue.push(el2);
+        });
+      }
+      level += 1;
+    }
+  });
+  return data;
+}
+function className(classStr, classOpt) {
+  let classname = classStr;
+  if (typeof classOpt === "object") {
+    Object.keys(classOpt).forEach((key) => {
+      classOpt[key] && (classname += ` ${key}`);
+    });
+  }
+  return classname;
+}
+function useToggle(props) {
+  const visible = ref(false);
+  const selectToggle = () => {
+    if (props.disabled)
+      return;
+    visible.value = !visible.value;
+  };
+  const treeToggle = (e, item) => {
+    e.preventDefault();
+    e.stopPropagation();
+    item.opened = !item.opened;
+  };
+  return {
+    visible,
+    selectToggle,
+    treeToggle
+  };
+}
+function useSelect(props) {
+  const inputValue = ref("");
+  const selectedCache = new Set();
+  const selectValue = (item) => {
+    if (!props.multiple) {
+      inputValue.value = item.label;
+    } else {
+      item.checked = !item.checked;
+      if (item.halfchecked)
+        item.halfchecked = false;
+      useCache(item);
+      searchUp(item);
+      searchDown(item);
+      inputValue.value = [...selectedCache].toString();
+    }
+  };
+  const useCache = (item) => {
+    item.checked === true ? selectedCache.add(item.label) : selectedCache.has(item.label) && selectedCache.delete(item.label);
+  };
+  const searchUp = (item) => {
+    if (!item.parent)
+      return;
+    let state = "";
+    const checkedArr = item.parent.children.filter((el) => el.checked === true);
+    switch (checkedArr.length) {
+      case 0:
+        state = "none";
+        break;
+      case item.parent.children.length:
+        state = "checked";
+        break;
+      default:
+        state = "halfchecked";
+        break;
+    }
+    if (state === "checked") {
+      item.parent.checked = true;
+      item.parent.halfchecked = false;
+    } else if (state === "halfchecked") {
+      item.parent.halfchecked = true;
+      item.parent.checked = false;
+    } else {
+      item.parent.checked = false;
+      item.parent.halfchecked = false;
+    }
+    useCache(item.parent);
+    searchUp(item.parent);
+  };
+  const searchDown = (item) => {
+    if (!item.children)
+      return;
+    item.children.forEach((el) => {
+      el.checked = item.checked;
+      useCache(el);
+      searchDown(el);
+    });
+  };
+  return {
+    inputValue,
+    selectValue
+  };
+}
+function useClear(props, ctx, data) {
+  const isClearable = computed(() => {
+    return !props.disabled && props.allowClear && data.value.length > 0;
+  });
+  const handleClear = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (props.multiple) {
+      ctx.emit("update:modelValue", []);
+    } else {
+      ctx.emit("update:modelValue", "");
+      data.value = "";
+    }
+  };
+  return {
+    isClearable,
+    handleClear
+  };
+}
+var IconOpen = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=";
+var IconClose = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K";
+var checkbox = "";
+const commonProps = {
+  name: {
+    type: String,
+    default: void 0
+  },
+  halfchecked: {
+    type: Boolean,
+    default: false
+  },
+  isShowTitle: {
+    type: Boolean,
+    default: true
+  },
+  title: {
+    type: String
+  },
+  color: {
+    type: String,
+    default: void 0
+  },
+  showAnimation: {
+    type: Boolean,
+    default: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  beforeChange: {
+    type: Function,
+    default: void 0
+  }
+};
+const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
+  halfchecked: {
+    type: Boolean,
+    default: false
+  },
+  checked: {
+    type: Boolean,
+    default: false
+  },
+  value: {
+    type: String
+  },
+  label: {
+    type: String,
+    default: void 0
+  },
+  title: {
+    type: String,
+    default: void 0
+  },
+  "onUpdate:checked": {
+    type: Function,
+    default: void 0
+  },
+  onChange: {
+    type: Function,
+    default: void 0
+  },
+  modelValue: {
+    type: Boolean
+  },
+  "onUpdate:modelValue": {
+    type: Function
+  }
+});
+const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
+var Checkbox = defineComponent({
+  name: "DCheckbox",
+  props: checkboxProps,
+  emits: ["change", "update:checked", "update:modelValue"],
+  setup(props, ctx) {
+    const checkboxGroupConf = inject(checkboxGroupInjectionKey, null);
+    const isChecked = computed(() => props.checked || props.modelValue);
+    const mergedDisabled = computed(() => {
+      return (checkboxGroupConf == null ? void 0 : checkboxGroupConf.disabled.value) || props.disabled;
+    });
+    const mergedChecked = computed(() => {
+      var _a, _b;
+      return (_b = (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isItemChecked) == null ? void 0 : _a.call(checkboxGroupConf, props.value)) != null ? _b : isChecked.value;
+    });
+    const mergedIsShowTitle = computed(() => {
+      var _a;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle.value) != null ? _a : props.isShowTitle;
+    });
+    const mergedShowAnimation = computed(() => {
+      var _a;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation.value) != null ? _a : props.showAnimation;
+    });
+    const mergedColor = computed(() => {
+      var _a;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
+    });
+    const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
+    const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
+    const canChange = (isChecked2, val) => {
+      var _a;
+      if (mergedDisabled.value) {
+        return Promise.resolve(false);
+      }
+      const beforeChange = (_a = props.beforeChange) != null ? _a : checkboxGroupConf == null ? void 0 : checkboxGroupConf.beforeChange;
+      if (beforeChange) {
+        const res = beforeChange(isChecked2, val);
+        if (typeof res === "boolean") {
+          return Promise.resolve(res);
+        }
+        return res;
+      }
+      return Promise.resolve(true);
+    };
+    const toggle = () => {
+      const current = !isChecked.value;
+      checkboxGroupConf == null ? void 0 : checkboxGroupConf.toggleGroupVal(props.value);
+      ctx.emit("update:checked", current);
+      ctx.emit("update:modelValue", current);
+      ctx.emit("change", current);
+    };
+    const handleClick = () => {
+      canChange(!isChecked.value, props.label).then((res) => res && toggle());
+    };
+    return {
+      itemWidth,
+      direction,
+      mergedColor,
+      mergedDisabled,
+      mergedIsShowTitle,
+      mergedChecked,
+      mergedShowAnimation,
+      handleClick
+    };
+  },
+  render() {
+    var _a;
+    const {
+      itemWidth,
+      direction,
+      mergedChecked,
+      mergedDisabled,
+      mergedIsShowTitle,
+      mergedShowAnimation,
+      halfchecked,
+      title,
+      label,
+      handleClick,
+      name,
+      value,
+      mergedColor,
+      $slots
+    } = this;
+    const wrapperCls = {
+      "devui-checkbox-column-margin": direction === "column",
+      "devui-checkbox-wrap": typeof itemWidth !== "undefined"
+    };
+    const wrapperStyle = itemWidth ? [`width: ${itemWidth}px`] : [];
+    const checkboxCls = {
+      "devui-checkbox": true,
+      active: mergedChecked,
+      halfchecked,
+      disabled: mergedDisabled,
+      unchecked: !mergedChecked
+    };
+    const labelTitle = mergedIsShowTitle ? title || label : "";
+    const bgImgStyle = mergedColor && halfchecked || mergedColor ? `linear-gradient(${mergedColor}, ${mergedColor})` : "";
+    const spanStyle = [`border-color:${(mergedChecked || halfchecked) && mergedColor ? mergedColor : ""}`, `background-image:${bgImgStyle}`, `background-color:${mergedColor && halfchecked ? mergedColor : ""}`];
+    const spanCls = {
+      "devui-checkbox-material": true,
+      "custom-color": mergedColor,
+      "devui-checkbox-no-label": !label && !$slots.default,
+      "devui-no-animation": !mergedShowAnimation,
+      "devui-checkbox-default-background": !halfchecked
+    };
+    const polygonCls = {
+      "devui-tick": true,
+      "devui-no-animation": !mergedShowAnimation
+    };
+    const stopPropagation = ($event) => $event.stopPropagation();
+    const inputProps = {
+      indeterminate: halfchecked
+    };
+    return createVNode("div", {
+      "class": wrapperCls,
+      "style": wrapperStyle
+    }, [createVNode("div", {
+      "class": checkboxCls
+    }, [createVNode("label", {
+      "title": labelTitle,
+      "onClick": handleClick
+    }, [createVNode("input", mergeProps({
+      "name": name || value,
+      "class": "devui-checkbox-input",
+      "type": "checkbox"
+    }, inputProps, {
+      "checked": mergedChecked,
+      "disabled": mergedDisabled,
+      "onClick": stopPropagation,
+      "onChange": stopPropagation
+    }), null), createVNode("span", {
+      "style": spanStyle,
+      "class": spanCls
+    }, [createVNode("span", {
+      "class": "devui-checkbox-halfchecked-bg"
+    }, null), createVNode("svg", {
+      "viewBox": "0 0 16 16",
+      "version": "1.1",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "class": "devui-checkbox-tick"
+    }, [createVNode("g", {
+      "stroke": "none",
+      "stroke-width": "1",
+      "fill": "none",
+      "fill-rule": "evenodd"
+    }, [createVNode("polygon", {
+      "fill-rule": "nonzero",
+      "points": "5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",
+      "class": polygonCls
+    }, null)])])]), label || ((_a = $slots.default) == null ? void 0 : _a.call($slots))])])]);
+  }
+});
+var TreeSelect = defineComponent({
+  name: "DTreeSelect",
+  props: treeSelectProps,
+  emits: ["toggleChange", "valueChange", "update:modelValue"],
+  setup(props, ctx) {
+    const {
+      treeData,
+      placeholder,
+      disabled,
+      multiple,
+      leafOnly
+    } = props;
+    const {
+      visible,
+      selectToggle,
+      treeToggle
+    } = useToggle(props);
+    const {
+      inputValue,
+      selectValue
+    } = useSelect(props);
+    const {
+      isClearable,
+      handleClear
+    } = useClear(props, ctx, inputValue);
+    const clickNode = (item) => {
+      if (!leafOnly) {
+        selectValue(item);
+        !multiple && selectToggle(item);
+      } else {
+        if (!item.children) {
+          selectValue(item);
+          !multiple && selectToggle(item);
+        }
+      }
+    };
+    const treeSelectCls = className("devui-tree-select", {
+      "devui-tree-select-open": visible.value,
+      "devui-tree-select-disabled": disabled
+    });
+    const renderNode = (item) => createVNode("div", {
+      "class": "devui-tree-select-item",
+      "style": {
+        paddingLeft: `${20 * (item.level - 1)}px`
+      },
+      "onClick": () => clickNode(item)
+    }, [item.children ? item.opened ? createVNode(IconOpen, {
+      "class": "mr-xs",
+      "onClick": (e) => treeToggle(e, item)
+    }, null) : createVNode(IconClose, {
+      "class": "mr-xs",
+      "onClick": (e) => treeToggle(e, item)
+    }, null) : createVNode("span", null, ["\xA0\xA0\xA0"]), multiple ? item.halfchecked ? createVNode(Checkbox, {
+      "label": item.label,
+      "halfchecked": item.halfchecked
+    }, null) : createVNode(Checkbox, {
+      "label": item.label,
+      "checked": item.checked
+    }, null) : item.label]);
+    const renderTree = (treeData2) => {
+      return treeData2.map((item) => {
+        if (item.children) {
+          return createVNode(Fragment, null, [renderNode(item), item.opened && renderTree(item.children)]);
+        }
+        return renderNode(item);
+      });
+    };
+    return () => {
+      return createVNode("div", {
+        "class": treeSelectCls
+      }, [createVNode("div", {
+        "class": isClearable.value ? "devui-tree-select-clearable" : "devui-tree-select-notclearable",
+        "onClick": () => selectToggle()
+      }, [createVNode("input", {
+        "value": inputValue.value,
+        "type": "text",
+        "class": "devui-tree-select-input",
+        "placeholder": placeholder,
+        "readonly": true,
+        "disabled": disabled
+      }, null), createVNode("span", {
+        "onClick": (e) => handleClear(e),
+        "class": "devui-tree-select-clear"
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "close"
+      }, null)]), createVNode("span", {
+        "class": "devui-tree-select-arrow"
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "select-arrow"
+      }, null)])]), createVNode(Transition, {
+        "name": "fade",
+        "ref": "dropdownRef"
+      }, {
+        default: () => [withDirectives(createVNode("div", {
+          "class": "devui-tree-select-dropdown"
+        }, [createVNode("ul", {
+          "class": "devui-tree-select-dropdown-list"
+        }, [renderTree(attributeExtension(treeData))])]), [[vShow, visible.value]])]
+      })]);
+    };
+  }
+});
+TreeSelect.install = function(app) {
+  app.component(TreeSelect.name, TreeSelect);
+};
+var index = {
+  title: "TreeSelect \u6811\u5F62\u9009\u62E9\u6846",
+  category: "\u6570\u636E\u5F55\u5165",
+  status: "20%",
+  install(app) {
+    app.use(TreeSelect);
+  }
+};
+export { TreeSelect, index as default };

package/tree-select/index.umd.js

@@ -0,0 +1 @@
+var J=Object.defineProperty,Y=Object.defineProperties;var Q=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var T=(i,e,f)=>e in i?J(i,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):i[e]=f,M=(i,e)=>{for(var f in e||(e={}))$.call(e,f)&&T(i,f,e[f]);if(B)for(var f of B(e))G.call(e,f)&&T(i,f,e[f]);return i},j=(i,e)=>Y(i,Q(e));(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";var f="";const A={modelValue:{type:[String,Number,Array],default:""},treeData:{type:Array,default:()=>[]},placeholder:{type:String,default:"\u8BF7\u9009\u62E9"},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},leafOnly:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},onToggleChange:{type:Function,default:void 0},onValueChange:{type:Function,default:void 0}};function D(t){return t.forEach(c=>{let l=1;c.level=l;const r=[];for(r.push(c);r.length!==0;){const s=r.shift();s.children&&s.children.forEach(o=>{o.level=l+1,o.parent=s,r.push(o)}),l+=1}}),t}function P(t,c){let l=t;return typeof c=="object"&&Object.keys(c).forEach(r=>{c[r]&&(l+=` ${r}`)}),l}function Z(t){const c=e.ref(!1);return{visible:c,selectToggle:()=>{t.disabled||(c.value=!c.value)},treeToggle:(s,o)=>{s.preventDefault(),s.stopPropagation(),o.opened=!o.opened}}}function L(t){const c=e.ref(""),l=new Set,r=a=>{t.multiple?(a.checked=!a.checked,a.halfchecked&&(a.halfchecked=!1),s(a),o(a),h(a),c.value=[...l].toString()):c.value=a.label},s=a=>{a.checked===!0?l.add(a.label):l.has(a.label)&&l.delete(a.label)},o=a=>{if(!a.parent)return;let u="";switch(a.parent.children.filter(I=>I.checked===!0).length){case 0:u="none";break;case a.parent.children.length:u="checked";break;default:u="halfchecked";break}u==="checked"?(a.parent.checked=!0,a.parent.halfchecked=!1):u==="halfchecked"?(a.parent.halfchecked=!0,a.parent.checked=!1):(a.parent.checked=!1,a.parent.halfchecked=!1),s(a.parent),o(a.parent)},h=a=>{!a.children||a.children.forEach(u=>{u.checked=a.checked,s(u),h(u)})};return{inputValue:c,selectValue:r}}function W(t,c,l){return{isClearable:e.computed(()=>!t.disabled&&t.allowClear&&l.value.length>0),handleClear:o=>{o.preventDefault(),o.stopPropagation(),t.multiple?c.emit("update:modelValue",[]):(c.emit("update:modelValue",""),l.value="")}}}var x="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",H="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",X="";const z=j(M({},{name:{type:String,default:void 0},halfchecked:{type:Boolean,default:!1},isShowTitle:{type:Boolean,default:!0},title:{type:String},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}}),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),U=Symbol("d-checkbox-group");var S=e.defineComponent({name:"DCheckbox",props:z,emits:["change","update:checked","update:modelValue"],setup(t,c){const l=e.inject(U,null),r=e.computed(()=>t.checked||t.modelValue),s=e.computed(()=>(l==null?void 0:l.disabled.value)||t.disabled),o=e.computed(()=>{var d,y;return(y=(d=l==null?void 0:l.isItemChecked)==null?void 0:d.call(l,t.value))!=null?y:r.value}),h=e.computed(()=>{var d;return(d=l==null?void 0:l.isShowTitle.value)!=null?d:t.isShowTitle}),a=e.computed(()=>{var d;return(d=l==null?void 0:l.showAnimation.value)!=null?d:t.showAnimation}),u=e.computed(()=>{var d;return(d=l==null?void 0:l.color.value)!=null?d:t.color}),b=l==null?void 0:l.itemWidth.value,I=l==null?void 0:l.direction.value,k=(d,y)=>{var v;if(s.value)return Promise.resolve(!1);const C=(v=t.beforeChange)!=null?v:l==null?void 0:l.beforeChange;if(C){const n=C(d,y);return typeof n=="boolean"?Promise.resolve(n):n}return Promise.resolve(!0)},g=()=>{const d=!r.value;l==null||l.toggleGroupVal(t.value),c.emit("update:checked",d),c.emit("update:modelValue",d),c.emit("change",d)};return{itemWidth:b,direction:I,mergedColor:u,mergedDisabled:s,mergedIsShowTitle:h,mergedChecked:o,mergedShowAnimation:a,handleClick:()=>{k(!r.value,t.label).then(d=>d&&g())}}},render(){var V;const{itemWidth:t,direction:c,mergedChecked:l,mergedDisabled:r,mergedIsShowTitle:s,mergedShowAnimation:o,halfchecked:h,title:a,label:u,handleClick:b,name:I,value:k,mergedColor:g,$slots:m}=this,d={"devui-checkbox-column-margin":c==="column","devui-checkbox-wrap":typeof t!="undefined"},y=t?[`width: ${t}px`]:[],C={"devui-checkbox":!0,active:l,halfchecked:h,disabled:r,unchecked:!l},v=s?a||u:"",n=g&&h||g?`linear-gradient(${g}, ${g})`:"",p=[`border-color:${(l||h)&&g?g:""}`,`background-image:${n}`,`background-color:${g&&h?g:""}`],K={"devui-checkbox-material":!0,"custom-color":g,"devui-checkbox-no-label":!u&&!m.default,"devui-no-animation":!o,"devui-checkbox-default-background":!h},O={"devui-tick":!0,"devui-no-animation":!o},w=F=>F.stopPropagation(),R={indeterminate:h};return e.createVNode("div",{class:d,style:y},[e.createVNode("div",{class:C},[e.createVNode("label",{title:v,onClick:b},[e.createVNode("input",e.mergeProps({name:I||k,class:"devui-checkbox-input",type:"checkbox"},R,{checked:l,disabled:r,onClick:w,onChange:w}),null),e.createVNode("span",{style:p,class:K},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:O},null)])])]),u||((V=m.default)==null?void 0:V.call(m))])])])}}),N=e.defineComponent({name:"DTreeSelect",props:A,emits:["toggleChange","valueChange","update:modelValue"],setup(t,c){const{treeData:l,placeholder:r,disabled:s,multiple:o,leafOnly:h}=t,{visible:a,selectToggle:u,treeToggle:b}=Z(t),{inputValue:I,selectValue:k}=L(t),{isClearable:g,handleClear:m}=W(t,c,I),d=n=>{h&&n.children||(k(n),!o&&u(n))},y=P("devui-tree-select",{"devui-tree-select-open":a.value,"devui-tree-select-disabled":s}),C=n=>e.createVNode("div",{class:"devui-tree-select-item",style:{paddingLeft:`${20*(n.level-1)}px`},onClick:()=>d(n)},[n.children?n.opened?e.createVNode(x,{class:"mr-xs",onClick:p=>b(p,n)},null):e.createVNode(H,{class:"mr-xs",onClick:p=>b(p,n)},null):e.createVNode("span",null,["\xA0\xA0\xA0"]),o?n.halfchecked?e.createVNode(S,{label:n.label,halfchecked:n.halfchecked},null):e.createVNode(S,{label:n.label,checked:n.checked},null):n.label]),v=n=>n.map(p=>p.children?e.createVNode(e.Fragment,null,[C(p),p.opened&&v(p.children)]):C(p));return()=>e.createVNode("div",{class:y},[e.createVNode("div",{class:g.value?"devui-tree-select-clearable":"devui-tree-select-notclearable",onClick:()=>u()},[e.createVNode("input",{value:I.value,type:"text",class:"devui-tree-select-input",placeholder:r,readonly:!0,disabled:s},null),e.createVNode("span",{onClick:n=>m(n),class:"devui-tree-select-clear"},[e.createVNode(e.resolveComponent("d-icon"),{name:"close"},null)]),e.createVNode("span",{class:"devui-tree-select-arrow"},[e.createVNode(e.resolveComponent("d-icon"),{name:"select-arrow"},null)])]),e.createVNode(e.Transition,{name:"fade",ref:"dropdownRef"},{default:()=>[e.withDirectives(e.createVNode("div",{class:"devui-tree-select-dropdown"},[e.createVNode("ul",{class:"devui-tree-select-dropdown-list"},[v(D(l))])]),[[e.vShow,a.value]])]})])}});N.install=function(t){t.component(N.name,N)};var E={title:"TreeSelect \u6811\u5F62\u9009\u62E9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"20%",install(t){t.use(N)}};i.TreeSelect=N,i.default=E,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

package/tree-select/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "tree-select",
+  "version": "0.0.0",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}