vue-devui 1.0.0-beta.5 → 1.0.0-beta.9

package/tree/index.umd.js

@@ -1 +1 @@
-var fe=Object.defineProperty,pe=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var ye=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var x=(p,e,b)=>e in p?fe(p,e,{enumerable:!0,configurable:!0,writable:!0,value:b}):p[e]=b,S=(p,e)=>{for(var b in e||(e={}))ye.call(e,b)&&x(p,b,e[b]);if(_)for(var b of _(e))he.call(e,b)&&x(p,b,e[b]);return p},D=(p,e)=>pe(p,me(e));var w=(p,e,b)=>(x(p,typeof e!="symbol"?e+"":e,b),b);(function(p,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis!="undefined"?globalThis:p||self,e(p.index={},p.Vue))})(this,function(p,e){"use strict";const b={data:{type:Array,required:!0,default:()=>[]},checkable:{type:Boolean,default:!1},checkableRelation:{type:String,default:"none"}},$={none:{},half:{halfchecked:!0},select:{checked:!0}},M=(t,l="children")=>t.reduce((n,a)=>a[l]?n.concat(a,M(a[l],l)):n.concat(a),[]),E=t=>{const l=parseInt((Math.random()*10**8).toString().padEnd(8,"0"));return D(S({},t),{id:t.id?`${t.id}_${l}`:`${t.label.replaceAll(" ","-")}_${l}`})},z=t=>t.map(l=>{const n=E(l);return l.children?D(S({},n),{children:z(l.children)}):n}),U=Symbol("dev_component_container");function K(t,l,n=null){const a=e.h(t,S({},l),n),o=document.createElement("div");return a[U]=o,e.render(a,o),a.component}class R{constructor(){w(this,"top","50%");w(this,"left","50%")}}const F={message:String,backdrop:Boolean,view:{type:Object,default:()=>new R},zIndex:Number,isFull:{type:Boolean,default:!1}};class G{constructor(){w(this,"target");w(this,"message");w(this,"loadingTemplateRef");w(this,"backdrop",!0);w(this,"positionType","relative");w(this,"view",new R);w(this,"zIndex")}}var ve="",J=e.defineComponent({name:"DLoading",inheritAttrs:!1,props:F,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 i;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":""]},[((i=d.default)==null?void 0:i.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 Y=e.defineComponent(J),L=new WeakMap,Q={open(t={}){const l=t.target||document.body;if(L.has(l))return L.get(l);l.style.position=t.positionType;const n=document.body===l;t=S(S({},new G),t);const a=K(Y,D(S({},t),{isFull:n}),t.loadingTemplateRef?()=>t.loadingTemplateRef:null);L.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)=>{L.delete(l),o(...d)},a}};var be="";const q=D(S({},{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}}),X=Symbol("d-checkbox-group");var ee=e.defineComponent({name:"DCheckbox",props:q,emits:["change","update:checked","update:modelValue"],setup(t,l){const n=e.inject(X,null),a=e.computed(()=>t.checked||t.modelValue),o=e.computed(()=>(n==null?void 0:n.disabled.value)||t.disabled),d=e.computed(()=>{var c,v;return(v=(c=n==null?void 0:n.isItemChecked)==null?void 0:c.call(n,t.value))!=null?v:a.value}),i=e.computed(()=>{var c;return(c=n==null?void 0:n.isShowTitle.value)!=null?c:t.isShowTitle}),N=e.computed(()=>{var c;return(c=n==null?void 0:n.showAnimation.value)!=null?c:t.showAnimation}),m=e.computed(()=>{var c;return(c=n==null?void 0:n.color.value)!=null?c:t.color}),u=n==null?void 0:n.itemWidth.value,r=n==null?void 0:n.direction.value,s=(c,v)=>{var C;if(o.value)return Promise.resolve(!1);const y=(C=t.beforeChange)!=null?C:n==null?void 0:n.beforeChange;if(y){const g=y(c,v);return typeof g=="boolean"?Promise.resolve(g):g}return Promise.resolve(!0)},I=()=>{const c=!a.value;n==null||n.toggleGroupVal(t.value),l.emit("update:checked",c),l.emit("update:modelValue",c),l.emit("change",c)};return{itemWidth:u,direction:r,mergedColor:m,mergedDisabled:o,mergedIsShowTitle:i,mergedChecked:d,mergedShowAnimation:N,handleClick:()=>{s(!a.value,t.label).then(c=>c&&I())}}},render(){var A;const{itemWidth:t,direction:l,mergedChecked:n,mergedDisabled:a,mergedIsShowTitle:o,mergedShowAnimation:d,halfchecked:i,title:N,label:m,handleClick:u,name:r,value:s,mergedColor:I,$slots:f}=this,c={"devui-checkbox-column-margin":l==="column","devui-checkbox-wrap":typeof t!="undefined"},v=t?[`width: ${t}px`]:[],y={"devui-checkbox":!0,active:n,halfchecked:i,disabled:a,unchecked:!n},C=o?N||m:"",g=I&&i||I?`linear-gradient(${I}, ${I})`:"",h=[`border-color:${(n||i)&&I?I:""}`,`background-image:${g}`,`background-color:${I&&i?I:""}`],k={"devui-checkbox-material":!0,"custom-color":I,"devui-checkbox-no-label":!m&&!f.default,"devui-no-animation":!d,"devui-checkbox-default-background":!i},P={"devui-tick":!0,"devui-no-animation":!d},V=O=>O.stopPropagation(),B={indeterminate:i};return e.createVNode("div",{class:c,style:v},[e.createVNode("div",{class:y},[e.createVNode("label",{title:C,onClick:u},[e.createVNode("input",e.mergeProps({name:r||s,class:"devui-checkbox-input",type:"checkbox"},B,{checked:n,disabled:a,onClick:V,onChange:V}),null),e.createVNode("span",{style:h,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:P},null)])])]),m||((A=f.default)==null?void 0:A.call(f))])])])}});function te(t){const l=o=>o.reduce((d,i)=>i.open?d.concat(i,l(i.children)):d.concat(i),[]),n=e.ref(l(t));return{openedData:n,toggle:(o,d)=>{o.stopPropagation(),!!d.children&&(d.open=!d.open,n.value=l(t))}}}function ne(t){const l=(o,d="children",i="label")=>{const{[d]:N,[i]:m}=o;return Array.isArray(N)&&N.length===1&&N[0][d]&&N[0][d].length===1?l(Object.assign({},N[0],{[i]:`${m} \\ ${N[0][i]}`})):o},n=(o,d=0,i="children",N="label")=>o.map(m=>{const{[i]:u}=m;if(!Array.isArray(u)||!u.length)return Object.assign({},m,{level:d+1});let r=m;return u.length===1&&(r=l(m)),Object.assign({},r,{[i]:n(r[i],d+1,i,N),level:d+1})});return{mergeData:e.ref(n(t))}}const ae="active",Z="devui-tree_isDisabledNode",le=()=>{const t=e.ref({});return{nodeClassNameReflect:t,handleClickOnNode:a=>{t.value[a]!==Z&&(t.value=Object.fromEntries(Object.entries(t.value).map(([o])=>[o,o===a?ae:""])))},handleInitNodeClassNameReflect:(a=!1,...o)=>{const d=o.join("-");return t.value[d]=a?Z:t.value[d]||"",d}}};function oe(t,l,n){const a=e.ref({}),o=M(n),d=m=>{const u=n;let r={},s=[],I;const f=(c,v)=>{c.every(({children:y,id:C})=>I?!1:C===m?(r=v,s=Array.isArray(y)?M(y).map(({id:g})=>g):[],I=C,!1):(Array.isArray(y)&&f(y,{id:C,children:y.map(({id:g})=>g),parent:v}),!0))};return f(u,{}),{parentLevel:r,childLevel:s}},i=(m,u,r)=>{const s={},I=e.unref(a),f=(c,v=!1)=>{const{id:y,children:C,parent:g}=c;if(!!g)if(u){const h=C.filter(k=>!I[k]||I[k]==="none");h.length<=1?h[0]===r?s[y]="select":v&&(s[y]="half"):s[y]="half",f(g,s[y]==="select")}else{const h=C.filter(k=>I[k]&&I[k]!=="none");h.length<=1?(h[0]===r||v)&&(s[y]="none"):s[y]="half",f(g,s[y]==="none")}};return f(m),s};return{selected:a,onNodeClick:m=>{const{id:u}=m;let r=Object.assign({},e.unref(a));const s=r[u]==="none"||!r[u];if(t.value==="none")r=Object.assign(r,{[u]:s?"select":"none"});else if(t.value==="both"){const{parentLevel:f,childLevel:c}=d(u);r=Object.assign(r,Object.fromEntries(c.map(v=>[v,s?"select":"none"])),i(f,s,u),{[u]:s?"select":"none"})}else if(t.value==="upward"){const{parentLevel:f}=d(u);r=Object.assign(r,i(f,s,u),{[u]:s?"select":"none"})}else if(t.value==="downward"){const{childLevel:f}=d(u);r=Object.assign(r,Object.fromEntries(f.map(c=>[c,s?"select":"none"])),{[u]:s?"select":"none"})}a.value=r;const I=o.filter(({id:f})=>r[f]&&r[f]!=="none");l.emit("nodeSelected",I)}}}const de=()=>{const t=e.ref({});return{lazyNodesReflect:t,handleInitLazyNodeReflect:(a,o)=>{var i;if(!a.isParent)return;((i=t.value[o.id])==null?void 0:i.id.toString())||(t.value[o.id]=D(S({},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(i){console.error(i)}finally{d.loadingInstance.close()}return t.value[a].dataSource}}};var ie="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",ce="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",re=e.defineComponent({name:"DTreeNodeContent",props:{node:{type:Object,required:!0}},setup(t){const l=e.inject("treeRoot");return()=>{const n=t.node,{disabled:a,label:o}=n;return l.ctx.slots.default?l.ctx.slots.default({node:n}):e.createVNode("span",{class:["devui-tree-node__title",a&&"select-disabled"]},[o])}}}),Ce="",T=e.defineComponent({name:"DTree",props:b,emits:["nodeSelected"],setup(t,l){const{data:n,checkable:a,checkableRelation:o}=e.toRefs(D(S({},t),{data:z(t.data)})),{mergeData:d}=ne(n.value),{openedData:i,toggle:N}=te(d.value),{nodeClassNameReflect:m,handleInitNodeClassNameReflect:u,handleClickOnNode:r}=le(),{lazyNodesReflect:s,handleInitLazyNodeReflect:I,getLazyData:f}=de(),{selected:c,onNodeClick:v}=oe(o,l,n.value);e.provide("treeRoot",{ctx:l,props:t});const y=()=>e.createVNode("span",{style:"display: inline-block; width: 16px; height: 16px; margin-left: 8px;"},null),C=g=>{var H;const{id:h="",label:k,disabled:P,open:V,isParent:B,level:A,children:O}=g;u(P,h),I(g,{id:h,onGetNodeData:async()=>new Promise(j=>{setTimeout(()=>{j([{id:`It is a test Node-1 ID = ${h}`,label:`It is a test Node-1 ID = ${h}`,level:g.level+1},{id:`It is a test Node-2 ID = ${h}`,label:`It is a test Node-2 ID = ${h}`,level:g.level+1}])},4e3)}),renderLoading:j=>Q.open({target:document.getElementById(j),message:"\u52A0\u8F7D\u4E2D...",positionType:"relative",zIndex:1})});const ue=j=>{const W=async Ie=>(j.isParent&&(j.children=await f(h)),N(Ie,j));return B||O?V?e.createVNode(ie,{class:"mr-xs",onClick:W},null):e.createVNode(ce,{class:"mr-xs",onClick:W},null):e.createVNode(y,null,null)},ge=$[(H=c.value[h])!=null?H:"none"];return e.createVNode("div",{class:["devui-tree-node",V&&"devui-tree-node__open"],style:{paddingLeft:`${24*(A-1)}px`}},[e.createVNode("div",{class:`devui-tree-node__content ${m.value[h]}`,onClick:()=>r(h)},[e.createVNode("div",{class:"devui-tree-node__content--value-wrapper"},[ue(g),a.value&&e.createVNode(ee,e.mergeProps({key:h,onClick:()=>v(g),disabled:P},ge),null),e.createVNode(re,{node:g},null),g.isParent&&e.createVNode("div",{class:"devui-tree-node_loading",id:s.value[h].loadingTargetId},null)])])])};return()=>e.createVNode("div",{class:"devui-tree"},[i.value.map(g=>C(g))])}});T.install=function(t){t.component(T.name,T)};var se={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(t){t.use(T)}};p.Tree=T,p.default=se,Object.defineProperty(p,"__esModule",{value:!0}),p[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-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;