vue-devui 1.0.0-rc.4 → 1.0.0-rc.7

package/tree/index.umd.js

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

package/tree/package.json

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

package/tree/style.css

@@ -0,0 +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{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight: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.halfchecked .devui-checkbox-material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material .devui-checkbox-halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-no-animation{transition:none!important}.devui-checkbox-column-margin{height:28px;line-height:28px}.devui-checkbox-wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}: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-drop-draggable{border-top:1px solid transparent;border-bottom:1px solid transparent}.devui-tree-node .devui-drop-inner{color:var(--devui-brand, #5e7ce0)}.devui-tree-node .devui-drop-prev{border-top:1px solid var(--devui-brand, #5e7ce0)}.devui-tree-node .devui-drop-next{border-bottom:1px solid var(--devui-brand, #5e7ce0)}.devui-tree-node .devui-tree-node__content{display:inline-flex;align-items:center;font-size:var(--devui-font-size, 12px);padding-right:10px;width:100%;border-radius:var(--devui-border-radius, 2px);padding-left:6px}.devui-tree-node .devui-tree-node__content.active{background-color:var(--devui-list-item-selected-bg, #e9edfa);text-decoration:none;border-color:transparent}.devui-tree-node .devui-tree-node__content:not(.active):hover{background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-tree-node .devui-tree-node__content--value-wrapper{display:inline-flex;align-items:center;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/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(0, 0, 0, .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-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-notification-image.devui-notification-image-warning path.devui-icon-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-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-files-list .devui-file-item{height:22px;line-height:22px;padding:0 48px 0 12px}.devui-input-group .devui-form-control.devui-files-list .devui-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-files-list .devui-file-tag .devui-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-files-list .devui-file-tag .icon{position:absolute;cursor:pointer;right:8px;top:50%;transform:translateY(-50%)}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.icon-right{color:var(--devui-success, #50d4ab)}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.icon-running{font-size:16px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.devui-upload-delete-file-button{margin-right:20px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.devui-uploading-delete,.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .devui-upload-progress,.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .icon-right{display:none}.devui-input-group .devui-form-control.devui-files-list .devui-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-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-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-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-notification-image.devui-notification-image-warning path.devui-icon-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-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-files-list .devui-file-item{height:22px;line-height:22px;padding:0 48px 0 12px}.devui-input-group .devui-form-control.devui-files-list .devui-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-files-list .devui-file-tag .devui-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-files-list .devui-file-tag .icon{position:absolute;cursor:pointer;right:8px;top:50%;transform:translateY(-50%)}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.icon-right{color:var(--devui-success, #50d4ab)}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.icon-running{font-size:16px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.devui-upload-delete-file-button{margin-right:20px}.devui-input-group .devui-form-control.devui-files-list .devui-file-tag .icon.devui-uploading-delete,.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .devui-upload-progress,.devui-input-group .devui-form-control.devui-files-list .devui-file-tag:hover .icon-right{display:none}.devui-input-group .devui-form-control.devui-files-list .devui-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-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}