vue-devui 1.0.0-beta.15 → 1.0.0-beta.16

package/tree/index.umd.js

@@ -1 +1 @@
-var De=Object.defineProperty,Ve=Object.defineProperties;var je=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var Te=Object.prototype.hasOwnProperty,Ae=Object.prototype.propertyIsEnumerable;var M=(y,e,b)=>e in y?De(y,e,{enumerable:!0,configurable:!0,writable:!0,value:b}):y[e]=b,k=(y,e)=>{for(var b in e||(e={}))Te.call(e,b)&&M(y,b,e[b]);if(F)for(var b of F(e))Ae.call(e,b)&&M(y,b,e[b]);return y},T=(y,e)=>Ve(y,je(e));var D=(y,e,b)=>(M(y,typeof e!="symbol"?e+"":e,b),b);(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 b={data:{type:Array,required:!0,default:()=>[]},checkable:{type:Boolean,default:!1},checkableRelation:{type:String,default:"none"}},G={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),J=(t,l)=>{const n=O();return console.info("randomStr: ",n),T(k({},t),{id:l?`${l}_${n}`:n})},Y=t=>{const l=t.split("_");return[...l.slice(0,l.length),O()].join("_")},_=(t,l)=>t.map(n=>{const a=J(n,l);return n.children?T(k({},a),{children:_(n.children,a.id)}):a}),z=(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=z(t,o.children,n+1))}),l},Q=(t,l)=>t.includes("_")?z(t.split("_"),l):l.filter(({id:n})=>n!==t),q=Symbol("dev_component_container");function X(t,l,n=null){const a=e.h(t,k({},l),n),o=document.createElement("div");return a[q]=o,e.render(a,o),a.component}class x{constructor(){D(this,"top","50%");D(this,"left","50%")}}const ee={message:String,backdrop:Boolean,view:{type:Object,default:()=>new x},zIndex:Number,isFull:{type:Boolean,default:!1}};class te{constructor(){D(this,"target");D(this,"message");D(this,"loadingTemplateRef");D(this,"backdrop",!0);D(this,"positionType","relative");D(this,"view",new x);D(this,"zIndex")}}var Le="",ne=e.defineComponent({name:"DLoading",inheritAttrs:!1,props:ee,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 le=e.defineComponent(ne),B=new WeakMap,ae={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 te),t);const a=X(le,T(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 oe=T(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}}),de=Symbol("d-checkbox-group");var ce=e.defineComponent({name:"DCheckbox",props:oe,emits:["change","update:checked","update:modelValue"],setup(t,l){const n=e.inject(de,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,N;return(N=(r=n==null?void 0:n.isItemChecked)==null?void 0:r.call(n,t.value))!=null?N: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,N)=>{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,N);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"},N=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})`:"",V=[`border-color:${(n||c)&&f?f:""}`,`background-image:${C}`,`background-color:${f&&c?f:""}`],j={"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:N},[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:V,class:j},[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 ie(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 re(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 se="active",Z="devui-tree_isDisabledNode",ue=()=>{const t=e.ref({}),l=e.ref("");return{nodeClassNameReflect:t,handleClickOnNode:o=>{t.value[o]!==Z&&l.value!==o&&(l.value&&(t.value[l.value]=""),t.value[o]=se,l.value=o)},handleInitNodeClassNameReflect:(o=!1,...d)=>{const c=d.join("-");return t.value[c]=o?Z:t.value[c]||"",c}}};function ge(t,l,n){const a=e.ref({}),o=R(n),d=I=>{const s=n;let i={},u=[],f;const h=(r,N)=>{r.every(({children:p,id:S})=>f?!1:S===I?(i=N,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:N}),!0))};return h(s,{}),{parentLevel:i,childLevel:u}},c=(I,s,i)=>{const u={},f=e.unref(a),h=(r,N=!1)=>{const{id:p,children:S,parent:C}=r;if(!!C)if(s){const V=S.filter(j=>!f[j]||f[j]==="none");V.length<=1?V[0]===i?u[p]="select":N&&(u[p]="half"):u[p]="half",h(C,u[p]==="select")}else{const V=S.filter(j=>f[j]&&f[j]!=="none");V.length<=1?(V[0]===i||N)&&(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(N=>[N,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 fe=()=>{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]=T(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}}},he=(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)])},Ie=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=>he(g,d)}))}}};var pe="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",ye="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",ve=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:b,emits:["nodeSelected"],setup(t,l){const{data:n,checkable:a,checkableRelation:o}=e.toRefs(e.reactive(T(k({},t),{data:_(t.data)}))),{mergeData:d}=re(n.value),{openedData:c,toggle:g}=ie(d),{nodeClassNameReflect:I,handleInitNodeClassNameReflect:s,handleClickOnNode:i}=ue(),{lazyNodesReflect:u,handleInitLazyNodeReflect:f,getLazyData:h}=fe(),{selected:r,onNodeClick:N}=ge(o,l,n.value),{editStatusReflect:p,operateIconReflect:S,handleReflectIdToIcon:C}=Ie();e.provide("treeRoot",{ctx:l,props:t});const V=()=>e.createVNode("span",{style:"display: inline-block; width: 16px; height: 16px; margin-left: 8px;"},null),j=v=>{var K;const{id:m="",label:H,disabled:L,open:P,isParent:Ne,level:be,children:W,addable:E,editable:U,deletable:$}=v;C(m,{addable:E,editable:U,deletable:$,handleAdd:()=>{const w={id:Y(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=>ae.open({target:document.getElementById(w),message:"\u52A0\u8F7D\u4E2D...",positionType:"relative",zIndex:1})});const Ce=w=>{const we=async ke=>(w.isParent&&(w.children=await h(m)),g(ke,w));return e.createVNode("div",{class:"devui-tree-node__folder",onClick:we},[Ne||W&&W.length?P?e.createVNode(pe,{class:"mr-xs"},null):e.createVNode(ye,{class:"mr-xs"},null):e.createVNode(V,null,null)])},Se=G[(K=r.value[m])!=null?K:"none"];return e.createVNode("div",{class:["devui-tree-node",P&&"devui-tree-node__open"],style:{paddingLeft:`${24*(be-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"},[Ce(v),a.value&&e.createVNode(ce,e.mergeProps({key:m,onClick:()=>N(v),disabled:L},Se),null),e.createVNode(ve,{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=>j(v))])}});A.install=function(t){t.component(A.name,A)};var me={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(t){t.use(A)}};y.Tree=A,y.default=me,Object.defineProperty(y,"__esModule",{value:!0}),y[Symbol.toStringTag]="Module"});
+var si=Object.defineProperty,di=Object.defineProperties;var ui=Object.getOwnPropertyDescriptors;var At=Object.getOwnPropertySymbols;var fi=Object.prototype.hasOwnProperty,gi=Object.prototype.propertyIsEnumerable;var Te=(v,a,N)=>a in v?si(v,a,{enumerable:!0,configurable:!0,writable:!0,value:N}):v[a]=N,P=(v,a)=>{for(var N in a||(a={}))fi.call(a,N)&&Te(v,N,a[N]);if(At)for(var N of At(a))gi.call(a,N)&&Te(v,N,a[N]);return v},B=(v,a)=>di(v,ui(a));var L=(v,a,N)=>(Te(v,typeof a!="symbol"?a+"":a,N),N);(function(v,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(v=typeof globalThis!="undefined"?globalThis:v||self,a(v.index={},v.Vue))})(this,function(v,a){"use strict";const N={data:{type:Array,required:!0,default:()=>[]},checkable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},checkableRelation:{type:String,default:"none"},dropType:{type:Object,default:()=>({})}},Ct={none:{},half:{halfchecked:!0},select:{checked:!0}},oe=(e,t="children")=>e.reduce((n,r)=>r[t]?n.concat(r,oe(r[t],t)):n.concat(r),[]),je=()=>(Math.random()*10**9).toString().slice(0,8),Nt=(e,t)=>{const n=je();return B(P({},e),{id:t?`${t}_${n}`:n})},Ot=e=>{const t=e.split("_");return[...t.slice(0,t.length),je()].join("_")},_e=(e,t)=>e.map(n=>{const r=Nt(n,t);return!r.parentId&&t&&(r.parentId=t),n.children?B(P({},r),{children:_e(n.children,r.id)}):r}),Se=(e,t,n=0)=>{const r=e.slice(0,n+2).join("_");return t.forEach(o=>{o.id===e.slice(0,n+1).join("_")&&(e.length===n+2?o.children=o.children.filter(({id:i})=>i!==r):o.children=Se(e,o.children,n+1))}),t},Dt=(e,t)=>e.includes("_")?Se(e.split("_"),t):t.filter(({id:n})=>n!==e),Pt=Symbol("dev_component_container");function Mt(e,t,n=null){const r=a.h(e,P({},t),n),o=document.createElement("div");return r[Pt]=o,a.render(r,o),r.component}class $e{constructor(){L(this,"top","50%");L(this,"left","50%")}}const Lt={message:String,backdrop:Boolean,view:{type:Object,default:()=>new $e},zIndex:Number,isFull:{type:Boolean,default:!1}};class xt{constructor(){L(this,"target");L(this,"message");L(this,"loadingTemplateRef");L(this,"backdrop",!0);L(this,"positionType","relative");L(this,"view",new $e);L(this,"zIndex")}}var pi="",Bt=a.defineComponent({name:"DLoading",inheritAttrs:!1,props:Lt,setup(e){const t={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(t.background="none");const n=a.ref(!1);return{style:t,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var l;const{isShow:e,isFull:t,backdrop:n,style:r,message:o,$slots:i}=this;return e&&a.createVNode("div",{class:["devui-loading-contanier",t?"devui-loading--full":""]},[((l=i.default)==null?void 0:l.call(i))||a.createVNode("div",{class:"devui-loading-wrapper"},[n?a.createVNode("div",{class:"devui-loading-mask"},null):null,a.createVNode("div",{style:r,class:"devui-loading-area"},[a.createVNode("div",{class:"devui-busy-default-spinner"},[a.createVNode("div",{class:"devui-loading-bar1"},null),a.createVNode("div",{class:"devui-loading-bar2"},null),a.createVNode("div",{class:"devui-loading-bar3"},null),a.createVNode("div",{class:"devui-loading-bar4"},null)]),o?a.createVNode("span",{class:"devui-loading-text"},[o]):null])])])}});const Et=a.defineComponent(Bt),ee=new WeakMap,Vt={open(e={}){const t=e.target||document.body;if(ee.has(t))return ee.get(t);t.style.position=e.positionType;const n=document.body===t;e=P(P({},new xt),e);const r=Mt(Et,B(P({},e),{isFull:n}),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);ee.set(t,r),r.proxy.open(),t.appendChild(r.proxy.$el);const o=r.proxy.close;return r.loadingInstance=r.proxy,r.loadingInstance.close=(...i)=>{ee.delete(t),o(...i)},r}};var hi="";const Rt=B(P({},{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}}),zt=Symbol("d-checkbox-group");var Ft=a.defineComponent({name:"DCheckbox",props:Rt,emits:["change","update:checked","update:modelValue"],setup(e,t){const n=a.inject(zt,null),r=a.computed(()=>e.checked||e.modelValue),o=a.computed(()=>(n==null?void 0:n.disabled.value)||e.disabled),i=a.computed(()=>{var c,g;return(g=(c=n==null?void 0:n.isItemChecked)==null?void 0:c.call(n,e.value))!=null?g:r.value}),l=a.computed(()=>{var c;return(c=n==null?void 0:n.isShowTitle.value)!=null?c:e.isShowTitle}),d=a.computed(()=>{var c;return(c=n==null?void 0:n.showAnimation.value)!=null?c:e.showAnimation}),f=a.computed(()=>{var c;return(c=n==null?void 0:n.color.value)!=null?c:e.color}),u=n==null?void 0:n.itemWidth.value,p=n==null?void 0:n.direction.value,y=(c,g)=>{var b;if(o.value)return Promise.resolve(!1);const s=(b=e.beforeChange)!=null?b:n==null?void 0:n.beforeChange;if(s){const I=s(c,g);return typeof I=="boolean"?Promise.resolve(I):I}return Promise.resolve(!0)},m=()=>{const c=!r.value;n==null||n.toggleGroupVal(e.value),t.emit("update:checked",c),t.emit("update:modelValue",c),t.emit("change",c)};return{itemWidth:u,direction:p,mergedColor:f,mergedDisabled:o,mergedIsShowTitle:l,mergedChecked:i,mergedShowAnimation:d,handleClick:()=>{y(!r.value,e.label).then(c=>c&&m())}}},render(){var F;const{itemWidth:e,direction:t,mergedChecked:n,mergedDisabled:r,mergedIsShowTitle:o,mergedShowAnimation:i,halfchecked:l,title:d,label:f,handleClick:u,name:p,value:y,mergedColor:m,$slots:T}=this,c={"devui-checkbox-column-margin":t==="column","devui-checkbox-wrap":typeof e!="undefined"},g=e?[`width: ${e}px`]:[],s={"devui-checkbox":!0,active:n,halfchecked:l,disabled:r,unchecked:!n},b=o?d||f:"",I=m&&l||m?`linear-gradient(${m}, ${m})`:"",h=[`border-color:${(n||l)&&m?m:""}`,`background-image:${I}`,`background-color:${m&&l?m:""}`],w={"devui-checkbox-material":!0,"custom-color":m,"devui-checkbox-no-label":!f&&!T.default,"devui-no-animation":!i,"devui-checkbox-default-background":!l},O={"devui-tick":!0,"devui-no-animation":!i},A=me=>me.stopPropagation(),D={indeterminate:l};return a.createVNode("div",{class:c,style:g},[a.createVNode("div",{class:s},[a.createVNode("label",{title:b,onClick:u},[a.createVNode("input",a.mergeProps({name:p||y,class:"devui-checkbox-input",type:"checkbox"},D,{checked:n,disabled:r,onClick:A,onChange:A}),null),a.createVNode("span",{style:h,class:w},[a.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),a.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[a.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[a.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)])])]),f||((F=T.default)==null?void 0:F.call(T))])])])}});function Ut(e){const t=o=>o.reduce((i,l)=>l.open?i.concat(l,t(l.children)):i.concat(l),[]),n=a.ref(t(e.value));return a.watch(()=>e.value,o=>n.value=t(o),{deep:!0}),{openedData:n,toggle:(o,i)=>{o.stopPropagation(),!!i.children&&(i.open=!i.open,n.value=t(e.value))}}}function kt(e){const t=(o,i="children",l="label")=>{const{[i]:d,[l]:f}=o;return Array.isArray(d)&&d.length===1&&d[0][i]&&d[0][i].length===1?t(Object.assign({},d[0],{[l]:`${f} \\ ${d[0][l]}`})):o},n=(o,i=0,l="children",d="label")=>o.map(f=>{const{[l]:u}=f;if(!Array.isArray(u)||!u.length)return Object.assign({},f,{level:i+1});let p=f;return u.length===1&&(p=t(f)),Object.assign({},p,{[l]:n(p[l],i+1,l,d),level:i+1})}),r=a.ref(n(e.value));return a.watch(()=>e.value,()=>{r.value=n(e.value)},{deep:!0}),{mergeData:r}}const Ht="active",we="devui-tree_isDisabledNode",Zt=()=>{const e=a.ref({}),t=a.ref("");return{nodeClassNameReflect:e,handleClickOnNode:o=>{e.value[o]!==we&&t.value!==o&&(t.value&&(e.value[t.value]=""),e.value[o]=Ht,t.value=o)},handleInitNodeClassNameReflect:(o=!1,...i)=>{const l=i.join("-");return e.value[l]=o?we:e.value[l]||"",l}}};function Gt(e,t,n){const r=a.ref({}),o=oe(n),i=f=>{const u=n;let p={},y=[],m;const T=(c,g)=>{c.every(({children:s,id:b})=>m?!1:b===f?(p=g,y=Array.isArray(s)?oe(s).map(({id:I})=>I):[],m=b,!1):(Array.isArray(s)&&T(s,{id:b,children:s.map(({id:I})=>I),parent:g}),!0))};return T(u,{}),{parentLevel:p,childLevel:y}},l=(f,u,p)=>{const y={},m=a.unref(r),T=(c,g=!1)=>{const{id:s,children:b,parent:I}=c;if(!!I)if(u){const h=b.filter(w=>!m[w]||m[w]==="none");h.length<=1?h[0]===p?y[s]="select":g&&(y[s]="half"):y[s]="half",T(I,y[s]==="select")}else{const h=b.filter(w=>m[w]&&m[w]!=="none");h.length<=1?(h[0]===p||g)&&(y[s]="none"):y[s]="half",T(I,y[s]==="none")}};return T(f),y};return{selected:r,onNodeClick:f=>{const{id:u}=f;let p=Object.assign({},a.unref(r));const y=p[u]==="none"||!p[u];if(e.value==="none")p=Object.assign(p,{[u]:y?"select":"none"});else if(e.value==="both"){const{parentLevel:T,childLevel:c}=i(u);p=Object.assign(p,Object.fromEntries(c.map(g=>[g,y?"select":"none"])),l(T,y,u),{[u]:y?"select":"none"})}else if(e.value==="upward"){const{parentLevel:T}=i(u);p=Object.assign(p,l(T,y,u),{[u]:y?"select":"none"})}else if(e.value==="downward"){const{childLevel:T}=i(u);p=Object.assign(p,Object.fromEntries(T.map(c=>[c,y?"select":"none"])),{[u]:y?"select":"none"})}r.value=p;const m=o.filter(({id:T})=>p[T]&&p[T]!=="none");t.emit("nodeSelected",m)}}}const Wt=()=>{const e=a.ref({});return{lazyNodesReflect:e,handleInitLazyNodeReflect:(r,o)=>{var l;if(!r.isParent)return;((l=e.value[o.id])==null?void 0:l.id.toString())||(e.value[o.id]=B(P({},o),{loadingTargetId:`devui-tree_loadingTemplate-${o.id}`,dataSource:null}))},getLazyData:async r=>{const o=e.value[r];if(o.dataSource)return o.dataSource;const i=e.value[r].renderLoading(e.value[r].loadingTargetId);try{e.value[r].dataSource=await o.onGetNodeData()}catch(l){console.error(l)}finally{i.loadingInstance.close()}return e.value[r].dataSource}}},Kt=(e,t)=>{const n=i=>t.handleAdd(),r=i=>t.handleEdit(),o=i=>t.handleDelete();return a.createVNode(a.Fragment,null,[t.addable&&a.createVNode("span",{class:"op-icons icon icon-add",onClick:n},null),t.editable&&a.createVNode("span",{class:"op-icons icon icon-edit",onClick:r},null),t.deletable&&a.createVNode("span",{class:"op-icons icon icon-close",onClick:o},null)])},Jt=e=>{const t=a.ref([]),n=a.ref({});return{operateIconReflect:t,editStatusReflect:n,handleReflectIdToIcon:(o,i)=>{t.value.every(({id:d})=>d!=o)&&(n.value[o]=!1,t.value.push({id:o,renderIcon:d=>Kt(d,i)}))}}};var Yt=typeof global=="object"&&global&&global.Object===Object&&global,Ae=Yt,qt=typeof self=="object"&&self&&self.Object===Object&&self,Qt=Ae||qt||Function("return this")(),M=Qt,Xt=M.Symbol,U=Xt,Ce=Object.prototype,en=Ce.hasOwnProperty,tn=Ce.toString,G=U?U.toStringTag:void 0;function nn(e){var t=en.call(e,G),n=e[G];try{e[G]=void 0;var r=!0}catch{}var o=tn.call(e);return r&&(t?e[G]=n:delete e[G]),o}var rn=Object.prototype,an=rn.toString;function on(e){return an.call(e)}var ln="[object Null]",cn="[object Undefined]",Ne=U?U.toStringTag:void 0;function W(e){return e==null?e===void 0?cn:ln:Ne&&Ne in Object(e)?nn(e):on(e)}function K(e){return e!=null&&typeof e=="object"}var sn=Array.isArray,ie=sn;function J(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var dn="[object AsyncFunction]",un="[object Function]",fn="[object GeneratorFunction]",gn="[object Proxy]";function Oe(e){if(!J(e))return!1;var t=W(e);return t==un||t==fn||t==dn||t==gn}var pn=M["__core-js_shared__"],le=pn,De=function(){var e=/[^.]+$/.exec(le&&le.keys&&le.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function hn(e){return!!De&&De in e}var yn=Function.prototype,vn=yn.toString;function E(e){if(e!=null){try{return vn.call(e)}catch{}try{return e+""}catch{}}return""}var bn=/[\\^$.*+?()[\]{}|]/g,In=/^\[object .+?Constructor\]$/,mn=Function.prototype,Tn=Object.prototype,jn=mn.toString,_n=Tn.hasOwnProperty,Sn=RegExp("^"+jn.call(_n).replace(bn,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function $n(e){if(!J(e)||hn(e))return!1;var t=Oe(e)?Sn:In;return t.test(E(e))}function wn(e,t){return e==null?void 0:e[t]}function V(e,t){var n=wn(e,t);return $n(n)?n:void 0}var An=V(M,"WeakMap"),ce=An,Pe=Object.create,Cn=function(){function e(){}return function(t){if(!J(t))return{};if(Pe)return Pe(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}(),Nn=Cn;function On(e,t){var n=-1,r=e.length;for(t||(t=Array(r));++n<r;)t[n]=e[n];return t}var Dn=function(){try{var e=V(Object,"defineProperty");return e({},"",{}),e}catch{}}(),Me=Dn;function Pn(e,t){for(var n=-1,r=e==null?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}var Mn=9007199254740991,Ln=/^(?:0|[1-9]\d*)$/;function xn(e,t){var n=typeof e;return t=t==null?Mn:t,!!t&&(n=="number"||n!="symbol"&&Ln.test(e))&&e>-1&&e%1==0&&e<t}function Le(e,t,n){t=="__proto__"&&Me?Me(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}function xe(e,t){return e===t||e!==e&&t!==t}var Bn=Object.prototype,En=Bn.hasOwnProperty;function Be(e,t,n){var r=e[t];(!(En.call(e,t)&&xe(r,n))||n===void 0&&!(t in e))&&Le(e,t,n)}function te(e,t,n,r){var o=!n;n||(n={});for(var i=-1,l=t.length;++i<l;){var d=t[i],f=r?r(n[d],e[d],d,n,e):void 0;f===void 0&&(f=e[d]),o?Le(n,d,f):Be(n,d,f)}return n}var Vn=9007199254740991;function Ee(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Vn}function Ve(e){return e!=null&&Ee(e.length)&&!Oe(e)}var Rn=Object.prototype;function se(e){var t=e&&e.constructor,n=typeof t=="function"&&t.prototype||Rn;return e===n}function zn(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}var Fn="[object Arguments]";function Re(e){return K(e)&&W(e)==Fn}var ze=Object.prototype,Un=ze.hasOwnProperty,kn=ze.propertyIsEnumerable,Hn=Re(function(){return arguments}())?Re:function(e){return K(e)&&Un.call(e,"callee")&&!kn.call(e,"callee")},Zn=Hn;function Gn(){return!1}var Fe=typeof v=="object"&&v&&!v.nodeType&&v,Ue=Fe&&typeof module=="object"&&module&&!module.nodeType&&module,Wn=Ue&&Ue.exports===Fe,ke=Wn?M.Buffer:void 0,Kn=ke?ke.isBuffer:void 0,Jn=Kn||Gn,He=Jn,Yn="[object Arguments]",qn="[object Array]",Qn="[object Boolean]",Xn="[object Date]",er="[object Error]",tr="[object Function]",nr="[object Map]",rr="[object Number]",ar="[object Object]",or="[object RegExp]",ir="[object Set]",lr="[object String]",cr="[object WeakMap]",sr="[object ArrayBuffer]",dr="[object DataView]",ur="[object Float32Array]",fr="[object Float64Array]",gr="[object Int8Array]",pr="[object Int16Array]",hr="[object Int32Array]",yr="[object Uint8Array]",vr="[object Uint8ClampedArray]",br="[object Uint16Array]",Ir="[object Uint32Array]",_={};_[ur]=_[fr]=_[gr]=_[pr]=_[hr]=_[yr]=_[vr]=_[br]=_[Ir]=!0,_[Yn]=_[qn]=_[sr]=_[Qn]=_[dr]=_[Xn]=_[er]=_[tr]=_[nr]=_[rr]=_[ar]=_[or]=_[ir]=_[lr]=_[cr]=!1;function mr(e){return K(e)&&Ee(e.length)&&!!_[W(e)]}function de(e){return function(t){return e(t)}}var Ze=typeof v=="object"&&v&&!v.nodeType&&v,Y=Ze&&typeof module=="object"&&module&&!module.nodeType&&module,Tr=Y&&Y.exports===Ze,ue=Tr&&Ae.process,jr=function(){try{var e=Y&&Y.require&&Y.require("util").types;return e||ue&&ue.binding&&ue.binding("util")}catch{}}(),k=jr,Ge=k&&k.isTypedArray,_r=Ge?de(Ge):mr,Sr=_r,$r=Object.prototype,wr=$r.hasOwnProperty;function We(e,t){var n=ie(e),r=!n&&Zn(e),o=!n&&!r&&He(e),i=!n&&!r&&!o&&Sr(e),l=n||r||o||i,d=l?zn(e.length,String):[],f=d.length;for(var u in e)(t||wr.call(e,u))&&!(l&&(u=="length"||o&&(u=="offset"||u=="parent")||i&&(u=="buffer"||u=="byteLength"||u=="byteOffset")||xn(u,f)))&&d.push(u);return d}function Ke(e,t){return function(n){return e(t(n))}}var Ar=Ke(Object.keys,Object),Cr=Ar,Nr=Object.prototype,Or=Nr.hasOwnProperty;function Dr(e){if(!se(e))return Cr(e);var t=[];for(var n in Object(e))Or.call(e,n)&&n!="constructor"&&t.push(n);return t}function fe(e){return Ve(e)?We(e):Dr(e)}function Pr(e){var t=[];if(e!=null)for(var n in Object(e))t.push(n);return t}var Mr=Object.prototype,Lr=Mr.hasOwnProperty;function xr(e){if(!J(e))return Pr(e);var t=se(e),n=[];for(var r in e)r=="constructor"&&(t||!Lr.call(e,r))||n.push(r);return n}function ge(e){return Ve(e)?We(e,!0):xr(e)}var Br=V(Object,"create"),q=Br;function Er(){this.__data__=q?q(null):{},this.size=0}function Vr(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var Rr="__lodash_hash_undefined__",zr=Object.prototype,Fr=zr.hasOwnProperty;function Ur(e){var t=this.__data__;if(q){var n=t[e];return n===Rr?void 0:n}return Fr.call(t,e)?t[e]:void 0}var kr=Object.prototype,Hr=kr.hasOwnProperty;function Zr(e){var t=this.__data__;return q?t[e]!==void 0:Hr.call(t,e)}var Gr="__lodash_hash_undefined__";function Wr(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=q&&t===void 0?Gr:t,this}function R(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}R.prototype.clear=Er,R.prototype.delete=Vr,R.prototype.get=Ur,R.prototype.has=Zr,R.prototype.set=Wr;function Kr(){this.__data__=[],this.size=0}function ne(e,t){for(var n=e.length;n--;)if(xe(e[n][0],t))return n;return-1}var Jr=Array.prototype,Yr=Jr.splice;function qr(e){var t=this.__data__,n=ne(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():Yr.call(t,n,1),--this.size,!0}function Qr(e){var t=this.__data__,n=ne(t,e);return n<0?void 0:t[n][1]}function Xr(e){return ne(this.__data__,e)>-1}function ea(e,t){var n=this.__data__,r=ne(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}function x(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}x.prototype.clear=Kr,x.prototype.delete=qr,x.prototype.get=Qr,x.prototype.has=Xr,x.prototype.set=ea;var ta=V(M,"Map"),Q=ta;function na(){this.size=0,this.__data__={hash:new R,map:new(Q||x),string:new R}}function ra(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function re(e,t){var n=e.__data__;return ra(t)?n[typeof t=="string"?"string":"hash"]:n.map}function aa(e){var t=re(this,e).delete(e);return this.size-=t?1:0,t}function oa(e){return re(this,e).get(e)}function ia(e){return re(this,e).has(e)}function la(e,t){var n=re(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this}function H(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}H.prototype.clear=na,H.prototype.delete=aa,H.prototype.get=oa,H.prototype.has=ia,H.prototype.set=la;function Je(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}var ca=Ke(Object.getPrototypeOf,Object),Ye=ca;function sa(){this.__data__=new x,this.size=0}function da(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n}function ua(e){return this.__data__.get(e)}function fa(e){return this.__data__.has(e)}var ga=200;function pa(e,t){var n=this.__data__;if(n instanceof x){var r=n.__data__;if(!Q||r.length<ga-1)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new H(r)}return n.set(e,t),this.size=n.size,this}function Z(e){var t=this.__data__=new x(e);this.size=t.size}Z.prototype.clear=sa,Z.prototype.delete=da,Z.prototype.get=ua,Z.prototype.has=fa,Z.prototype.set=pa;function ha(e,t){return e&&te(t,fe(t),e)}function ya(e,t){return e&&te(t,ge(t),e)}var qe=typeof v=="object"&&v&&!v.nodeType&&v,Qe=qe&&typeof module=="object"&&module&&!module.nodeType&&module,va=Qe&&Qe.exports===qe,Xe=va?M.Buffer:void 0,et=Xe?Xe.allocUnsafe:void 0;function ba(e,t){if(t)return e.slice();var n=e.length,r=et?et(n):new e.constructor(n);return e.copy(r),r}function Ia(e,t){for(var n=-1,r=e==null?0:e.length,o=0,i=[];++n<r;){var l=e[n];t(l,n,e)&&(i[o++]=l)}return i}function tt(){return[]}var ma=Object.prototype,Ta=ma.propertyIsEnumerable,nt=Object.getOwnPropertySymbols,ja=nt?function(e){return e==null?[]:(e=Object(e),Ia(nt(e),function(t){return Ta.call(e,t)}))}:tt,pe=ja;function _a(e,t){return te(e,pe(e),t)}var Sa=Object.getOwnPropertySymbols,$a=Sa?function(e){for(var t=[];e;)Je(t,pe(e)),e=Ye(e);return t}:tt,rt=$a;function wa(e,t){return te(e,rt(e),t)}function at(e,t,n){var r=t(e);return ie(e)?r:Je(r,n(e))}function Aa(e){return at(e,fe,pe)}function Ca(e){return at(e,ge,rt)}var Na=V(M,"DataView"),he=Na,Oa=V(M,"Promise"),ye=Oa,Da=V(M,"Set"),ve=Da,ot="[object Map]",Pa="[object Object]",it="[object Promise]",lt="[object Set]",ct="[object WeakMap]",st="[object DataView]",Ma=E(he),La=E(Q),xa=E(ye),Ba=E(ve),Ea=E(ce),z=W;(he&&z(new he(new ArrayBuffer(1)))!=st||Q&&z(new Q)!=ot||ye&&z(ye.resolve())!=it||ve&&z(new ve)!=lt||ce&&z(new ce)!=ct)&&(z=function(e){var t=W(e),n=t==Pa?e.constructor:void 0,r=n?E(n):"";if(r)switch(r){case Ma:return st;case La:return ot;case xa:return it;case Ba:return lt;case Ea:return ct}return t});var be=z,Va=Object.prototype,Ra=Va.hasOwnProperty;function za(e){var t=e.length,n=new e.constructor(t);return t&&typeof e[0]=="string"&&Ra.call(e,"index")&&(n.index=e.index,n.input=e.input),n}var Fa=M.Uint8Array,dt=Fa;function Ie(e){var t=new e.constructor(e.byteLength);return new dt(t).set(new dt(e)),t}function Ua(e,t){var n=t?Ie(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}var ka=/\w*$/;function Ha(e){var t=new e.constructor(e.source,ka.exec(e));return t.lastIndex=e.lastIndex,t}var ut=U?U.prototype:void 0,ft=ut?ut.valueOf:void 0;function Za(e){return ft?Object(ft.call(e)):{}}function Ga(e,t){var n=t?Ie(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}var Wa="[object Boolean]",Ka="[object Date]",Ja="[object Map]",Ya="[object Number]",qa="[object RegExp]",Qa="[object Set]",Xa="[object String]",eo="[object Symbol]",to="[object ArrayBuffer]",no="[object DataView]",ro="[object Float32Array]",ao="[object Float64Array]",oo="[object Int8Array]",io="[object Int16Array]",lo="[object Int32Array]",co="[object Uint8Array]",so="[object Uint8ClampedArray]",uo="[object Uint16Array]",fo="[object Uint32Array]";function go(e,t,n){var r=e.constructor;switch(t){case to:return Ie(e);case Wa:case Ka:return new r(+e);case no:return Ua(e,n);case ro:case ao:case oo:case io:case lo:case co:case so:case uo:case fo:return Ga(e,n);case Ja:return new r;case Ya:case Xa:return new r(e);case qa:return Ha(e);case Qa:return new r;case eo:return Za(e)}}function po(e){return typeof e.constructor=="function"&&!se(e)?Nn(Ye(e)):{}}var ho="[object Map]";function yo(e){return K(e)&&be(e)==ho}var gt=k&&k.isMap,vo=gt?de(gt):yo,bo=vo,Io="[object Set]";function mo(e){return K(e)&&be(e)==Io}var pt=k&&k.isSet,To=pt?de(pt):mo,jo=To,_o=1,So=2,$o=4,ht="[object Arguments]",wo="[object Array]",Ao="[object Boolean]",Co="[object Date]",No="[object Error]",yt="[object Function]",Oo="[object GeneratorFunction]",Do="[object Map]",Po="[object Number]",vt="[object Object]",Mo="[object RegExp]",Lo="[object Set]",xo="[object String]",Bo="[object Symbol]",Eo="[object WeakMap]",Vo="[object ArrayBuffer]",Ro="[object DataView]",zo="[object Float32Array]",Fo="[object Float64Array]",Uo="[object Int8Array]",ko="[object Int16Array]",Ho="[object Int32Array]",Zo="[object Uint8Array]",Go="[object Uint8ClampedArray]",Wo="[object Uint16Array]",Ko="[object Uint32Array]",j={};j[ht]=j[wo]=j[Vo]=j[Ro]=j[Ao]=j[Co]=j[zo]=j[Fo]=j[Uo]=j[ko]=j[Ho]=j[Do]=j[Po]=j[vt]=j[Mo]=j[Lo]=j[xo]=j[Bo]=j[Zo]=j[Go]=j[Wo]=j[Ko]=!0,j[No]=j[yt]=j[Eo]=!1;function ae(e,t,n,r,o,i){var l,d=t&_o,f=t&So,u=t&$o;if(n&&(l=o?n(e,r,o,i):n(e)),l!==void 0)return l;if(!J(e))return e;var p=ie(e);if(p){if(l=za(e),!d)return On(e,l)}else{var y=be(e),m=y==yt||y==Oo;if(He(e))return ba(e,d);if(y==vt||y==ht||m&&!o){if(l=f||m?{}:po(e),!d)return f?wa(e,ya(l,e)):_a(e,ha(l,e))}else{if(!j[y])return o?e:{};l=go(e,y,d)}}i||(i=new Z);var T=i.get(e);if(T)return T;i.set(e,l),jo(e)?e.forEach(function(s){l.add(ae(s,t,n,s,e,i))}):bo(e)&&e.forEach(function(s,b){l.set(b,ae(s,t,n,b,e,i))});var c=u?f?Ca:Aa:f?ge:fe,g=p?void 0:c(e);return Pn(g||e,function(s,b){g&&(b=s,s=e[b]),Be(l,b,ae(s,t,n,b,e,i))}),l}var Jo=1,Yo=4;function bt(e){return ae(e,Jo|Yo)}const It="devui-tree-node__content--value-wrapper";function qo(e,t,n,r,o){const i=a.reactive({dropType:null,draggingNode:null}),l=a.ref({});a.watch(()=>r.value,()=>{l.value=r.value.reduce((c,g)=>B(P({},c),{[g.id]:g}),{})},{deep:!0,immediate:!0});const d=c=>{var g;(g=c.querySelector(`.${It}`))==null||g.classList.remove(...["prev","next","inner"].map(s=>`devui-drop-${s}`))},f=(c,g)=>{const s=l.value[c].parentId;return s===g?!0:s!==void 0?f(s,g):!1},u=(c,g,s)=>{const b=bt(o.value);let I,h;const w=O=>{!Array.isArray(O)||O.every((A,D)=>I&&h?!1:(A.id===c?I={target:O,index:D,item:A}:A.id===g&&(h={target:O,index:D,item:A}),(!I||!h)&&w(A.children),!0))};if(w(b),I&&h&&s){const O=bt(I.target[I.index]);if(s==="prev")h.target.splice(h.index,0,O);else if(s==="next")h.target.splice(h.index+1,0,O);else if(s==="inner"){const D=h.target[h.index].children;Array.isArray(D)?D.unshift(O):h.target[h.index].children=[O]}const A=I.target.indexOf(I.item);A!==-1&&I.target.splice(A,1)}return b};return{onDragstart:(c,g)=>{i.draggingNode=c.target;const s={type:"tree-node",nodeId:g.id};c.dataTransfer.setData("Text",JSON.stringify(s))},onDragover:c=>{var g;if(e){if(c.preventDefault(),c.dataTransfer.dropEffect="move",!n)return;const s=t.dropPrev,b=t.dropNext,I=t.dropInner;let h;const w=s?I?.25:b?.45:1:-1,O=b?I?.75:s?.55:0:1,A=c.currentTarget,D=A.getBoundingClientRect(),F=c.clientY-D.top;F<D.height*w?h="prev":F>D.height*O?h="next":I?h="inner":h=void 0,d(A),h&&h!=="none"&&((g=A.querySelector(`.${It}`))==null||g.classList.add(`devui-drop-${h}`)),i.dropType=h}},onDragleave:c=>{d(c.currentTarget)},onDrop:(c,g)=>{if(d(c.currentTarget),!e)return;c.preventDefault();const s=c.dataTransfer.getData("Text");if(s)try{const b=JSON.parse(s);if(typeof b=="object"&&b.type==="tree-node"){const I=b.nodeId,h=f(g.id,I);if(I===g.id||h)return;let w;i.dropType&&(w=u(I,g.id,i.dropType)),o.value=w}}catch(b){console.error(b)}},dragState:i}}var Qo="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",Xo="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",ei=a.defineComponent({name:"DTreeNodeContent",props:{node:{type:Object,required:!0},editStatusReflect:{type:Object,required:!0}},setup(e){const t=a.inject("treeRoot"),n=r=>`devui-tree-node__input-${r}`;return a.onUpdated(()=>{const r=document.querySelector(`#${n(e.node.id)}`);r==null||r.focus()}),()=>{const{node:r,editStatusReflect:o}=a.toRefs(e),{disabled:i,label:l,id:d}=r.value,f=({target:p})=>{r.value.label=p.value},u=()=>{o.value[d]=!1};return t.ctx.slots.default?t.ctx.slots.default({node:r}):a.createVNode("span",{class:["devui-tree-node__title",i&&"select-disabled"]},[o.value[d]?a.createVNode("input",{id:n(d),ref:a.ref,value:l,onChange:f,onBlur:u},null):l])}}}),vi="",X=a.defineComponent({name:"DTree",props:N,emits:["nodeSelected"],setup(e,t){const{data:n,checkable:r,draggable:o,dropType:i,checkableRelation:l}=a.toRefs(a.reactive(B(P({},e),{data:_e(e.data)}))),d=a.ref(null),{mergeData:f}=kt(n),{openedData:u,toggle:p}=Ut(f),{nodeClassNameReflect:y,handleInitNodeClassNameReflect:m,handleClickOnNode:T}=Zt(),{lazyNodesReflect:c,handleInitLazyNodeReflect:g,getLazyData:s}=Wt(),{selected:b,onNodeClick:I}=Gt(l,t,n.value),{editStatusReflect:h,operateIconReflect:w,handleReflectIdToIcon:O}=Jt(),{onDragstart:A,onDragover:D,onDragleave:F,onDrop:me}=qo(o.value,i.value,d,u,n);a.provide("treeRoot",{ctx:t,props:e});const ni=S=>{var wt;const{id:C="",disabled:mt,open:Tt,isParent:ri,level:ai,children:jt,addable:_t,editable:St,deletable:$t}=S;O(C,{addable:_t,editable:St,deletable:$t,handleAdd:()=>{const $={id:Ot(S.id),label:"new item",level:S.level+1,addable:_t,editable:St,deletable:$t};S.open=!0,S.children&&Array.isArray(S.children)?S.children.push($):S.children=[$]},handleEdit:()=>{h.value[C]=!h.value[C]},handleDelete:()=>{f.value=Dt(C,f.value)}}),m(mt,C),g(S,{id:C,onGetNodeData:async()=>new Promise($=>{setTimeout(()=>{$([{id:`It is a test Node-1 ID = ${C}`,label:`It is a test Node-1 ID = ${C}`,level:S.level+1},{id:`It is a test Node-2 ID = ${C}`,label:`It is a test Node-2 ID = ${C}`,level:S.level+1}])},4e3)}),renderLoading:$=>Vt.open({target:document.getElementById($),message:"\u52A0\u8F7D\u4E2D...",positionType:"relative",zIndex:1})});const oi=$=>{const li=async ci=>($.isParent&&($.children=await s(C)),p(ci,$));return a.createVNode("div",{class:"devui-tree-node__folder",onClick:li},[ri||jt&&jt.length?Tt?a.createVNode(Qo,{class:"mr-xs"},null):a.createVNode(Xo,{class:"mr-xs"},null):a.createVNode("span",{class:"devui-tree-node__indent"},null)])},ii=Ct[(wt=b.value[C])!=null?wt:"none"];return a.createVNode("div",{class:["devui-tree-node",Tt&&"devui-tree-node__open"],style:{paddingLeft:`${24*(ai-1)}px`},draggable:o.value,onDragstart:$=>A($,S),onDragover:$=>D($,S),onDragleave:$=>F($),onDrop:$=>me($,S)},[a.createVNode("div",{class:`devui-tree-node__content ${y.value[C]}`,onClick:()=>T(C)},[oi(S),a.createVNode("div",{class:["devui-tree-node__content--value-wrapper",o&&"devui-drop-draggable"]},[r.value&&a.createVNode(Ft,a.mergeProps({key:C,onClick:()=>I(S),disabled:mt},ii),null),a.createVNode(ei,{node:S,editStatusReflect:h.value},null),w.value.find(({id:$})=>C===$).renderIcon(S),S.isParent?a.createVNode("div",{class:"devui-tree-node_loading",id:c.value[C].loadingTargetId},null):null])])])};return()=>a.createVNode("div",{class:"devui-tree"},[u.value.map(S=>ni(S))])}});X.install=function(e){e.component(X.name,X)};var ti={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(e){e.use(X)}};v.Tree=X,v.default=ti,Object.defineProperty(v,"__esModule",{value:!0}),v[Symbol.toStringTag]="Module"});

package/tree/style.css

@@ -1 +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))}
+@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-indicator{height:1px;background-color:var(--devui-brand, #5e7ce0);position:absolute}.devui-tree-node{color:var(--devui-text-weak, #575d6c);line-height:1.5;white-space:nowrap;position:relative}.devui-tree-node .devui-drop-draggable{border-top:1px solid transparent;border-bottom:1px solid transparent}.devui-tree-node .devui-drop-inner{color:var(--devui-brand, #5e7ce0)}.devui-tree-node .devui-drop-prev{border-top:1px solid var(--devui-brand, #5e7ce0)}.devui-tree-node .devui-drop-next{border-bottom:1px solid var(--devui-brand, #5e7ce0)}.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__indent{display:inline-block;width:16px;height:16px;margin-left:8px}.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}

package/vue-devui.es.js

@@ -645,9 +645,6 @@ var Alert = defineComponent$1({
     let dismissTimer = void 0;
     const close = (event) => {
       dismissTimer && clearTimeout(dismissTimer);
-      const dom = alertEl.value;
-      dom.style.height = `${dom.offsetHeight}px`;
-      dom.style.height = `${dom.offsetHeight}px`;
       closing.value = true;
       ctx2.emit("close", event);
     };
@@ -24202,14 +24199,7 @@ const statisticProps = {
     type: String,
     default: ""
   },
-  showGroupSeparator: {
-    type: Boolean,
-    default: true
-  },
-  titleStyle: {
-    type: Object
-  },
-  contentStyle: {
+  valueStyle: {
     type: Object
   },
   animationDuration: {
@@ -24225,25 +24215,17 @@ const statisticProps = {
   },
   start: {
     type: Boolean,
-    default: false
+    default: true
   },
   extra: {
     type: String,
     default: ""
-  },
-  easing: {
-    type: String,
-    default: "easeOutCubic"
-  },
-  delay: {
-    type: Number,
-    default: 0
   }
 };
-const separator = (SeparatorString, groupSeparator, showGroupSeparator) => {
+const separator = (SeparatorString, groupSeparator) => {
   const res = SeparatorString.replace(/\d+/, function(n) {
     return n.replace(/(\d)(?=(\d{3})+$)/g, function($1) {
-      return $1 + `${showGroupSeparator ? groupSeparator : ""}`;
+      return $1 + `${groupSeparator}`;
     });
   });
   return res;
@@ -24253,13 +24235,13 @@ const isHasDot = (value) => {
     return (value + "").indexOf(".") !== -1;
   }
 };
-const analysisValueType = (value, propsValue, groupSeparator, splitPrecisionNumber, showGroupSeparator) => {
+const analysisValueType = (value, propsValue, groupSeparator, splitPrecisionNumber) => {
   const fixedNumber = propsValue.toString().indexOf(".") !== -1 ? propsValue.toString().length - propsValue.toString().indexOf(".") - 1 : 0;
   if (typeof value === "number") {
     if (isHasDot(value)) {
-      return splitPrecisionNumber ? separator(value.toFixed(splitPrecisionNumber).toString(), groupSeparator, showGroupSeparator) : separator(value.toFixed(fixedNumber).toString(), groupSeparator, showGroupSeparator);
+      return splitPrecisionNumber ? separator(value.toFixed(splitPrecisionNumber).toString(), groupSeparator) : separator(value.toFixed(fixedNumber).toString(), groupSeparator);
     } else {
-      return splitPrecisionNumber ? separator(value.toFixed(splitPrecisionNumber).toString(), groupSeparator, showGroupSeparator) : separator(value.toString(), groupSeparator, showGroupSeparator);
+      return splitPrecisionNumber ? separator(value.toFixed(splitPrecisionNumber).toString(), groupSeparator) : separator(value.toString(), groupSeparator);
     }
   } else {
     return value;
@@ -24396,9 +24378,9 @@ var Statistic = defineComponent$1({
           to: {
             value: to
           },
-          delay: props.delay,
+          delay: 0,
           duration: props.animationDuration,
-          easing: props.easing,
+          easing: "easeOutCubic",
           onUpdate: (keys2) => {
             innerValue.value = keys2.value;
           },
@@ -24410,7 +24392,7 @@ var Statistic = defineComponent$1({
       }
     };
     const statisticValue = computed(() => {
-      return analysisValueType(innerValue.value, props.value, props.groupSeparator, props.precision, props.showGroupSeparator);
+      return analysisValueType(innerValue.value, props.value, props.groupSeparator, props.precision);
     });
     onMounted(() => {
       if (props.animation && props.start) {
@@ -24423,7 +24405,7 @@ var Statistic = defineComponent$1({
       }
     });
     return () => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
       return createVNode("div", mergeProps({
         "class": "devui-statistic"
       }, ctx2.attrs), [createVNode("div", {
@@ -24431,14 +24413,16 @@ var Statistic = defineComponent$1({
         "style": props.titleStyle
       }, [((_b = (_a2 = ctx2.slots).title) == null ? void 0 : _b.call(_a2)) || props.title]), createVNode("div", {
         "class": "devui-statistic-content",
-        "style": props.contentStyle
+        "style": props.valueStyle
       }, [props.prefix || ((_d = (_c = ctx2.slots).prefix) == null ? void 0 : _d.call(_c)) ? createVNode("span", {
         "class": "devui-statistic-prefix"
       }, [((_f = (_e = ctx2.slots).prefix) == null ? void 0 : _f.call(_e)) || props.prefix]) : null, createVNode("span", {
         "class": "devui-statistic--value"
       }, [statisticValue.value]), props.suffix || ((_h = (_g = ctx2.slots).suffix) == null ? void 0 : _h.call(_g)) ? createVNode("span", {
         "class": "devui-statistic-suffix"
-      }, [((_j = (_i = ctx2.slots).suffix) == null ? void 0 : _j.call(_i)) || props.suffix]) : null]), ((_l = (_k = ctx2.slots).extra) == null ? void 0 : _l.call(_k)) || props.extra]);
+      }, [((_j = (_i = ctx2.slots).suffix) == null ? void 0 : _j.call(_i)) || props.suffix]) : null]), props.extra || ((_l = (_k = ctx2.slots).extra) == null ? void 0 : _l.call(_k)) ? createVNode("div", {
+        "class": "devui-statistic-extra"
+      }, [createTextVNode(" "), ((_n = (_m = ctx2.slots).extra) == null ? void 0 : _n.call(_m)) || props.extra]) : null]);
     };
   }
 });
@@ -27907,7 +27891,7 @@ DTooltip.install = function(app) {
 var TooltipInstall = {
   title: "Tooltip\u63D0\u793A",
   category: "\u53CD\u9988",
-  status: "50%",
+  status: "70%",
   install(app) {
     app.use(DTooltip);
   }
@@ -28677,9 +28661,17 @@ const treeProps = {
     type: Boolean,
     default: false
   },
+  draggable: {
+    type: Boolean,
+    default: false
+  },
   checkableRelation: {
     type: String,
     default: "none"
+  },
+  dropType: {
+    type: Object,
+    default: () => ({})
   }
 };
 const CHECK_CONFIG = {
@@ -28697,7 +28689,6 @@ const flatten = (tree2, key = "children") => {
 const getRandomId = () => (Math.random() * 10 ** 9).toString().slice(0, 8);
 const preCheckNodeId = (d, postfixId) => {
   const randomStr = getRandomId();
-  console.info("randomStr: ", randomStr);
   return __spreadProps(__spreadValues({}, d), { id: postfixId ? `${postfixId}_${randomStr}` : randomStr });
 };
 const getId = (id) => {
@@ -28707,6 +28698,9 @@ const getId = (id) => {
 const preCheckTree = (ds, postfixId) => {
   return ds.map((d) => {
     const dd = preCheckNodeId(d, postfixId);
+    if (!dd.parentId && postfixId) {
+      dd.parentId = postfixId;
+    }
     return d.children ? __spreadProps(__spreadValues({}, dd), {
       children: preCheckTree(d.children, dd.id)
     }) : dd;
@@ -28775,7 +28769,10 @@ function useMergeNode(data) {
       });
     });
   };
-  const mergeData = ref(mergeNode(data));
+  const mergeData = ref(mergeNode(data.value));
+  watch(() => data.value, () => {
+    mergeData.value = mergeNode(data.value);
+  }, { deep: true });
   return {
     mergeData
   };
@@ -28975,6 +28972,153 @@ const useOperate = (treeData) => {
     handleReflectIdToIcon
   };
 };
+const ACTIVE_NODE = "devui-tree-node__content--value-wrapper";
+function useDraggable(draggable, dropType, node, renderData, data) {
+  const dragState = reactive({
+    dropType: null,
+    draggingNode: null
+  });
+  const treeIdMapValue = ref({});
+  watch(() => renderData.value, () => {
+    treeIdMapValue.value = renderData.value.reduce((acc, cur) => __spreadProps(__spreadValues({}, acc), { [cur.id]: cur }), {});
+  }, { deep: true, immediate: true });
+  const removeDraggingStyle = (target) => {
+    var _a;
+    (_a = target.querySelector(`.${ACTIVE_NODE}`)) == null ? void 0 : _a.classList.remove(...["prev", "next", "inner"].map((item2) => `devui-drop-${item2}`));
+  };
+  const checkIsParent = (childNodeId, parentNodeId) => {
+    const realParentId = treeIdMapValue.value[childNodeId].parentId;
+    if (realParentId === parentNodeId) {
+      return true;
+    } else if (realParentId !== void 0) {
+      return checkIsParent(realParentId, parentNodeId);
+    } else {
+      return false;
+    }
+  };
+  const handlerDropData = (dragNodeId, dropNodeId, dropType2) => {
+    const cloneData = cloneDeep(data.value);
+    let nowDragNode;
+    let nowDropNode;
+    const findDragAndDropNode = (curr) => {
+      if (!Array.isArray(curr))
+        return;
+      curr.every((item2, index2) => {
+        if (nowDragNode && nowDropNode) {
+          return false;
+        }
+        if (item2.id === dragNodeId) {
+          nowDragNode = { target: curr, index: index2, item: item2 };
+        } else if (item2.id === dropNodeId) {
+          nowDropNode = { target: curr, index: index2, item: item2 };
+        }
+        if (!nowDragNode || !nowDropNode) {
+          findDragAndDropNode(item2.children);
+        }
+        return true;
+      });
+    };
+    findDragAndDropNode(cloneData);
+    if (nowDragNode && nowDropNode && dropType2) {
+      const cloneDrapNode = cloneDeep(nowDragNode.target[nowDragNode.index]);
+      if (dropType2 === "prev") {
+        nowDropNode.target.splice(nowDropNode.index, 0, cloneDrapNode);
+      } else if (dropType2 === "next") {
+        nowDropNode.target.splice(nowDropNode.index + 1, 0, cloneDrapNode);
+      } else if (dropType2 === "inner") {
+        const children = nowDropNode.target[nowDropNode.index].children;
+        if (Array.isArray(children)) {
+          children.unshift(cloneDrapNode);
+        } else {
+          nowDropNode.target[nowDropNode.index].children = [cloneDrapNode];
+        }
+      }
+      const targetIndex = nowDragNode.target.indexOf(nowDragNode.item);
+      if (targetIndex !== -1) {
+        nowDragNode.target.splice(targetIndex, 1);
+      }
+    }
+    return cloneData;
+  };
+  const onDragstart = (event, treeNode) => {
+    dragState.draggingNode = event.target;
+    const data2 = {
+      type: "tree-node",
+      nodeId: treeNode.id
+    };
+    event.dataTransfer.setData("Text", JSON.stringify(data2));
+  };
+  const onDragover = (event) => {
+    var _a;
+    if (draggable) {
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "move";
+      if (!node) {
+        return;
+      }
+      const dropPrev = dropType.dropPrev;
+      const dropNext = dropType.dropNext;
+      const dropInner = dropType.dropInner;
+      let innerDropType;
+      const prevPercent = dropPrev ? dropInner ? 0.25 : dropNext ? 0.45 : 1 : -1;
+      const nextPercent = dropNext ? dropInner ? 0.75 : dropPrev ? 0.55 : 0 : 1;
+      const currentTarget = event.currentTarget;
+      const targetPosition = currentTarget.getBoundingClientRect();
+      const distance = event.clientY - targetPosition.top;
+      if (distance < targetPosition.height * prevPercent) {
+        innerDropType = "prev";
+      } else if (distance > targetPosition.height * nextPercent) {
+        innerDropType = "next";
+      } else if (dropInner) {
+        innerDropType = "inner";
+      } else {
+        innerDropType = void 0;
+      }
+      removeDraggingStyle(currentTarget);
+      if (innerDropType && innerDropType !== "none") {
+        (_a = currentTarget.querySelector(`.${ACTIVE_NODE}`)) == null ? void 0 : _a.classList.add(`devui-drop-${innerDropType}`);
+      }
+      dragState.dropType = innerDropType;
+    }
+  };
+  const onDragleave = (event) => {
+    removeDraggingStyle(event.currentTarget);
+  };
+  const onDrop2 = (event, dropNode) => {
+    removeDraggingStyle(event.currentTarget);
+    if (!draggable) {
+      return;
+    }
+    event.preventDefault();
+    const transferDataStr = event.dataTransfer.getData("Text");
+    if (transferDataStr) {
+      try {
+        const transferData = JSON.parse(transferDataStr);
+        if (typeof transferData === "object" && transferData.type === "tree-node") {
+          const dragNodeId = transferData.nodeId;
+          const isParent = checkIsParent(dropNode.id, dragNodeId);
+          if (dragNodeId === dropNode.id || isParent) {
+            return;
+          }
+          let result2;
+          if (dragState.dropType) {
+            result2 = handlerDropData(dragNodeId, dropNode.id, dragState.dropType);
+          }
+          data.value = result2;
+        }
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  };
+  return {
+    onDragstart,
+    onDragover,
+    onDragleave,
+    onDrop: onDrop2,
+    dragState
+  };
+}
 var IconOpen$1 = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=";
 var IconClose$1 = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K";
 var NodeContent = defineComponent$1({
@@ -29037,13 +29181,16 @@ var Tree = defineComponent$1({
     const {
       data,
       checkable,
+      draggable,
+      dropType,
       checkableRelation: cbr
     } = toRefs(reactive(__spreadProps(__spreadValues({}, props), {
       data: preCheckTree(props.data)
     })));
+    const node = ref(null);
     const {
       mergeData
-    } = useMergeNode(data.value);
+    } = useMergeNode(data);
     const {
       openedData,
       toggle
@@ -29067,20 +29214,20 @@ var Tree = defineComponent$1({
       operateIconReflect,
       handleReflectIdToIcon
     } = useOperate();
+    const {
+      onDragstart,
+      onDragover,
+      onDragleave,
+      onDrop: onDrop2
+    } = useDraggable(draggable.value, dropType.value, node, openedData, data);
     provide("treeRoot", {
       ctx: ctx2,
       props
     });
-    const Indent = () => {
-      return createVNode("span", {
-        "style": "display: inline-block; width: 16px; height: 16px; margin-left: 8px;"
-      }, null);
-    };
     const renderNode = (item2) => {
       var _a;
       const {
         id = "",
-        label,
         disabled,
         open,
         isParent,
@@ -29158,20 +29305,27 @@ var Tree = defineComponent$1({
           "class": "mr-xs"
         }, null) : createVNode(IconClose$1, {
           "class": "mr-xs"
-        }, null) : createVNode(Indent, null, null)]);
+        }, null) : createVNode("span", {
+          "class": "devui-tree-node__indent"
+        }, null)]);
       };
       const checkState = CHECK_CONFIG[(_a = selected.value[id]) != null ? _a : "none"];
       return createVNode("div", {
         "class": ["devui-tree-node", open && "devui-tree-node__open"],
         "style": {
           paddingLeft: `${24 * (level - 1)}px`
-        }
+        },
+        "draggable": draggable.value,
+        "onDragstart": (event) => onDragstart(event, item2),
+        "onDragover": (event) => onDragover(event, item2),
+        "onDragleave": (event) => onDragleave(event),
+        "onDrop": (event) => onDrop2(event, item2)
       }, [createVNode("div", {
         "class": `devui-tree-node__content ${nodeClassNameReflect.value[id]}`,
         "onClick": () => handleClickOnNode(id)
-      }, [createVNode("div", {
-        "class": "devui-tree-node__content--value-wrapper"
-      }, [renderFoldIcon(item2), checkable.value && createVNode(Checkbox, mergeProps({
+      }, [renderFoldIcon(item2), createVNode("div", {
+        "class": ["devui-tree-node__content--value-wrapper", draggable && "devui-drop-draggable"]
+      }, [checkable.value && createVNode(Checkbox, mergeProps({
         "key": id,
         "onClick": () => onNodeClick(item2),
         "disabled": disabled