vue-devui 1.0.0-rc.8 → 1.0.0-rc.9

package/tree/index.umd.js

@@ -1 +1 @@
-var ae=Object.defineProperty,ie=Object.defineProperties;var ue=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable;var z=(v,e,k)=>e in v?ae(v,e,{enumerable:!0,configurable:!0,writable:!0,value:k}):v[e]=k,w=(v,e)=>{for(var k in e||(e={}))fe.call(e,k)&&z(v,k,e[k]);if(q)for(var k of q(e))ge.call(e,k)&&z(v,k,e[k]);return v},S=(v,e)=>ie(v,ue(e));(function(v,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(v=typeof globalThis!="undefined"?globalThis:v||self,e(v.index={},v.Vue))})(this,function(v,e){"use strict";const k="use-tree-token",K=()=>e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"svg-icon"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("rect",{x:"0.5",y:"0.5",width:"15",height:"15",rx:"2",stroke:"#252b3a"},null),e.createVNode("path",{fill:"#252b3a",d:"M8.75,4 L8.75,7.25 L12,7.25 L12,8.75 L8.749,8.75 L8.75,12 L7.25,12 L7.249,8.75 L4,8.75 L4,7.25 L7.25,7.25 L7.25,4 L8.75,4 Z"},null)])]),Z=()=>e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"svg-icon svg-icon-close"},[e.createVNode("g",{"stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("rect",{x:"0.5",y:"0.5",width:"15",height:"15",rx:"2",stroke:"#5e7ce0"},null),e.createVNode("rect",{x:"4",y:"7",width:"8",height:"2",fill:"#5e7ce0"},null)])]);function D(o,n,t){let l=o;return n&&(l+=`__${n}`),t&&(l+=`--${t}`),l}function x(o){const n=`devui-${o}`;return{b:()=>D(n),e:s=>s?D(n,s):"",m:s=>s?D(n,"",s):"",em:(s,f)=>s&&f?D(n,s,f):""}}var P=e.defineComponent({name:"DTreeNodeToggle",props:{data:{type:Object,default:()=>({})}},setup(o){const{data:n}=e.toRefs(o),{toggleNode:t}=e.inject(k),l=x("tree");return()=>{var d;return e.createVNode("span",{class:[l.e("node-folder"),((d=n.value)==null?void 0:d.disableToggle)&&"toggle-disabled"],onClick:h=>{h.stopPropagation(),t&&t(n.value)}},[n.value.isLeaf?e.createVNode("span",{class:l.e("node-indent")},null):n.value.expanded?e.createVNode(Z,{class:"mr-xs"},null):e.createVNode(K,{class:"mr-xs"},null)])}}});const j={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}},J=S(w({},j),{checked:{type:Boolean,default:!1},value:{type:String},label:{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}}),Q=S(w({},j),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),_=Symbol("d-checkbox-group");var me="",A=e.defineComponent({name:"DCheckbox",props:J,emits:["change","update:checked","update:modelValue"],setup(o,n){const t=e.inject(_,null),l=x("checkbox"),d=e.computed(()=>o.checked||o.modelValue),h=e.computed(()=>(t==null?void 0:t.disabled.value)||o.disabled),s=e.computed(()=>{var u,b;return(b=(u=t==null?void 0:t.isItemChecked)==null?void 0:u.call(t,o.value))!=null?b:d.value}),f=e.computed(()=>{var u;return(u=t==null?void 0:t.isShowTitle.value)!=null?u:o.isShowTitle}),c=e.computed(()=>{var u;return(u=t==null?void 0:t.showAnimation.value)!=null?u:o.showAnimation}),i=e.computed(()=>{var u;return(u=t==null?void 0:t.color.value)!=null?u:o.color}),r=t==null?void 0:t.itemWidth.value,p=t==null?void 0:t.direction.value,a=(u,b)=>{var y;if(h.value)return Promise.resolve(!1);const m=(y=o.beforeChange)!=null?y:t==null?void 0:t.beforeChange;if(m){const V=m(u,b);return typeof V=="boolean"?Promise.resolve(V):V}return Promise.resolve(!0)},g=()=>{const u=!d.value;t==null||t.toggleGroupVal(o.value),n.emit("update:checked",u),n.emit("update:modelValue",u),n.emit("change",u)};return{itemWidth:r,direction:p,mergedColor:i,mergedDisabled:h,mergedIsShowTitle:f,mergedChecked:s,mergedShowAnimation:c,handleClick:()=>{a(!d.value,o.label).then(u=>u&&g())},ns:l}},render(){var W;const{itemWidth:o,direction:n,mergedChecked:t,mergedDisabled:l,mergedIsShowTitle:d,mergedShowAnimation:h,halfChecked:s,title:f,label:c,handleClick:i,name:r,value:p,mergedColor:a,ns:g,$slots:N}=this,u={[g.e("column-margin")]:n==="column",[g.e("wrap")]:typeof o!="undefined"},b=o?[`width: ${o}px`]:[],m={[g.b()]:!0,active:t,"half-checked":s,disabled:l,unchecked:!t},y=d?f||c:"",V=a&&s||a?`linear-gradient(${a}, ${a})`:"",I=[`border-color:${(t||s)&&a?a:""}`,`background-image:${V}`,`background-color:${a&&s?a:""}`],T={[g.e("material")]:!0,"custom-color":a,[g.m("no-label")]:!c&&!N.default,[g.m("no-animation")]:!h,[g.e("default-background")]:!s},O={[g.e("tick")]:!0,[g.m("no-animation")]:!h},M=de=>de.stopPropagation(),re={indeterminate:s};return e.createVNode("div",{class:u,style:b},[e.createVNode("div",{class:m},[e.createVNode("label",{title:y,onClick:i},[e.createVNode("input",e.mergeProps({name:r||p,class:g.e("input"),type:"checkbox"},re,{checked:t,disabled:l,onClick:M,onChange:M}),null),e.createVNode("span",{style:I,class:T},[e.createVNode("span",{class:g.e("halfchecked-bg")},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:g.e("tick-wrap")},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:O},null)])])]),c||((W=N.default)==null?void 0:W.call(N))])])])}}),Ne="";e.defineComponent({name:"DCheckboxGroup",props:Q,emits:["change","update:modelValue"],setup(o,n){const t=e.toRef(o,"modelValue"),l={checked:!1,isShowTitle:!0,halfChecked:!1,showAnimation:!0,disabled:!1},d=s=>{let f=-1;if(typeof t.value[0]=="string"?f=t.value.findIndex(c=>c===s):typeof t.value[0]=="object"&&(f=t.value.findIndex(c=>c.value===s)),f===-1){if(typeof o.options[0]=="object"){const i=o.options.find(p=>p.value===s),r=[...t.value,i];n.emit("update:modelValue",r),n.emit("change",r);return}const c=[...t.value,s];n.emit("update:modelValue",c),n.emit("change",c);return}t.value.splice(f,1),n.emit("update:modelValue",t.value),n.emit("change",t.value)},h=s=>{if(typeof t.value[0]=="string")return t.value.includes(s);if(typeof t.value[0]=="object")return t.value.some(f=>f.value===s)};return e.provide(_,{disabled:e.toRef(o,"disabled"),isShowTitle:e.toRef(o,"isShowTitle"),color:e.toRef(o,"color"),showAnimation:e.toRef(o,"showAnimation"),beforeChange:o.beforeChange,isItemChecked:h,toggleGroupVal:d,itemWidth:e.toRef(o,"itemWidth"),direction:e.toRef(o,"direction")}),{defaultOpt:l}},render(){var h;const{direction:o,$slots:n,defaultOpt:t,options:l}=this;let d=(h=n.default)==null?void 0:h.call(n);return(l==null?void 0:l.length)>0&&(d=l.map(s=>{let f=null;return typeof s=="string"?f=Object.assign({},t,{label:s,value:s}):typeof s=="object"&&(f=Object.assign({},t,S(w({},s),{label:s.name}))),e.createVNode(A,f,null)})),e.createVNode("div",{class:"devui-checkbox-group"},[e.createVNode("div",{class:{"devui-checkbox-list-inline":o==="row"}},[d])])}});const C=x("tree");function B(o){const{getChildren:n}=e.inject(k),t=e.computed(()=>{var i;return[C.e("node"),((i=o.value)==null?void 0:i.expanded)&&C.em("node","open")]}),l=e.computed(()=>{var i;return{paddingLeft:`${24*(((i=o.value)==null?void 0:i.level)-1)}px`}}),d=e.computed(()=>{var i,r;return[!((i=o.value)==null?void 0:i.isLeaf)&&((r=o.value)==null?void 0:r.expanded)&&C.e("node-vline")]}),h=e.computed(()=>{var i;return{height:`${30*(n(o.value,{expanded:!0}).length-1)+30/2+1}px`,left:`${24*(((i=o.value)==null?void 0:i.level)-1)+9}px`,top:`${30}px`}}),s=e.computed(()=>{var i;return[((i=o.value)==null?void 0:i.level)!==1&&C.e("node-hline")]}),f=e.computed(()=>{var i;return[C.e("node-content"),((i=o.value)==null?void 0:i.selected)&&"active"]}),c=e.computed(()=>{var i;return[C.e("node-title"),((i=o.value)==null?void 0:i.disableSelect)&&"select-disabled"]});return{nodeClass:t,nodeStyle:l,nodeContentClass:f,nodeTitleClass:c,nodeVLineClass:d,nodeVLineStyle:h,nodeHLineClass:s}}var R=e.defineComponent({name:"DTreeNodeContent",props:{data:{type:Object,default:()=>({})}},setup(o){const{data:n}=e.toRefs(o),{nodeTitleClass:t}=B(n);return()=>{var l;return e.createVNode("span",{class:t.value},[(l=n.value)==null?void 0:l.label])}}}),X=e.defineComponent({name:"DTreeNode",props:{data:{type:Object,default:()=>({})},check:{type:Boolean,default:!1}},setup(o,{slots:n}){const{data:t,check:l}=e.toRefs(o),{toggleSelectNode:d,toggleCheckNode:h,toggleNode:s,getChildren:f}=e.inject(k),c=x("tree"),{nodeClass:i,nodeStyle:r,nodeContentClass:p,nodeVLineClass:a,nodeVLineStyle:g,nodeHLineClass:N}=B(t),u=e.computed(()=>{const b=f==null?void 0:f(t.value),m=b==null?void 0:b.filter(y=>y.checked);return["upward","both"].includes(l.value)?m.length>0&&m.length<b.length:!1});return()=>{var m,y,V;const b={key:(m=t.value)==null?void 0:m.id,disabled:(y=t.value)==null?void 0:y.disableCheck,halfchecked:u.value,modelValue:(V=t.value)==null?void 0:V.checked,"onUpdate:modelValue":()=>{h(t.value)},onClick:I=>{I.stopPropagation()}};return e.createVNode("div",{class:i.value,style:r.value},[e.createVNode("span",{class:a.value,style:g.value},null),e.createVNode("div",{class:p.value,onClick:()=>{d(t.value)}},[e.createVNode("span",{class:N.value},null),n.icon?e.renderSlot(e.useSlots(),"icon",{nodeData:t,toggleNode:s}):e.createVNode(P,{data:t.value},null),e.createVNode("div",{class:c.em("node-content","value-wrapper"),style:{height:`${30}px`}},[l.value&&e.createVNode(A,b,null),n.default?e.renderSlot(e.useSlots(),"default",{nodeData:t}):e.createVNode(R,{data:t},null)])])])}}});function Y(){return function(n,t){const{getNode:l,setNodeValue:d}=t;return{expandNode:c=>{c.disableToggle||d(c,"expanded",!0)},collapseNode:c=>{c.disableToggle||d(c,"expanded",!1)},toggleNode:c=>{c.disableToggle||(l(c).expanded?d(c,"expanded",!1):d(c,"expanded",!0))}}}}function G(o=8){const n="abcdefghijklmnopqrstuvwxyz0123456789";let t="";for(let l=0;l<o;l++)t+=n[parseInt((Math.random()*n.length).toString())];return t}function ee(o,...n){return Object.entries(o).filter(t=>!n.includes(t[0])).reduce((t,l)=>Object.assign({},t,{[l[0]]:l[1]}),{})}function E(o,n="children",t=0,l=[]){return t++,o.reduce((d,h)=>{var c,i;const s=Object.assign({},h);if(s.id===void 0&&(s.id=G(),s.idType="random"),s.level=t,l.length>0&&((c=l[l.length-1])==null?void 0:c.level)>=t)for(;((i=l[l.length-1])==null?void 0:i.level)>=t;)l.pop();l.push(s);const f=l[l.length-2];return f&&(s.parentId=f.id),s[n]?d.concat(ee(s,"children"),E(s[n],n,t,l)):d.concat(S(w({},s),{isLeaf:!0}))},[])}const H={expanded:!1,recursive:!0};function $(){return function(n){const t=r=>n.value.find(p=>p.id===r.id).level,l=(r,p=H)=>{const a=()=>e.computed(()=>{let m=[];const y=[];for(let V=0,I=n==null?void 0:n.value.length;V<I;V++){const T=n==null?void 0:n.value[V];m.map(O=>O.id).includes(T.id)||(T.expanded!==!0&&(m=l(T)),y.push(T))}return y}),g=[],N=w(w({},H),p),u=N.expanded?a():n,b=u.value.findIndex(m=>m.id===r.id);for(let m=b+1;m<u.value.length&&t(r)<u.value[m].level;m++)(N.recursive||t(r)===u.value[m].level-1)&&g.push(u.value[m]);return g},d=r=>n.value.find(p=>p.id===r.parentId),h=()=>e.computed(()=>{let r=[];const p=[];for(let a=0,g=n==null?void 0:n.value.length;a<g;a++){const N=n==null?void 0:n.value[a];r.map(u=>u.id).includes(N.id)||(N.expanded!==!0&&(r=l(N)),p.push(N))}return p}),s=r=>n.value.findIndex(p=>p.id===r.id);return{getLevel:t,getChildren:l,getParent:d,getExpendedTree:h,getIndex:s,getNode:r=>n.value.find(p=>p.id===r.id),setNodeValue:(r,p,a)=>{n.value[s(r)][p]=a},setTree:r=>{n.value=E(r)}}}}const te=[$(),Y()];function ne(o,n=[]){const t=e.ref(E(o)),l=$()(t),d=te.concat(n).reduce((h,s)=>w(w({},h),s(t,l)),{});return w({treeData:t},d)}function le(o=e.ref({checkStrategy:"both"})){return function(t,l){const{setNodeValue:d,getNode:h,getChildren:s,getParent:f}=l,c=a=>{d(a,"checked",!0)},i=a=>{d(a,"checked",!1)},r=a=>{const g=f(a);if(!g)return;const N=s(g,{recursive:!1}),u=N.filter(m=>m.checked),b=()=>{u.length===0?d(g,"checked",!1):u.length===N.length&&d(g,"checked",!0)};g.parentId?(b(),r(g)):b()};return{checkNode:c,uncheckNode:i,toggleCheckNode:a=>{h(a).checked?(d(a,"checked",!1),["downward","both"].includes(o.value.checkStrategy)&&s(a).forEach(g=>d(g,"checked",!1))):(d(a,"checked",!0),["downward","both"].includes(o.value.checkStrategy)&&s(a).forEach(g=>d(g,"checked",!0))),["upward","both"].includes(o.value.checkStrategy)&&r(a)}}}}function oe(){return function(n,t){const{setNodeValue:l}=t;let d;const h=c=>{if(!c.disableSelect){if(d){const i=n.value.findIndex(r=>r.id===d.id);l(n.value[i],"selected",!1)}l(c,"selected",!0),d=c}},s=c=>{l(c,"selected",!1)};return{selectNode:h,deselectNode:s,toggleSelectNode:c=>{c.selected?s(c):h(c)}}}}function F(){return function(n,t){const{setNodeValue:l,getChildren:d,getIndex:h,getLevel:s}=t;return{insertBefore:(r,p,a)=>{const g=d(r),N=g[g.length-1];let u=h(r)+1;a?u=h(a):N&&(u=h(N)+1),l(r,"expanded",!0),l(r,"isLeaf",!1);const b=S(w({},p),{level:s(r)+1,parentId:r.id,isLeaf:!0});n.value=n.value.slice(0,u).concat(b,n.value.slice(u,n.value.length))},removeNode:(r,p={recursive:!0})=>{p.recursive||d(r).forEach(a=>{l(a,"level",s(a)-1)}),n.value=n.value.filter(a=>p.recursive?a.id!==r.id&&!d(r).map(g=>g.id).includes(a.id):a.id!==r.id)},editNode:(r,p)=>{l(r,"label",p)}}}}function se(){return function(n,t){const{setNodeValue:l,getChildren:d}=t,{removeNode:h}=F()(n,t);return{mergeTreeNodes:()=>{const f=c=>{var r;if(c.isLeaf)return;const i=d(c,{recursive:!1});(i==null?void 0:i.length)===1?d(i[0],{recursive:!1}).length!==0?(l(c,"label",c.label+" / "+((r=i[0])==null?void 0:r.label)),h(i[0],{recursive:!1}),f(c)):l(i[0],"parentId",c.id):i.forEach(p=>{f(p)})};n.value.filter(c=>c.level===1).forEach(c=>{f(c)})}}}}const U={data:{type:Object,default:[]},check:{type:[Boolean,String],default:!1}};var ve="",L=e.defineComponent({name:"DTree",props:U,setup(o,{slots:n,expose:t}){const{data:l,check:d}=e.toRefs(o),h=x("tree"),s=[oe(),F(),se()],f=e.ref({checkStrategy:d.value||"both"});e.watch(d,a=>{f.value.checkStrategy=a}),d.value&&s.push(le(f));const c=ne(l.value,s),{setTree:i,getExpendedTree:r,toggleNode:p}=c;return e.watch(l,i),e.provide(k,c),t({treeFactory:c}),()=>e.createVNode("div",{class:h.b()},[r==null?void 0:r().value.map(a=>n.default?e.renderSlot(e.useSlots(),"default",{treeFactory:c,nodeData:a}):e.createVNode(X,{data:a,check:d.value},{default:()=>n.content?e.renderSlot(e.useSlots(),"content",{nodeData:a}):e.createVNode(R,{data:a},null),icon:()=>n.icon?e.renderSlot(e.useSlots(),"icon",{nodeData:a,toggleNode:p}):e.createVNode(P,{data:a},null)}))])}}),ce={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(o){o.component(L.name,L)}};v.Tree=L,v.default=ce,v.treeProps=U,Object.defineProperty(v,"__esModule",{value:!0}),v[Symbol.toStringTag]="Module"});
+var fe=Object.defineProperty,ge=Object.defineProperties;var he=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable;var Z=(N,t,k)=>t in N?fe(N,t,{enumerable:!0,configurable:!0,writable:!0,value:k}):N[t]=k,V=(N,t)=>{for(var k in t||(t={}))me.call(t,k)&&Z(N,k,t[k]);if(K)for(var k of K(t))ve.call(t,k)&&Z(N,k,t[k]);return N},I=(N,t)=>ge(N,he(t));(function(N,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(N=typeof globalThis!="undefined"?globalThis:N||self,t(N.index={},N.Vue))})(this,function(N,t){"use strict";const k="use-tree-token",J=()=>t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"svg-icon"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("rect",{x:"0.5",y:"0.5",width:"15",height:"15",rx:"2",stroke:"#252b3a"},null),t.createVNode("path",{fill:"#252b3a",d:"M8.75,4 L8.75,7.25 L12,7.25 L12,8.75 L8.749,8.75 L8.75,12 L7.25,12 L7.249,8.75 L4,8.75 L4,7.25 L7.25,7.25 L7.25,4 L8.75,4 Z"},null)])]),Q=()=>t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"svg-icon svg-icon-close"},[t.createVNode("g",{"stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("rect",{x:"0.5",y:"0.5",width:"15",height:"15",rx:"2",stroke:"#5e7ce0"},null),t.createVNode("rect",{x:"4",y:"7",width:"8",height:"2",fill:"#5e7ce0"},null)])]);function D(l,n,e){let o=l;return n&&(o+=`__${n}`),e&&(o+=`--${e}`),o}function S(l,n=!1){const e=n?`.devui-${l}`:`devui-${l}`;return{b:()=>D(e),e:i=>i?D(e,i):"",m:i=>i?D(e,"",i):"",em:(i,a)=>i&&a?D(e,i,a):""}}var j=t.defineComponent({name:"DTreeNodeToggle",props:{data:{type:Object,default:()=>({})}},setup(l){const{data:n}=t.toRefs(l),{toggleNode:e}=t.inject(k),o=S("tree");return()=>{var c;return t.createVNode("span",{class:[o.e("node-folder"),((c=n.value)==null?void 0:c.disableToggle)&&"toggle-disabled"],onClick:h=>{h.stopPropagation(),e&&e(n.value)}},[n.value.isLeaf?t.createVNode("span",{class:o.e("node-indent")},null):n.value.expanded?t.createVNode(Q,{class:"mr-xs"},null):t.createVNode(J,{class:"mr-xs"},null)])}}});const B={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},size:{type:String,default:"md"}},R=I(V({},B),{checked:{type:Boolean,default:!1},value:{type:[Number,String]},label:{type:String,default:""},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function},border:{type:Boolean,default:!1}}),X=I(V({},B),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0},border:{type:Boolean,default:!1},max:{type:Number,default:void 0},textColor:{type:String,default:""}}),E=Symbol("d-checkbox-group");function $(l,n){const e=t.inject(E,null),o=t.computed(()=>l.checked||l.modelValue),c=t.computed(()=>{var u,y;return(y=(u=e==null?void 0:e.isItemChecked)==null?void 0:u.call(e,l.value))!=null?y:o.value}),h=t.computed(()=>{const u=e==null?void 0:e.max.value;return!!u&&(e==null?void 0:e.modelValue.value.length)>=u&&!c.value}),r=t.computed(()=>(e==null?void 0:e.disabled.value)||l.disabled||h.value),i=t.computed(()=>{var u;return(u=e==null?void 0:e.isShowTitle.value)!=null?u:l.isShowTitle}),a=t.computed(()=>{var u;return(u=e==null?void 0:e.showAnimation.value)!=null?u:l.showAnimation}),d=t.computed(()=>{var u;return(u=e==null?void 0:e.color.value)!=null?u:l.color}),s=e==null?void 0:e.itemWidth.value,g=e==null?void 0:e.direction.value,f=(u,y)=>{var w;if(r.value)return Promise.resolve(!1);const C=(w=l.beforeChange)!=null?w:e==null?void 0:e.beforeChange;if(C){const T=C(u,y);return typeof T=="boolean"?Promise.resolve(T):T}return Promise.resolve(!0)},m=()=>{const u=!o.value;e==null||e.toggleGroupVal(l.value),n.emit("update:checked",u),n.emit("update:modelValue",u),n.emit("change",u)},p=()=>{f(!o.value,l.label).then(u=>u&&m())},v=t.computed(()=>{var u;return(u=e==null?void 0:e.size.value)!=null?u:l.size}),b=t.computed(()=>{var u;return(u=e==null?void 0:e.border.value)!=null?u:l.border});return{mergedChecked:c,mergedDisabled:r,mergedIsShowTitle:i,mergedShowAnimation:a,mergedColor:d,itemWidth:s,direction:g,handleClick:p,size:v,border:b}}function Y(l,n){const e=t.toRef(l,"modelValue"),o={checked:!1,isShowTitle:!0,halfChecked:!1,showAnimation:!0,disabled:!1},c=r=>{let i=-1;if(["string","number"].includes(typeof e.value[0])?i=e.value.findIndex(a=>a===r):typeof e.value[0]=="object"&&(i=e.value.findIndex(a=>a.value===r)),i===-1){if(typeof l.options[0]=="object"){const d=l.options.find(g=>g.value===r),s=[...e.value,d];n.emit("update:modelValue",s),n.emit("change",s);return}const a=[...e.value,r];n.emit("update:modelValue",a),n.emit("change",a);return}e.value.splice(i,1),n.emit("update:modelValue",e.value),n.emit("change",e.value)},h=r=>{if(["string","number"].includes(typeof e.value[0]))return e.value.includes(r);if(typeof e.value[0]=="object")return e.value.some(i=>i.value===r)};return t.provide(E,{disabled:t.toRef(l,"disabled"),isShowTitle:t.toRef(l,"isShowTitle"),color:t.toRef(l,"color"),showAnimation:t.toRef(l,"showAnimation"),beforeChange:l.beforeChange,isItemChecked:h,toggleGroupVal:c,itemWidth:t.toRef(l,"itemWidth"),direction:t.toRef(l,"direction"),size:t.toRef(l,"size"),border:t.toRef(l,"border"),max:t.toRef(l,"max"),modelValue:t.toRef(l,"modelValue"),textColor:t.toRef(l,"textColor")}),{defaultOpt:o}}function G(){const l=t.inject(E,null);return{mergedTextColor:t.computed(()=>{var e;return(e=l==null?void 0:l.textColor.value)!=null?e:void 0})}}var be="",_=t.defineComponent({name:"DCheckbox",props:R,emits:["change","update:checked","update:modelValue"],setup(l,n){const e=S("checkbox"),{mergedChecked:o,mergedDisabled:c,mergedIsShowTitle:h,mergedShowAnimation:r,mergedColor:i,itemWidth:a,direction:d,handleClick:s,size:g,border:f}=$(l,n);return()=>{var W,q;const m={[e.e("column-margin")]:d==="column",[e.e("wrap")]:typeof a!="undefined"},p=a?[`width: ${a}px`]:[],v={[e.b()]:!0,active:o.value,"half-checked":l.halfChecked,disabled:c.value,unchecked:!o.value},b=h.value?l.title||l.label:"",u=i.value&&l.halfChecked||i.value?`linear-gradient(${i.value}, ${i.value})`:"",y=[`border-color:${(o.value||l.halfChecked)&&i.value?i.value:""}`,`background-image:${u}`,`background-color:${i.value&&l.halfChecked?i.value:""}`],C={[e.e("material")]:!0,"custom-color":i.value,[e.m("no-label")]:!l.label&&!n.slots.default,[e.m("no-animation")]:!r.value,[e.e("default-background")]:!l.halfChecked},w={[e.e("tick")]:!0,[e.m("no-animation")]:!r.value},T={[e.m(g.value)]:f.value,[e.m("bordered")]:f.value},L=ue=>ue.stopPropagation(),ie={indeterminate:l.halfChecked};return t.createVNode("div",{class:m,style:p},[t.createVNode("div",{class:v},[t.createVNode("label",{title:b,onClick:s,class:T,style:{width:a?"100%":"auto"}},[t.createVNode("input",t.mergeProps({name:l.name||l.value,class:e.e("input"),type:"checkbox"},ie,{checked:o.value,disabled:c.value,onClick:L,onChange:L}),null),t.createVNode("span",{style:y,class:C},[t.createVNode("span",{class:e.e("halfchecked-bg")},null),t.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:e.e("tick-wrap")},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.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:w},null)])])]),l.label||((q=(W=n.slots).default)==null?void 0:q.call(W))])])])}}}),ke="";t.defineComponent({name:"DCheckboxGroup",props:X,emits:["change","update:modelValue"],setup(l,n){const e=S("checkbox"),{defaultOpt:o}=Y(l,n);return()=>{var r,i;let c=(i=(r=n.slots).default)==null?void 0:i.call(r);const h=()=>{var a;return c||(((a=l.options)==null?void 0:a.length)>0&&(c=l.options.map(d=>{let s=null;return typeof d=="string"?s=Object.assign({},o,{label:d,value:d}):typeof d=="object"&&(s=Object.assign({},o,I(V({},d),{label:d.name}))),t.createVNode(_,s,null)})),c)};return t.createVNode("div",{class:e.e("group")},[t.createVNode("div",{class:{[e.m("list-inline")]:l.direction==="row"}},[h()])])}}});var ye="";t.defineComponent({name:"DCheckboxButton",props:R,emits:["change","update:checked","update:modelValue"],setup(l,n){const e=S("checkbox-button"),{mergedChecked:o,mergedDisabled:c,mergedIsShowTitle:h,mergedColor:r,handleClick:i,size:a}=$(l,n),{mergedTextColor:d}=G();return()=>{var v,b;const s=h.value?l.title||l.label:"",g=[`border-color:${o.value&&r.value?r.value:""}`,`background-color:${o.value&&r.value?r.value:""}`,`color:${o.value&&d.value?d.value:""}`],f={[e.b()]:!0,active:o.value,disabled:c.value,unchecked:!o.value},m={[e.e("content")]:!0,[e.m(a.value)]:!0},p=u=>u.stopPropagation();return t.createVNode("label",{title:s,onClick:i,class:f},[t.createVNode("input",{name:l.name||l.value,class:e.e("input"),type:"checkbox",checked:o.value,disabled:c.value,onClick:p,onChange:p},null),t.createVNode("span",{style:g,class:m},[l.label||((b=(v=n.slots).default)==null?void 0:b.call(v))])])}}});const x=S("tree");function A(l){const{getChildren:n}=t.inject(k),e=t.computed(()=>{var d;return[x.e("node"),((d=l.value)==null?void 0:d.expanded)&&x.em("node","open")]}),o=t.computed(()=>{var d;return{paddingLeft:`${24*(((d=l.value)==null?void 0:d.level)-1)}px`}}),c=t.computed(()=>{var d,s;return[!((d=l.value)==null?void 0:d.isLeaf)&&((s=l.value)==null?void 0:s.expanded)&&x.e("node-vline")]}),h=t.computed(()=>{var d;return{height:`${30*(n(l.value,{expanded:!0}).length-1)+30/2+1}px`,left:`${24*(((d=l.value)==null?void 0:d.level)-1)+9}px`,top:`${30}px`}}),r=t.computed(()=>{var d;return[((d=l.value)==null?void 0:d.level)!==1&&x.e("node-hline")]}),i=t.computed(()=>{var d;return[x.e("node-content"),((d=l.value)==null?void 0:d.selected)&&"active"]}),a=t.computed(()=>{var d;return[x.e("node-title"),((d=l.value)==null?void 0:d.disableSelect)&&"select-disabled"]});return{nodeClass:e,nodeStyle:o,nodeContentClass:i,nodeTitleClass:a,nodeVLineClass:c,nodeVLineStyle:h,nodeHLineClass:r}}var H=t.defineComponent({name:"DTreeNodeContent",props:{data:{type:Object,default:()=>({})}},setup(l){const{data:n}=t.toRefs(l),{nodeTitleClass:e}=A(n);return()=>{var o;return t.createVNode("span",{class:e.value},[(o=n.value)==null?void 0:o.label])}}}),ee=t.defineComponent({name:"DTreeNode",props:{data:{type:Object,default:()=>({})},check:{type:Boolean,default:!1}},setup(l,{slots:n}){const{data:e,check:o}=t.toRefs(l),{toggleSelectNode:c,toggleCheckNode:h,toggleNode:r,getChildren:i}=t.inject(k),a=S("tree"),{nodeClass:d,nodeStyle:s,nodeContentClass:g,nodeVLineClass:f,nodeVLineStyle:m,nodeHLineClass:p}=A(e),v=t.computed(()=>{const b=i==null?void 0:i(e.value),u=b==null?void 0:b.filter(y=>y.checked);return["upward","both"].includes(o.value)?u.length>0&&u.length<b.length:!1});return()=>{var u,y,C;const b={key:(u=e.value)==null?void 0:u.id,disabled:(y=e.value)==null?void 0:y.disableCheck,halfchecked:v.value,modelValue:(C=e.value)==null?void 0:C.checked,"onUpdate:modelValue":()=>{h(e.value)},onClick:w=>{w.stopPropagation()}};return t.createVNode("div",{class:d.value,style:s.value},[t.createVNode("span",{class:f.value,style:m.value},null),t.createVNode("div",{class:g.value,onClick:()=>{c(e.value)}},[t.createVNode("span",{class:p.value},null),n.icon?t.renderSlot(t.useSlots(),"icon",{nodeData:e,toggleNode:r}):t.createVNode(j,{data:e.value},null),t.createVNode("div",{class:a.em("node-content","value-wrapper"),style:{height:`${30}px`}},[o.value&&t.createVNode(_,b,null),n.default?t.renderSlot(t.useSlots(),"default",{nodeData:e}):t.createVNode(H,{data:e},null)])])])}}});function te(){return function(n,e){const{getNode:o,setNodeValue:c}=e;return{expandNode:a=>{a.disableToggle||c(a,"expanded",!0)},collapseNode:a=>{a.disableToggle||c(a,"expanded",!1)},toggleNode:a=>{a.disableToggle||(o(a).expanded?c(a,"expanded",!1):c(a,"expanded",!0))}}}}function le(l=8){const n="abcdefghijklmnopqrstuvwxyz0123456789";let e="";for(let o=0;o<l;o++)e+=n[parseInt((Math.random()*n.length).toString())];return e}function ne(l,...n){return Object.entries(l).filter(e=>!n.includes(e[0])).reduce((e,o)=>Object.assign({},e,{[o[0]]:o[1]}),{})}function O(l,n="children",e=0,o=[]){return e++,l.reduce((c,h)=>{var a,d;const r=Object.assign({},h);if(r.id===void 0&&(r.id=le(),r.idType="random"),r.level=e,o.length>0&&((a=o[o.length-1])==null?void 0:a.level)>=e)for(;((d=o[o.length-1])==null?void 0:d.level)>=e;)o.pop();o.push(r);const i=o[o.length-2];return i&&(r.parentId=i.id),r[n]?c.concat(ne(r,"children"),O(r[n],n,e,o)):c.concat(I(V({},r),{isLeaf:!0}))},[])}const F={expanded:!1,recursive:!0};function z(){return function(n){const e=s=>n.value.find(g=>g.id===s.id).level,o=(s,g=F)=>{const f=()=>t.computed(()=>{let u=[];const y=[];for(let C=0,w=n==null?void 0:n.value.length;C<w;C++){const T=n==null?void 0:n.value[C];u.map(L=>L.id).includes(T.id)||(T.expanded!==!0&&(u=o(T)),y.push(T))}return y}),m=[],p=V(V({},F),g),v=p.expanded?f():n,b=v.value.findIndex(u=>u.id===s.id);for(let u=b+1;u<v.value.length&&e(s)<v.value[u].level;u++)(p.recursive||e(s)===v.value[u].level-1)&&m.push(v.value[u]);return m},c=s=>n.value.find(g=>g.id===s.parentId),h=()=>t.computed(()=>{let s=[];const g=[];for(let f=0,m=n==null?void 0:n.value.length;f<m;f++){const p=n==null?void 0:n.value[f];s.map(v=>v.id).includes(p.id)||(p.expanded!==!0&&(s=o(p)),g.push(p))}return g}),r=s=>n.value.findIndex(g=>g.id===s.id);return{getLevel:e,getChildren:o,getParent:c,getExpendedTree:h,getIndex:r,getNode:s=>n.value.find(g=>g.id===s.id),setNodeValue:(s,g,f)=>{n.value[r(s)][g]=f},setTree:s=>{n.value=O(s)}}}}const oe=[z(),te()];function ae(l,n=[]){const e=t.ref(O(l)),o=z()(e),c=oe.concat(n).reduce((h,r)=>V(V({},h),r(e,o)),{});return V({treeData:e},c)}function se(l=t.ref({checkStrategy:"both"})){return function(e,o){const{setNodeValue:c,getNode:h,getChildren:r,getParent:i}=o,a=f=>{c(f,"checked",!0)},d=f=>{c(f,"checked",!1)},s=f=>{const m=i(f);if(!m)return;const p=r(m,{recursive:!1}),v=p.filter(u=>u.checked),b=()=>{v.length===0?c(m,"checked",!1):v.length===p.length&&c(m,"checked",!0)};m.parentId?(b(),s(m)):b()};return{checkNode:a,uncheckNode:d,toggleCheckNode:f=>{h(f).checked?(c(f,"checked",!1),["downward","both"].includes(l.value.checkStrategy)&&r(f).forEach(m=>c(m,"checked",!1))):(c(f,"checked",!0),["downward","both"].includes(l.value.checkStrategy)&&r(f).forEach(m=>c(m,"checked",!0))),["upward","both"].includes(l.value.checkStrategy)&&s(f)}}}}function ce(){return function(n,e){const{setNodeValue:o}=e;let c;const h=a=>{if(!a.disableSelect){if(c){const d=n.value.findIndex(s=>s.id===c.id);o(n.value[d],"selected",!1)}o(a,"selected",!0),c=a}},r=a=>{o(a,"selected",!1)};return{selectNode:h,deselectNode:r,toggleSelectNode:a=>{a.selected?r(a):h(a)}}}}function U(){return function(n,e){const{setNodeValue:o,getChildren:c,getIndex:h,getLevel:r}=e;return{insertBefore:(s,g,f)=>{const m=c(s),p=m[m.length-1];let v=h(s)+1;f?v=h(f):p&&(v=h(p)+1),o(s,"expanded",!0),o(s,"isLeaf",!1);const b=I(V({},g),{level:r(s)+1,parentId:s.id,isLeaf:!0});n.value=n.value.slice(0,v).concat(b,n.value.slice(v,n.value.length))},removeNode:(s,g={recursive:!0})=>{g.recursive||c(s).forEach(f=>{o(f,"level",r(f)-1)}),n.value=n.value.filter(f=>g.recursive?f.id!==s.id&&!c(s).map(m=>m.id).includes(f.id):f.id!==s.id)},editNode:(s,g)=>{o(s,"label",g)}}}}function de(){return function(n,e){const{setNodeValue:o,getChildren:c}=e,{removeNode:h}=U()(n,e);return{mergeTreeNodes:()=>{const i=a=>{var s;if(a.isLeaf)return;const d=c(a,{recursive:!1});(d==null?void 0:d.length)===1?c(d[0],{recursive:!1}).length!==0?(o(a,"label",a.label+" / "+((s=d[0])==null?void 0:s.label)),h(d[0],{recursive:!1}),i(a)):o(d[0],"parentId",a.id):d.forEach(g=>{i(g)})};n.value.filter(a=>a.level===1).forEach(a=>{i(a)})}}}}const M={data:{type:Object,default:[]},check:{type:[Boolean,String],default:!1}};var Ce="",P=t.defineComponent({name:"DTree",props:M,setup(l,{slots:n,expose:e}){const{data:o,check:c}=t.toRefs(l),h=S("tree"),r=[ce(),U(),de()],i=t.ref({checkStrategy:c.value||"both"});t.watch(c,f=>{i.value.checkStrategy=f}),c.value&&r.push(se(i));const a=ae(o.value,r),{setTree:d,getExpendedTree:s,toggleNode:g}=a;return t.watch(o,d),t.provide(k,a),e({treeFactory:a}),()=>t.createVNode("div",{class:h.b()},[s==null?void 0:s().value.map(f=>n.default?t.renderSlot(t.useSlots(),"default",{treeFactory:a,nodeData:f}):t.createVNode(ee,{data:f,check:c.value},{default:()=>n.content?t.renderSlot(t.useSlots(),"content",{nodeData:f}):t.createVNode(H,{data:f},null),icon:()=>n.icon?t.renderSlot(t.useSlots(),"icon",{nodeData:f,toggleNode:g}):t.createVNode(j,{data:f},null)}))])}}),re={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(l){l.component(P.name,P)}};N.Tree=P,N.default=re,N.treeProps=M,Object.defineProperty(N,"__esModule",{value:!0}),N[Symbol.toStringTag]="Module"});

package/tree/style.css

@@ -1 +1 @@
-.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-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__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(.half-checked) .devui-checkbox__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.half-checked: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.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .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.half-checked .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).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .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:400;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.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.half-checked .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-checkbox--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}:host{display:block}.devui-checkbox-list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox-list-inline div:not(:last-child){margin-right:20px}.devui-checkbox-list-inline>*{margin-top:8px}@charset "UTF-8";.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-tree__drop-draggable{border-top:1px solid transparent;border-bottom:1px solid transparent}.devui-tree__node .devui-tree__drop-inner{color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__drop-prev{border-top:1px solid var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__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;width:100%;height:30px}.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}.devui-tree__node{font-size:0}.devui-tree__node,.devui-tree__node-content{position:relative}.devui-tree__node-vline{width:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute}.devui-tree__node-hline{width:8px;height:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute;left:-14px;top:50%}
+.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-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__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(.half-checked) .devui-checkbox__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.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{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.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .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.half-checked .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).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .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:400;height:18px;line-height:18px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label.devui-checkbox--lg{font-size:14px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;line-height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{font-size:14px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:36px;line-height:36px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{font-size:12px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:32px;line-height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--xs{font-size:12px}.devui-checkbox label.devui-checkbox--xs .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--xs .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--xs.devui-checkbox--bordered{height:28px;line-height:28px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.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.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.half-checked .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-checkbox--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}:host{display:block}.devui-checkbox--list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox--list-inline div:not(:last-child){margin-right:20px}.devui-checkbox--list-inline>*{margin-top:8px}.devui-checkbox-button{display:inline-block;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-line, #adb0b8);border-left:none;display:inline-block;line-height:1;user-select:none;box-shadow:-1px 0 #e5f0fb}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:14px;padding:12px 20px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:14px;padding:10px 20px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:12px;padding:9px 15px}.devui-checkbox-button__content.devui-checkbox-button--xs{font-size:12px;padding:7px 15px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-line, #adb0b8);box-shadow:none}.devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}@charset "UTF-8";.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-tree__drop-draggable{border-top:1px solid transparent;border-bottom:1px solid transparent}.devui-tree__node .devui-tree__drop-inner{color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__drop-prev{border-top:1px solid var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__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;width:100%;height:30px}.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}.devui-tree__node{font-size:0}.devui-tree__node,.devui-tree__node-content{position:relative}.devui-tree__node-vline{width:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute}.devui-tree__node-hline{width:8px;height:1px;background-color:var(--devui-dividing-line, #dfe1e6);position:absolute;left:-14px;top:50%}

package/upload/index.es.js

@@ -21,7 +21,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, toRefs, createVNode, computed, watch, Transition, reactive, createApp, onUnmounted, mergeProps, isVNode, ref, withDirectives, resolveComponent, resolveDirective } from "vue";
+import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, watch, Transition, reactive, createApp, onUnmounted, isVNode, ref, withDirectives, resolveComponent, resolveDirective } from "vue";
 const notificationProps = {
   modelValue: {
     type: Boolean,
@@ -43,6 +43,10 @@ const notificationProps = {
     type: Function
   }
 };
+function isUrl(value) {
+  return /^((http|https):)?\/\//.test(value);
+}
+const DEFAULT_PREFIX = "icon";
 const iconProps = {
   name: {
     type: String,
@@ -50,46 +54,37 @@ const iconProps = {
     required: true
   },
   size: {
-    type: String,
+    type: [Number, String],
     default: "inherit"
   },
   color: {
     type: String,
     default: "inherit"
   },
+  component: {
+    type: Object,
+    default: null
+  },
   classPrefix: {
     type: String,
-    default: "icon"
+    default: DEFAULT_PREFIX
   }
 };
-var Icon = defineComponent({
-  name: "DIcon",
-  props: iconProps,
-  setup(props) {
-    const {
-      name,
-      size,
-      color,
-      classPrefix
-    } = toRefs(props);
-    return () => {
-      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
-        "src": name.value,
-        "alt": name.value.split("/")[name.value.split("/").length - 1],
-        "style": {
-          width: size.value,
-          verticalAlign: "text-bottom"
-        }
-      }, null) : createVNode("i", {
-        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
-        "style": {
-          fontSize: size.value,
-          color: color.value
-        }
-      }, null);
-    };
+const svgIconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
   }
-});
+};
 function createBem(namespace, element, modifier) {
   let cls = namespace;
   if (element) {
@@ -100,8 +95,8 @@ function createBem(namespace, element, modifier) {
   }
   return cls;
 }
-function useNamespace(block) {
-  const namespace = `devui-${block}`;
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
   const b = () => createBem(namespace);
   const e = (element) => element ? createBem(namespace, element) : "";
   const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
@@ -113,6 +108,84 @@ function useNamespace(block) {
     em
   };
 }
+var icon = "";
+var svgIcon = defineComponent({
+  name: "DSvgIcon",
+  props: svgIconProps,
+  setup(props) {
+    const {
+      name,
+      color,
+      size
+    } = toRefs(props);
+    const ns2 = useNamespace("svg-icon");
+    const iconName = computed(() => `#icon-${name.value}`);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const styles = {
+      width: iconSize.value,
+      height: iconSize.value
+    };
+    return () => {
+      return createVNode("svg", {
+        "class": ns2.b(),
+        "style": styles
+      }, [createVNode("use", {
+        "xlink:href": iconName.value,
+        "fill": color.value
+      }, null)]);
+    };
+  }
+});
+var Icon = defineComponent({
+  name: "DIcon",
+  props: iconProps,
+  setup(props, {
+    attrs
+  }) {
+    const {
+      component,
+      name,
+      size,
+      color,
+      classPrefix
+    } = toRefs(props);
+    const IconComponent = component.value ? resolveDynamicComponent(component.value) : resolveDynamicComponent(svgIcon);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const svgIconDom = () => {
+      return createVNode(IconComponent, mergeProps({
+        "name": name.value,
+        "color": color.value,
+        "size": iconSize.value
+      }, attrs), null);
+    };
+    const imgIconDom = () => {
+      return createVNode("img", mergeProps({
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: iconSize.value || ""
+        }
+      }, attrs), null);
+    };
+    const fontIconDom = () => {
+      const fontIconClass = /^icon-/.test(name.value) ? name.value : `${classPrefix.value}-${name.value}`;
+      return createVNode("i", mergeProps({
+        "class": [classPrefix.value, fontIconClass],
+        "style": {
+          fontSize: iconSize.value,
+          color: color.value
+        }
+      }, attrs), null);
+    };
+    return () => {
+      return component.value ? svgIconDom() : isUrl(name.value) ? imgIconDom() : fontIconDom();
+    };
+  }
+});
 var Close = defineComponent({
   emits: ["click"],
   setup(props, {

package/upload/index.umd.js

@@ -1 +1 @@
-var je=Object.defineProperty,He=Object.defineProperties;var Ze=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var qe=Object.prototype.hasOwnProperty,We=Object.prototype.propertyIsEnumerable;var I=(m,e,N)=>e in m?je(m,e,{enumerable:!0,configurable:!0,writable:!0,value:N}):m[e]=N,$=(m,e)=>{for(var N in e||(e={}))qe.call(e,N)&&I(m,N,e[N]);if(K)for(var N of K(e))We.call(e,N)&&I(m,N,e[N]);return m},Q=(m,e)=>He(m,Ze(e));var w=(m,e,N)=>(I(m,typeof e!="symbol"?e+"":e,N),N);(function(m,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(m=typeof globalThis!="undefined"?globalThis:m||self,e(m.index={},m.Vue))})(this,function(m,e){"use strict";const N={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},U={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var ee=e.defineComponent({name:"DIcon",props:U,setup(t){const{name:n,size:o,color:a,classPrefix:i}=e.toRefs(t);return()=>/^((https?):)?\/\//.test(n.value)?e.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:o.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${i.value} ${i.value}-${n.value}`,style:{fontSize:o.value,color:a.value}},null)}});function A(t,n,o){let a=t;return n&&(a+=`__${n}`),o&&(a+=`--${o}`),a}function D(t){const n=`devui-${t}`;return{b:()=>A(n),e:u=>u?A(n,u):"",m:u=>u?A(n,"",u):"",em:(u,E)=>u&&E?A(n,u,E):""}}var te=e.defineComponent({emits:["click"],setup(t,{emit:n}){const o=D("notification");return()=>e.createVNode("div",{class:o.e("icon-close"),onClick:a=>n("click",a)},[e.createVNode(ee,{name:"close",size:"14px"},null)])}});const L=D("notification");function ne(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-s",points:"6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391            6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"},null)]),e.createVNode("g",{id:"correct",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-s"},null)]),e.createVNode("use",{id:"Mask",class:L.e("image-success-path"),"xlink:href":"#path-s"},null)])])}function oe(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:L.e("warning-outer"),d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),e.createVNode("path",{class:L.e("warning-inner"),"stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)])])}function le(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:L.e("image-info-path"),d:"M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",id:"info"},null)])])}function se(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-e",points:"8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085            10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425            8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"},null)]),e.createVNode("g",{id:"error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-e"},null)]),e.createVNode("use",{id:"Mask",class:L.e("image-error-path"),"xlink:href":"#path-e"},null)])])}var ae=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(t){const{type:n}=e.toRefs(t),o=D("notification"),a=e.computed(()=>({[o.e("image")]:!0,[o.em("image",n.value)]:!0}));return()=>e.createVNode("span",{class:a.value},[n.value&&n.value!=="normal"&&(n.value==="success"&&e.createVNode(ne,null,null)||n.value==="info"&&e.createVNode(le,null,null)||n.value==="warning"&&e.createVNode(oe,null,null)||n.value==="error"&&e.createVNode(se,null,null))])}});function ie(t){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${t.type}`]:!0}))}}function re(t,n){let o=null,a;const i=()=>{var V;clearTimeout(o),o=null,(V=t.onClose)==null||V.call(t),n("update:modelValue",!1)},h=()=>{o&&(clearTimeout(o),o=null)},u=()=>{if(!t.modelValue){const V=t.duration-(Date.now()-a);o=setTimeout(i,V)}},E=()=>{n("destroy")};return e.watch(()=>t.modelValue,V=>{V&&(a=Date.now(),t.duration&&(o=setTimeout(i,t.duration)))}),{interrupt:h,removeReset:u,close:i,handleDestroy:E}}var Ge="",ue=e.defineComponent({name:"DNotification",props:N,emits:["update:modelValue","destroy"],setup(t,{emit:n,slots:o}){const{modelValue:a,title:i,type:h}=e.toRefs(t),{classes:u}=ie(t),{interrupt:E,removeReset:V,close:c,handleDestroy:r}=re(t,n),f=D("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:r},{default:()=>{var x;return[a.value&&e.createVNode("div",{class:f.b()},[e.createVNode("div",{class:u.value,onMouseenter:E,onMouseleave:V},[e.createVNode("div",{class:f.e("item")},[e.createVNode(te,{onClick:c},null),i.value&&e.createVNode(ae,{type:h.value},null),e.createVNode("div",{class:f.e("message")},[e.createVNode("span",{class:f.e("title")},[i.value]),e.createVNode("span",{class:f.e("content")},[(x=o.default)==null?void 0:x.call(o)])])])])])]}})}});function ce(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const de={modelValue:!1,duration:3e3,type:"normal"};function pe(t,n){const o=document.createElement("div"),a=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(ue,e.mergeProps(t,{onDestroy:a.unmount}),ce(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),a.mount(o),a}function fe(t,n){t.modelValue=!1,n==null||n()}class me{static open(n){const o=n.onClose||null,a=n.content;let i;delete n.content;const h=e.reactive(Q($($({},de),n),{onClose:()=>{fe(h,o)}}));pe(h,a),h.modelValue=!0,clearTimeout(i),n.duration&&(i=setTimeout(h.onClose,n.duration))}}class he{constructor(){w(this,"uri");w(this,"method");w(this,"maximumSize");w(this,"headers");w(this,"authToken");w(this,"authTokenHeader");w(this,"additionalParameter");w(this,"fileFieldName");w(this,"checkSameName");w(this,"withCredentials");w(this,"responseType")}}class ge{constructor(){w(this,"accept");w(this,"multiple");w(this,"webkitdirectory")}}var y=(t=>(t[t.preLoad=0]="preLoad",t[t.uploading=1]="uploading",t[t.uploaded=2]="uploaded",t[t.failed=3]="failed",t))(y||{});const R={accept:{type:String},webkitdirectory:{type:Boolean,default:!1},uploadOptions:{type:Object},multiple:{type:Boolean,default:!1},autoUpload:{type:Boolean,default:!0},placeholder:{type:String,default:"\u9009\u62E9\u6587\u4EF6"},modelValue:{type:Array,default:()=>[]},droppable:{type:Boolean,default:!1},beforeUpload:{type:Function},dynamicUploadOptionsFn:{type:Function},disabled:{type:Boolean,default:!1},onChange:{type:Function},fileDrop:{type:Function,default:void 0},fileOver:{type:Function,default:void 0},fileSelect:{type:Function,default:void 0},deleteUploadedFile:{type:Function,default:void 0},"on-error":{type:Function,default:void 0},"on-success":{type:Function,default:void 0},oneTimeUpload:{type:Boolean,default:!1}},Fe=t=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${t}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,ye=(t,n)=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,ve=(t,n)=>`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,we=t=>`\u60A8\u4E0A\u4F20\u7684 "${t}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,Ne=()=>{const t=e.ref(""),n=c=>{const r=document.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),c.dispatchEvent(r)},o=({multiple:c,accept:r,webkitdirectory:f})=>new Promise(x=>{const l=document.getElementById("d-upload-temp");l&&document.body.removeChild(l);const s=document.createElement("input");s.style.position="fixed",s.style.left="-2000px",s.style.top="-2000px",s.setAttribute("id","d-upload-temp"),s.setAttribute("type","file"),c&&s.setAttribute("multiple",""),r&&s.setAttribute("accept",r),f&&s.setAttribute("webkitdirectory",""),s.addEventListener("change",g=>{x(Array.prototype.slice.call(g.target.files))}),document.body.appendChild(s),n(s)}),a=(c,r)=>{if(c){const f=c.split(","),x=r.type.replace(/\/.*$/,"");return f.some(l=>{const s=l.trim();return s.startsWith(".")?r.name.toLowerCase().indexOf(s.toLowerCase(),r.name.toLowerCase().length-s.toLowerCase().length)>-1:/\/\*$/.test(s)?x===s.replace(/\/.*$/,""):r.type===s})}return!0},i=(c,r)=>r?c>1024*1024*r:!1;return{triggerSelectFiles:c=>{const{multiple:r,accept:f,webkitdirectory:x}=c;return o({multiple:r,accept:f,webkitdirectory:x})},_validateFiles:(c,r,f)=>a(r,c)?f&&i(c.size,f.maximumSize)?{checkError:!0,errorMsg:ye(c.name,f.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:ve(c.name,r)},triggerDropFiles:c=>Promise.resolve(c),checkAllFilesSize:(c,r)=>{if(i(c,r))return t.value=Fe(r),{checkError:!0,errorMsg:t.value}}}};class j{constructor(n,o){w(this,"xhr");w(this,"status");w(this,"response");w(this,"percentage",0);this.file=n,this.uploadOptions=o,this.file=n,this.uploadOptions=o,this.status=y.preLoad}send(n){return new Promise((o,a)=>{const{uri:i,method:h,headers:u,authToken:E,authTokenHeader:V,additionalParameter:c,fileFieldName:r,withCredentials:f,responseType:x}=this.uploadOptions||{},l=V||"Authorization",s=r||"file";this.xhr=new XMLHttpRequest,this.xhr.open(h||"POST",i||""),f&&(this.xhr.withCredentials=f),x&&(this.xhr.responseType=x),E&&this.xhr.setRequestHeader(l,E),u&&Object.keys(u).forEach(k=>{var C;(C=this.xhr)==null||C.setRequestHeader(k,u[k])}),this.xhr.upload.onprogress=k=>{this.percentage=Math.round(k.loaded*100/k.total)};const g=n&&n.length?this.oneTimeUploadFiles(s,c,n):this.parallelUploadFiles(s,c);this.xhr.send(g),this.status=y.uploading,this.xhr.onabort=()=>{this.status=y.preLoad,this.xhr=null},this.xhr.onerror=()=>{var k,C;this.response=(k=this.xhr)==null?void 0:k.response,this.status=y.failed,a({file:this.file,response:(C=this.xhr)==null?void 0:C.response})},this.xhr.onload=()=>{var k,C,S;((k=this.xhr)==null?void 0:k.readyState)===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=y.uploaded,o({file:this.file,response:this.xhr.response})):(this.response=(C=this.xhr)==null?void 0:C.response,this.status=y.failed,a({file:this.file,response:(S=this.xhr)==null?void 0:S.response}))}})}parallelUploadFiles(n,o){const a=new FormData;return a.append(n,this.file,this.file.name),o&&Object.keys(o).forEach(i=>{a.append(i,o[i])}),a}oneTimeUploadFiles(n,o,a){const i=new FormData;return a.forEach(h=>{i.append(n,h.file,h.file.name),o&&Object.keys(o).forEach(u=>{i.append(u,o[u])})}),i}cancel(){this.xhr&&this.xhr.abort()}}const Ve=()=>{const t=e.ref([]),n=e.ref([]),o=l=>{let s=!0;for(let g=0;g<t.value.length;g++)if(l===t.value[g].file.name){s=!1,n.value.indexOf(l)===-1&&n.value.push(l);break}return s},a=(l,s)=>{s&&s.checkSameName?o(l.name)&&t.value.push(new j(l,s)):t.value.push(new j(l,s))},i=()=>t.value.map(l=>l.file),h=()=>t.value.map(l=>l),u=async l=>{if(!l||!l.length)return Promise.reject("no files");let s=[];return await l[0].send(l).finally(()=>s=l.map(g=>(g.status=l[0].status,g.percentage=l[0].percentage,{file:g.file,response:l[0].response}))),s};return{fileUploaders:t,getFiles:i,addFile:a,getFullFiles:h,deleteFile:l=>{const s=t.value.find(g=>g.file===l);s==null||s.cancel(),t.value=t.value.filter(g=>l!==g.file)},upload:async l=>{let s=[];if(l){l.percentage=0;const g=await l.send();s.push(g)}else{const g=t.value.filter(S=>S.status===y.preLoad),k=t.value.filter(S=>S.status===y.failed),C=g.length>0?g:k;s=await Promise.all(C.map(async S=>(S.percentage=0,await S.send())))}return s.length>0?Promise.resolve(s):Promise.reject("no files")},removeFiles:()=>{t.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const l=t.value.filter(s=>s.status!==y.uploaded);return u(l)}}};var Xe="",B=e.defineComponent({name:"DUpload",props:R,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(t,n){const{uploadOptions:o,placeholder:a,autoUpload:i,disabled:h,beforeUpload:u,droppable:E,oneTimeUpload:V,modelValue:c,multiple:r,accept:f,webkitdirectory:x}=e.toRefs(t),l=D("upload"),s=D("input-group"),g=D("form-control"),k=D("input-group-addon"),{triggerSelectFiles:C,_validateFiles:S,triggerDropFiles:Z,checkAllFilesSize:De}=Ne(),{fileUploaders:T,addFile:Le,getFullFiles:Te,deleteFile:q,upload:Ae,resetSameNameFiles:Me,removeFiles:P,_oneTimeUpload:Be,getSameNameFiles:Oe}=Ve(),_=e.ref(!1),M=p=>{me.open({type:"warning",content:p})},Pe=()=>{var F;let p=0;if(T.value.forEach(v=>{p+=v.file.size;const b=S(v.file,(f==null?void 0:f.value)||"",v.uploadOptions);if(b&&b.checkError){q(v.file),M(b.errorMsg);return}}),V.value){const v=De(p,((F=o==null?void 0:o.value)==null?void 0:F.maximumSize)||0);v&&v.checkError&&(P(),M(v.errorMsg))}},_e=p=>{_.value=p,n.emit("fileOver",p)},W=p=>{const F=c.value.filter(v=>v.name!==p.name);n.emit("deleteUploadedFile",p),n.emit("update:modelValue",F)},ze=(p,F,v)=>{p.stopPropagation(),v===y.uploaded&&W(F),q(F)},Ie=()=>{let p=Promise.resolve(!0);if(u==null?void 0:u.value){const F=u==null?void 0:u.value(Te());typeof F!="undefined"&&(typeof F=="boolean"?p=Promise.resolve(F):p=F)}return p},G=(p,F)=>{p&&p.stopPropagation(),Ie().then(v=>{if(!v){P();return}const b=V.value?Be():Ae(F);b==null||b.then(d=>{t["on-success"]&&t["on-success"](d);const z=[...d.map(Re=>Re.file),...c.value];n.emit("update:modelValue",z)}).catch(d=>{t["on-error"]&&t["on-error"](d)})})},X=p=>{Me(),p.then(F=>{F.forEach(d=>{r.value||P(),Le(d,o==null?void 0:o.value)}),Pe();const v=Oe();(o==null?void 0:o.value)&&o.value.checkSameName&&v.length&&M(we(v));const b=T.value.filter(d=>d.status===y.preLoad).map(d=>d.file);n.emit("fileSelect",b),i.value&&G()}).catch(F=>{M(F.message)})},Y=()=>{h.value||X(C({accept:f==null?void 0:f.value,multiple:r.value,webkitdirectory:x.value}))},$e=p=>{_.value=!1,X(Z(p)),n.emit("fileDrop",p)};return()=>{var p,F,v,b;return e.createVNode("div",null,[e.withDirectives(e.createVNode("div",{class:l.b(),style:`border: ${_.value?"1px solid #15bf15":"0"}`},[((F=(p=n.slots).default)==null?void 0:F.call(p))?e.createVNode("div",{onClick:Y},[n.slots.default()]):e.createVNode("div",{class:[s.b(),h.value?"disabled":""],onClick:Y},[T.value.length===0&&e.createVNode("div",{class:[g.b(),l.e("placeholder")]},[a.value]),T.value.length>0&&e.createVNode("ul",{class:[g.b(),l.e("files-list")]},[T.value.map((d,J)=>e.createVNode("li",{key:J,class:[l.e("file-item"),l.e("file-tag")],style:"display: inline-block; margin: 0 2px 2px 0",title:d.file.name},[e.createVNode("span",{class:[l.e("filename"),d.status===y.failed?l.m("failed-color"):""]},[d.file.name]),e.createVNode(e.resolveComponent("d-icon"),{name:"close",class:[(d==null?void 0:d.status)===y.failed?l.e("delete-file-button"):"",(d==null?void 0:d.status)===y.uploading||(d==null?void 0:d.status)===y.uploaded?l.e("delete"):""],onClick:z=>ze(z,d.file,d.status)},null),d.status===y.uploading&&e.createVNode("div",{class:["icon",l.e("progress")]},[e.createVNode(e.resolveComponent("d-progress"),{isCircle:!0,percentage:d.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),d.status===y.failed&&e.createVNode(e.resolveComponent("d-icon"),{name:"running",onClick:G},null),d.status===y.uploaded&&e.createVNode(e.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),e.createVNode("span",{class:k.b()},[e.createVNode(e.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[e.resolveDirective("file-drop"),{droppable:E,isSingle:!r,onFileDrop:$e,onFileOver:_e}]]),e.createVNode("div",null,[(b=(v=n.slots)["uploaded-files"])==null?void 0:b.call(v,{uploadedFiles:c.value,deleteFile:W})])])}}});const H=t=>{var n;return t.dataTransfer?t.dataTransfer:(n=t.originalEvent)==null?void 0:n.dataTransfer},ke=t=>t?t.indexOf?t.indexOf("Files")!==-1:t.contains?t.contains("Files"):!1:!1,O=t=>{t.preventDefault(),t.stopPropagation()},xe=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragover",a=>{const i=H(a);!ke(i.types)||(O(a),o&&o(!0))})},Ee=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragleave",a=>{a.currentTarget!==t&&(O(a),o&&o(!0))})},Ce=(t,n)=>{const{onFileDrop:o,isSingle:a}=n.value;t.addEventListener("drop",i=>{const h=H(i);!h||(O(i),a?o&&o([h.files[0]]):o&&o(Array.from(h.files)))})},be={mounted:(t,n)=>{const{droppable:o}=n.value;!o||(xe(t,n),Ee(t,n),Ce(t,n))}};var Se={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.directive("file-drop",be),t.component(B.name,B)}};m.IFileOptions=ge,m.IUploadOptions=he,m.Upload=B,m.UploadStatus=y,m.default=Se,m.uploadProps=R,Object.defineProperty(m,"__esModule",{value:!0}),m[Symbol.toStringTag]="Module"});
+var Ze=Object.defineProperty,We=Object.defineProperties;var Xe=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var Ge=Object.prototype.hasOwnProperty,Ye=Object.prototype.propertyIsEnumerable;var _=(h,e,x)=>e in h?Ze(h,e,{enumerable:!0,configurable:!0,writable:!0,value:x}):h[e]=x,$=(h,e)=>{for(var x in e||(e={}))Ge.call(e,x)&&_(h,x,e[x]);if(K)for(var x of K(e))Ye.call(e,x)&&_(h,x,e[x]);return h},Q=(h,e)=>We(h,Xe(e));var V=(h,e,x)=>(_(h,typeof e!="symbol"?e+"":e,x),x);(function(h,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis!="undefined"?globalThis:h||self,e(h.index={},h.Vue))})(this,function(h,e){"use strict";const x={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}};function U(t){return/^((http|https):)?\/\//.test(t)}const ee={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"}},te={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function A(t,n,o){let l=t;return n&&(l+=`__${n}`),o&&(l+=`--${o}`),l}function D(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>A(o),e:g=>g?A(o,g):"",m:g=>g?A(o,"",g):"",em:(g,v)=>g&&v?A(o,g,v):""}}var Ke="",ne=e.defineComponent({name:"DSvgIcon",props:te,setup(t){const{name:n,color:o,size:l}=e.toRefs(t),a=D("svg-icon"),c=e.computed(()=>`#icon-${n.value}`),f=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),g={width:f.value,height:f.value};return()=>e.createVNode("svg",{class:a.b(),style:g},[e.createVNode("use",{"xlink:href":c.value,fill:o.value},null)])}}),oe=e.defineComponent({name:"DIcon",props:ee,setup(t,{attrs:n}){const{component:o,name:l,size:a,color:c,classPrefix:f}=e.toRefs(t),g=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(ne),v=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),u=()=>e.createVNode(g,e.mergeProps({name:l.value,color:c.value,size:v.value},n),null),i=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],style:{width:v.value||""}},n),null),p=()=>{const k=/^icon-/.test(l.value)?l.value:`${f.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[f.value,k],style:{fontSize:v.value,color:c.value}},n),null)};return()=>o.value?u():U(l.value)?i():p()}}),le=e.defineComponent({emits:["click"],setup(t,{emit:n}){const o=D("notification");return()=>e.createVNode("div",{class:o.e("icon-close"),onClick:l=>n("click",l)},[e.createVNode(oe,{name:"close",size:"14px"},null)])}});const L=D("notification");function se(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-s",points:"6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391            6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"},null)]),e.createVNode("g",{id:"correct",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-s"},null)]),e.createVNode("use",{id:"Mask",class:L.e("image-success-path"),"xlink:href":"#path-s"},null)])])}function re(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:L.e("warning-outer"),d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),e.createVNode("path",{class:L.e("warning-inner"),"stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)])])}function ae(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:L.e("image-info-path"),d:"M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",id:"info"},null)])])}function ie(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-e",points:"8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085            10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425            8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"},null)]),e.createVNode("g",{id:"error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-e"},null)]),e.createVNode("use",{id:"Mask",class:L.e("image-error-path"),"xlink:href":"#path-e"},null)])])}var ue=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(t){const{type:n}=e.toRefs(t),o=D("notification"),l=e.computed(()=>({[o.e("image")]:!0,[o.em("image",n.value)]:!0}));return()=>e.createVNode("span",{class:l.value},[n.value&&n.value!=="normal"&&(n.value==="success"&&e.createVNode(se,null,null)||n.value==="info"&&e.createVNode(ae,null,null)||n.value==="warning"&&e.createVNode(re,null,null)||n.value==="error"&&e.createVNode(ie,null,null))])}});function ce(t){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${t.type}`]:!0}))}}function de(t,n){let o=null,l;const a=()=>{var v;clearTimeout(o),o=null,(v=t.onClose)==null||v.call(t),n("update:modelValue",!1)},c=()=>{o&&(clearTimeout(o),o=null)},f=()=>{if(!t.modelValue){const v=t.duration-(Date.now()-l);o=setTimeout(a,v)}},g=()=>{n("destroy")};return e.watch(()=>t.modelValue,v=>{v&&(l=Date.now(),t.duration&&(o=setTimeout(a,t.duration)))}),{interrupt:c,removeReset:f,close:a,handleDestroy:g}}var Qe="",pe=e.defineComponent({name:"DNotification",props:x,emits:["update:modelValue","destroy"],setup(t,{emit:n,slots:o}){const{modelValue:l,title:a,type:c}=e.toRefs(t),{classes:f}=ce(t),{interrupt:g,removeReset:v,close:u,handleDestroy:i}=de(t,n),p=D("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:i},{default:()=>{var k;return[l.value&&e.createVNode("div",{class:p.b()},[e.createVNode("div",{class:f.value,onMouseenter:g,onMouseleave:v},[e.createVNode("div",{class:p.e("item")},[e.createVNode(le,{onClick:u},null),a.value&&e.createVNode(ue,{type:c.value},null),e.createVNode("div",{class:p.e("message")},[e.createVNode("span",{class:p.e("title")},[a.value]),e.createVNode("span",{class:p.e("content")},[(k=o.default)==null?void 0:k.call(o)])])])])])]}})}});function fe(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const me={modelValue:!1,duration:3e3,type:"normal"};function he(t,n){const o=document.createElement("div"),l=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(pe,e.mergeProps(t,{onDestroy:l.unmount}),fe(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),l.mount(o),l}function ge(t,n){t.modelValue=!1,n==null||n()}class Fe{static open(n){const o=n.onClose||null,l=n.content;let a;delete n.content;const c=e.reactive(Q($($({},me),n),{onClose:()=>{ge(c,o)}}));he(c,l),c.modelValue=!0,clearTimeout(a),n.duration&&(a=setTimeout(c.onClose,n.duration))}}class ve{constructor(){V(this,"uri");V(this,"method");V(this,"maximumSize");V(this,"headers");V(this,"authToken");V(this,"authTokenHeader");V(this,"additionalParameter");V(this,"fileFieldName");V(this,"checkSameName");V(this,"withCredentials");V(this,"responseType")}}class ye{constructor(){V(this,"accept");V(this,"multiple");V(this,"webkitdirectory")}}var w=(t=>(t[t.preLoad=0]="preLoad",t[t.uploading=1]="uploading",t[t.uploaded=2]="uploaded",t[t.failed=3]="failed",t))(w||{});const R={accept:{type:String},webkitdirectory:{type:Boolean,default:!1},uploadOptions:{type:Object},multiple:{type:Boolean,default:!1},autoUpload:{type:Boolean,default:!0},placeholder:{type:String,default:"\u9009\u62E9\u6587\u4EF6"},modelValue:{type:Array,default:()=>[]},droppable:{type:Boolean,default:!1},beforeUpload:{type:Function},dynamicUploadOptionsFn:{type:Function},disabled:{type:Boolean,default:!1},onChange:{type:Function},fileDrop:{type:Function,default:void 0},fileOver:{type:Function,default:void 0},fileSelect:{type:Function,default:void 0},deleteUploadedFile:{type:Function,default:void 0},"on-error":{type:Function,default:void 0},"on-success":{type:Function,default:void 0},oneTimeUpload:{type:Boolean,default:!1}},we=t=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${t}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,Ne=(t,n)=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,Ve=(t,n)=>`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,ke=t=>`\u60A8\u4E0A\u4F20\u7684 "${t}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,xe=()=>{const t=e.ref(""),n=u=>{const i=document.createEvent("MouseEvents");i.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),u.dispatchEvent(i)},o=({multiple:u,accept:i,webkitdirectory:p})=>new Promise(k=>{const s=document.getElementById("d-upload-temp");s&&document.body.removeChild(s);const r=document.createElement("input");r.style.position="fixed",r.style.left="-2000px",r.style.top="-2000px",r.setAttribute("id","d-upload-temp"),r.setAttribute("type","file"),u&&r.setAttribute("multiple",""),i&&r.setAttribute("accept",i),p&&r.setAttribute("webkitdirectory",""),r.addEventListener("change",F=>{k(Array.prototype.slice.call(F.target.files))}),document.body.appendChild(r),n(r)}),l=(u,i)=>{if(u){const p=u.split(","),k=i.type.replace(/\/.*$/,"");return p.some(s=>{const r=s.trim();return r.startsWith(".")?i.name.toLowerCase().indexOf(r.toLowerCase(),i.name.toLowerCase().length-r.toLowerCase().length)>-1:/\/\*$/.test(r)?k===r.replace(/\/.*$/,""):i.type===r})}return!0},a=(u,i)=>i?u>1024*1024*i:!1;return{triggerSelectFiles:u=>{const{multiple:i,accept:p,webkitdirectory:k}=u;return o({multiple:i,accept:p,webkitdirectory:k})},_validateFiles:(u,i,p)=>l(i,u)?p&&a(u.size,p.maximumSize)?{checkError:!0,errorMsg:Ne(u.name,p.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:Ve(u.name,i)},triggerDropFiles:u=>Promise.resolve(u),checkAllFilesSize:(u,i)=>{if(a(u,i))return t.value=we(i),{checkError:!0,errorMsg:t.value}}}};class j{constructor(n,o){V(this,"xhr");V(this,"status");V(this,"response");V(this,"percentage",0);this.file=n,this.uploadOptions=o,this.file=n,this.uploadOptions=o,this.status=w.preLoad}send(n){return new Promise((o,l)=>{const{uri:a,method:c,headers:f,authToken:g,authTokenHeader:v,additionalParameter:u,fileFieldName:i,withCredentials:p,responseType:k}=this.uploadOptions||{},s=v||"Authorization",r=i||"file";this.xhr=new XMLHttpRequest,this.xhr.open(c||"POST",a||""),p&&(this.xhr.withCredentials=p),k&&(this.xhr.responseType=k),g&&this.xhr.setRequestHeader(s,g),f&&Object.keys(f).forEach(E=>{var C;(C=this.xhr)==null||C.setRequestHeader(E,f[E])}),this.xhr.upload.onprogress=E=>{this.percentage=Math.round(E.loaded*100/E.total)};const F=n&&n.length?this.oneTimeUploadFiles(r,u,n):this.parallelUploadFiles(r,u);this.xhr.send(F),this.status=w.uploading,this.xhr.onabort=()=>{this.status=w.preLoad,this.xhr=null},this.xhr.onerror=()=>{var E,C;this.response=(E=this.xhr)==null?void 0:E.response,this.status=w.failed,l({file:this.file,response:(C=this.xhr)==null?void 0:C.response})},this.xhr.onload=()=>{var E,C,S;((E=this.xhr)==null?void 0:E.readyState)===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=w.uploaded,o({file:this.file,response:this.xhr.response})):(this.response=(C=this.xhr)==null?void 0:C.response,this.status=w.failed,l({file:this.file,response:(S=this.xhr)==null?void 0:S.response}))}})}parallelUploadFiles(n,o){const l=new FormData;return l.append(n,this.file,this.file.name),o&&Object.keys(o).forEach(a=>{l.append(a,o[a])}),l}oneTimeUploadFiles(n,o,l){const a=new FormData;return l.forEach(c=>{a.append(n,c.file,c.file.name),o&&Object.keys(o).forEach(f=>{a.append(f,o[f])})}),a}cancel(){this.xhr&&this.xhr.abort()}}const Ee=()=>{const t=e.ref([]),n=e.ref([]),o=s=>{let r=!0;for(let F=0;F<t.value.length;F++)if(s===t.value[F].file.name){r=!1,n.value.indexOf(s)===-1&&n.value.push(s);break}return r},l=(s,r)=>{r&&r.checkSameName?o(s.name)&&t.value.push(new j(s,r)):t.value.push(new j(s,r))},a=()=>t.value.map(s=>s.file),c=()=>t.value.map(s=>s),f=async s=>{if(!s||!s.length)return Promise.reject("no files");let r=[];return await s[0].send(s).finally(()=>r=s.map(F=>(F.status=s[0].status,F.percentage=s[0].percentage,{file:F.file,response:s[0].response}))),r};return{fileUploaders:t,getFiles:a,addFile:l,getFullFiles:c,deleteFile:s=>{const r=t.value.find(F=>F.file===s);r==null||r.cancel(),t.value=t.value.filter(F=>s!==F.file)},upload:async s=>{let r=[];if(s){s.percentage=0;const F=await s.send();r.push(F)}else{const F=t.value.filter(S=>S.status===w.preLoad),E=t.value.filter(S=>S.status===w.failed),C=F.length>0?F:E;r=await Promise.all(C.map(async S=>(S.percentage=0,await S.send())))}return r.length>0?Promise.resolve(r):Promise.reject("no files")},removeFiles:()=>{t.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const s=t.value.filter(r=>r.status!==w.uploaded);return f(s)}}};var Ue="",B=e.defineComponent({name:"DUpload",props:R,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(t,n){const{uploadOptions:o,placeholder:l,autoUpload:a,disabled:c,beforeUpload:f,droppable:g,oneTimeUpload:v,modelValue:u,multiple:i,accept:p,webkitdirectory:k}=e.toRefs(t),s=D("upload"),r=D("input-group"),F=D("form-control"),E=D("input-group-addon"),{triggerSelectFiles:C,_validateFiles:S,triggerDropFiles:H,checkAllFilesSize:Ae}=xe(),{fileUploaders:T,addFile:Me,getFullFiles:Be,deleteFile:Z,upload:Ie,resetSameNameFiles:Pe,removeFiles:P,_oneTimeUpload:Oe,getSameNameFiles:ze}=Ee(),O=e.ref(!1),M=m=>{Fe.open({type:"warning",content:m})},_e=()=>{var y;let m=0;if(T.value.forEach(N=>{m+=N.file.size;const b=S(N.file,(p==null?void 0:p.value)||"",N.uploadOptions);if(b&&b.checkError){Z(N.file),M(b.errorMsg);return}}),v.value){const N=Ae(m,((y=o==null?void 0:o.value)==null?void 0:y.maximumSize)||0);N&&N.checkError&&(P(),M(N.errorMsg))}},$e=m=>{O.value=m,n.emit("fileOver",m)},W=m=>{const y=u.value.filter(N=>N.name!==m.name);n.emit("deleteUploadedFile",m),n.emit("update:modelValue",y)},Re=(m,y,N)=>{m.stopPropagation(),N===w.uploaded&&W(y),Z(y)},je=()=>{let m=Promise.resolve(!0);if(f==null?void 0:f.value){const y=f==null?void 0:f.value(Be());typeof y!="undefined"&&(typeof y=="boolean"?m=Promise.resolve(y):m=y)}return m},X=(m,y)=>{m&&m.stopPropagation(),je().then(N=>{if(!N){P();return}const b=v.value?Oe():Ie(y);b==null||b.then(d=>{t["on-success"]&&t["on-success"](d);const z=[...d.map(He=>He.file),...u.value];n.emit("update:modelValue",z)}).catch(d=>{t["on-error"]&&t["on-error"](d)})})},G=m=>{Pe(),m.then(y=>{y.forEach(d=>{i.value||P(),Me(d,o==null?void 0:o.value)}),_e();const N=ze();(o==null?void 0:o.value)&&o.value.checkSameName&&N.length&&M(ke(N));const b=T.value.filter(d=>d.status===w.preLoad).map(d=>d.file);n.emit("fileSelect",b),a.value&&X()}).catch(y=>{M(y.message)})},Y=()=>{c.value||G(C({accept:p==null?void 0:p.value,multiple:i.value,webkitdirectory:k.value}))},qe=m=>{O.value=!1,G(H(m)),n.emit("fileDrop",m)};return()=>{var m,y,N,b;return e.createVNode("div",null,[e.withDirectives(e.createVNode("div",{class:s.b(),style:`border: ${O.value?"1px solid #15bf15":"0"}`},[((y=(m=n.slots).default)==null?void 0:y.call(m))?e.createVNode("div",{onClick:Y},[n.slots.default()]):e.createVNode("div",{class:[r.b(),c.value?"disabled":""],onClick:Y},[T.value.length===0&&e.createVNode("div",{class:[F.b(),s.e("placeholder")]},[l.value]),T.value.length>0&&e.createVNode("ul",{class:[F.b(),s.e("files-list")]},[T.value.map((d,J)=>e.createVNode("li",{key:J,class:[s.e("file-item"),s.e("file-tag")],style:"display: inline-block; margin: 0 2px 2px 0",title:d.file.name},[e.createVNode("span",{class:[s.e("filename"),d.status===w.failed?s.m("failed-color"):""]},[d.file.name]),e.createVNode(e.resolveComponent("d-icon"),{name:"close",class:[(d==null?void 0:d.status)===w.failed?s.e("delete-file-button"):"",(d==null?void 0:d.status)===w.uploading||(d==null?void 0:d.status)===w.uploaded?s.e("delete"):""],onClick:z=>Re(z,d.file,d.status)},null),d.status===w.uploading&&e.createVNode("div",{class:["icon",s.e("progress")]},[e.createVNode(e.resolveComponent("d-progress"),{isCircle:!0,percentage:d.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),d.status===w.failed&&e.createVNode(e.resolveComponent("d-icon"),{name:"running",onClick:X},null),d.status===w.uploaded&&e.createVNode(e.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),e.createVNode("span",{class:E.b()},[e.createVNode(e.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[e.resolveDirective("file-drop"),{droppable:g,isSingle:!i,onFileDrop:qe,onFileOver:$e}]]),e.createVNode("div",null,[(b=(N=n.slots)["uploaded-files"])==null?void 0:b.call(N,{uploadedFiles:u.value,deleteFile:W})])])}}});const q=t=>{var n;return t.dataTransfer?t.dataTransfer:(n=t.originalEvent)==null?void 0:n.dataTransfer},Ce=t=>t?t.indexOf?t.indexOf("Files")!==-1:t.contains?t.contains("Files"):!1:!1,I=t=>{t.preventDefault(),t.stopPropagation()},be=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragover",l=>{const a=q(l);!Ce(a.types)||(I(l),o&&o(!0))})},Se=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragleave",l=>{l.currentTarget!==t&&(I(l),o&&o(!0))})},De=(t,n)=>{const{onFileDrop:o,isSingle:l}=n.value;t.addEventListener("drop",a=>{const c=q(a);!c||(I(a),l?o&&o([c.files[0]]):o&&o(Array.from(c.files)))})},Le={mounted:(t,n)=>{const{droppable:o}=n.value;!o||(be(t,n),Se(t,n),De(t,n))}};var Te={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.directive("file-drop",Le),t.component(B.name,B)}};h.IFileOptions=ye,h.IUploadOptions=ve,h.Upload=B,h.UploadStatus=w,h.default=Te,h.uploadProps=R,Object.defineProperty(h,"__esModule",{value:!0}),h[Symbol.toStringTag]="Module"});

package/upload/style.css

@@ -1 +1 @@
-.devui-notification{position:fixed;top:50px;right:20px;width:20em;word-break:normal;word-wrap:break-word;z-index:1060}.devui-notification a:link,.devui-notification a:visited{color:var(--devui-link-light, #96adfa)}.devui-notification a:hover,.devui-notification a:active{color:var(--devui-link-light-active, #beccfa)}.devui-notification-item-container{position:relative;margin:0 0 8px;opacity:.95;filter:alpha(opacity=95);box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) var(--devui-shadow, rgba(37, 43, 58, .2));border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-notification__item{position:relative;display:block;padding:12px 16px}.devui-notification__icon-close{position:absolute;top:7px;right:10px;cursor:pointer}.devui-notification__icon-close i.icon{color:var(--devui-light-text, #ffffff)!important}.devui-notification__title{font-size:var(--devui-font-size-card-title, 14px);padding:0 0 calc(.5em - 2px) 0;display:block;font-weight:700}.devui-notification__image{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%;left:16px;top:14px;padding:0;line-height:1}.devui-notification__image.devui-notification__image--warning path.devui-notification__warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-notification__image.devui-notification__image--warning path.devui-notification__warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-notification__image.devui-notification__image--info{background-color:var(--devui-info, #5e7ce0)}.devui-notification__image.devui-notification__image--error{background-color:var(--devui-danger, #f66f6a)}.devui-notification__image.devui-notification__image--success{background-color:var(--devui-success, #50d4ab)}.devui-notification__image .devui-notification__image-info-path,.devui-notification__image .devui-notification__image-error-path,.devui-notification__image .devui-notification__image-success-path{fill:var(--devui-light-text, #ffffff)}.devui-notification__message{margin-left:20px}.devui-notification__message .devui-notification__content{font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-notification-message-common .devui-notification__message{margin-left:0}.devui-notification__message p{font-size:var(--devui-font-size, 12px);margin-top:4px}.notification-fade-enter-active,.notification-fade-leave-active{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.notification-fade-enter-from,.notification-fade-leave-to{transform:translate(100%)}.devui-input-group{position:relative;display:flex!important;align-items:center;border-collapse:separate;width:360px}.devui-input-group:not(.disabled):hover .devui-input-group-addon{border-color:var(--devui-form-control-line-active, #5e7ce0);background-color:var(--devui-dividing-line, #dfe1e6);font-weight:700}.devui-input-group:not(.disabled):hover .devui-form-control{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #adb0b8)}.devui-input-group:not(.disabled) .devui-input-group-addon:active{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #adb0b8);background-color:var(--devui-dividing-line, #dfe1e6)}.devui-input-group .devui-input-group-addon{width:36px;white-space:nowrap;font-size:var(--devui-font-size-icon, 16px);font-weight:400;line-height:1;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8);border-top:1px solid var(--devui-form-control-line, #adb0b8);border-bottom:1px solid var(--devui-form-control-line, #adb0b8);border-right:1px solid var(--devui-form-control-line, #adb0b8);border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0;transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));cursor:pointer;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.devui-input-group .devui-form-control{cursor:pointer;display:block;width:100%;min-height:28px;height:unset;padding:4px 8px;font-size:var(--devui-font-size, 12px);line-height:1.5;background-image:none;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px);transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-input-group .devui-form-control.devui-upload__files-list{max-height:52px;padding:2px 2px 0;overflow-x:hidden;overflow-y:auto;max-width:100%;margin:0}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-item{height:22px;line-height:22px;padding:0 48px 0 12px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag{position:relative;background-color:var(--devui-label-bg, #eef0f5);border-radius:var(--devui-border-radius, 2px);max-width:100%}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .devui-upload__filename{height:100%;display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon{position:absolute;cursor:pointer;right:8px;top:50%;transform:translateY(-50%)}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.icon-right{color:var(--devui-success, #50d4ab)}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.icon-running{font-size:16px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.devui-upload__delete-file-button{margin-right:20px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.devui-upload__delete,.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .devui-upload__progress,.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .icon-right{display:none}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .icon-close{display:inline-block}.devui-input-group.disabled .devui-upload__placeholder{color:var(--devui-disabled-text, #adb0b8)}.devui-input-group .devui-upload__placeholder{max-height:28px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--devui-placeholder, #8a8e99)}.devui-input-group .devui-upload__progress{width:16px;height:16px}.devui-input-group.disabled .devui-form-control,.devui-input-group.disabled .devui-input-group-addon{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-control{outline:none}.devui-input-group.disabled .devui-upload__delete-file-button{cursor:not-allowed;pointer-events:none}.devui-loading{color:var(--devui-aide-text, #8a8e99)}.devui-upload--failed-color{color:var(--devui-danger, #f66f6a)}.devui-upload{display:flex}.devui-upload-tip{height:18px;margin-top:8px;font-size:12px}.devui-upload-tip .icon{margin-right:8px;font-size:16px;vertical-align:middle}.devui-upload-tip .icon-right-o{color:var(--devui-success, #50d4ab)}.devui-upload-tip .devui-upload-failed{color:var(--devui-danger, #f66f6a)}.devui-upload-tip a{color:var(--devui-link, #526ecc);cursor:pointer}
+.devui-svg-icon{vertical-align:middle}.devui-notification{position:fixed;top:50px;right:20px;width:20em;word-break:normal;word-wrap:break-word;z-index:1060}.devui-notification a:link,.devui-notification a:visited{color:var(--devui-link-light, #96adfa)}.devui-notification a:hover,.devui-notification a:active{color:var(--devui-link-light-active, #beccfa)}.devui-notification-item-container{position:relative;margin:0 0 8px;opacity:.95;filter:alpha(opacity=95);box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) var(--devui-shadow, rgba(37, 43, 58, .2));border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-notification__item{position:relative;display:block;padding:12px 16px}.devui-notification__icon-close{position:absolute;top:7px;right:10px;cursor:pointer}.devui-notification__icon-close i.icon{color:var(--devui-light-text, #ffffff)!important}.devui-notification__title{font-size:var(--devui-font-size-card-title, 14px);padding:0 0 calc(.5em - 2px) 0;display:block;font-weight:700}.devui-notification__image{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%;left:16px;top:14px;padding:0;line-height:1}.devui-notification__image.devui-notification__image--warning path.devui-notification__warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-notification__image.devui-notification__image--warning path.devui-notification__warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-notification__image.devui-notification__image--info{background-color:var(--devui-info, #5e7ce0)}.devui-notification__image.devui-notification__image--error{background-color:var(--devui-danger, #f66f6a)}.devui-notification__image.devui-notification__image--success{background-color:var(--devui-success, #50d4ab)}.devui-notification__image .devui-notification__image-info-path,.devui-notification__image .devui-notification__image-error-path,.devui-notification__image .devui-notification__image-success-path{fill:var(--devui-light-text, #ffffff)}.devui-notification__message{margin-left:20px}.devui-notification__message .devui-notification__content{font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-notification-message-common .devui-notification__message{margin-left:0}.devui-notification__message p{font-size:var(--devui-font-size, 12px);margin-top:4px}.notification-fade-enter-active,.notification-fade-leave-active{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.notification-fade-enter-from,.notification-fade-leave-to{transform:translate(100%)}.devui-input-group{position:relative;display:flex!important;align-items:center;border-collapse:separate;width:360px}.devui-input-group:not(.disabled):hover .devui-input-group-addon{border-color:var(--devui-form-control-line-active, #5e7ce0);background-color:var(--devui-dividing-line, #dfe1e6);font-weight:700}.devui-input-group:not(.disabled):hover .devui-form-control{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #adb0b8)}.devui-input-group:not(.disabled) .devui-input-group-addon:active{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #adb0b8);background-color:var(--devui-dividing-line, #dfe1e6)}.devui-input-group .devui-input-group-addon{width:36px;white-space:nowrap;font-size:var(--devui-font-size-icon, 16px);font-weight:400;line-height:1;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8);border-top:1px solid var(--devui-form-control-line, #adb0b8);border-bottom:1px solid var(--devui-form-control-line, #adb0b8);border-right:1px solid var(--devui-form-control-line, #adb0b8);border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0;transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));cursor:pointer;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.devui-input-group .devui-form-control{cursor:pointer;display:block;width:100%;min-height:28px;height:unset;padding:4px 8px;font-size:var(--devui-font-size, 12px);line-height:1.5;background-image:none;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px);transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-input-group .devui-form-control.devui-upload__files-list{max-height:52px;padding:2px 2px 0;overflow-x:hidden;overflow-y:auto;max-width:100%;margin:0}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-item{height:22px;line-height:22px;padding:0 48px 0 12px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag{position:relative;background-color:var(--devui-label-bg, #eef0f5);border-radius:var(--devui-border-radius, 2px);max-width:100%}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .devui-upload__filename{height:100%;display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon{position:absolute;cursor:pointer;right:8px;top:50%;transform:translateY(-50%)}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.icon-right{color:var(--devui-success, #50d4ab)}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.icon-running{font-size:16px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.devui-upload__delete-file-button{margin-right:20px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.devui-upload__delete,.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .devui-upload__progress,.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .icon-right{display:none}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .icon-close{display:inline-block}.devui-input-group.disabled .devui-upload__placeholder{color:var(--devui-disabled-text, #adb0b8)}.devui-input-group .devui-upload__placeholder{max-height:28px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--devui-placeholder, #8a8e99)}.devui-input-group .devui-upload__progress{width:16px;height:16px}.devui-input-group.disabled .devui-form-control,.devui-input-group.disabled .devui-input-group-addon{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-control{outline:none}.devui-input-group.disabled .devui-upload__delete-file-button{cursor:not-allowed;pointer-events:none}.devui-loading{color:var(--devui-aide-text, #8a8e99)}.devui-upload--failed-color{color:var(--devui-danger, #f66f6a)}.devui-upload{display:flex}.devui-upload-tip{height:18px;margin-top:8px;font-size:12px}.devui-upload-tip .icon{margin-right:8px;font-size:16px;vertical-align:middle}.devui-upload-tip .icon-right-o{color:var(--devui-success, #50d4ab)}.devui-upload-tip .devui-upload-failed{color:var(--devui-danger, #f66f6a)}.devui-upload-tip a{color:var(--devui-link, #526ecc);cursor:pointer}