vue-devui 1.0.0-rc.1 → 1.0.0-rc.12

package/upload/index.umd.js

@@ -1 +1 @@
-var xe=Object.defineProperty,Oe=Object.defineProperties;var Me=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var Be=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable;var L=(f,t,E)=>t in f?xe(f,t,{enumerable:!0,configurable:!0,writable:!0,value:E}):f[t]=E,P=(f,t)=>{for(var E in t||(t={}))Be.call(t,E)&&L(f,E,t[E]);if(G)for(var E of G(t))Le.call(t,E)&&L(f,E,t[E]);return f},Y=(f,t)=>Oe(f,Me(t));var g=(f,t,E)=>(L(f,typeof t!="symbol"?t+"":t,E),E);(function(f,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(f=typeof globalThis!="undefined"?globalThis:f||self,t(f.index={},f.Vue))})(this,function(f,t){"use strict";const E={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},Z={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var $=t.defineComponent({name:"DIcon",props:Z,setup(e){const{name:o,size:n,color:a,classPrefix:s}=t.toRefs(e);return()=>/^((https?):)?\/\//.test(o.value)?t.createVNode("img",{src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],style:{width:n.value,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${s.value} ${s.value}-${o.value}`,style:{fontSize:n.value,color:a.value}},null)}}),J=t.defineComponent({emits:["click"],setup(e,{emit:o}){return()=>t.createVNode("div",{class:"devui-notification-icon-close",onClick:n=>o("click",n)},[t.createVNode($,{name:"close",size:"14px"},null)])}}),K=t.defineComponent({props:{type:{type:String,default:"normal"}},setup(e){const{type:o}=t.toRefs(e),n=t.computed(()=>({"devui-notification-image":!0,[`devui-notification-image-${o.value}`]:!0})),a={info:"info-o",success:"right-o",warning:"warning-o",error:"error-o"};return()=>t.createVNode("span",{class:n.value},[o.value!=="normal"&&t.createVNode($,{name:a[o.value],size:"16px"},null)])}});function Q(e){return{classes:t.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${e.type}`]:!0}))}}function ee(e,o){let n=null,a;const s=()=>{var N;clearTimeout(n),n=null,(N=e.onClose)==null||N.call(e),o("update:modelValue",!1)},m=()=>{n&&(clearTimeout(n),n=null)},y=()=>{if(!e.modelValue){const N=e.duration-(Date.now()-a);n=setTimeout(s,N)}},C=()=>{o("destroy")};return t.watch(()=>e.modelValue,N=>{N&&(a=Date.now(),e.duration&&(n=setTimeout(s,e.duration)))}),{interrupt:m,removeReset:y,close:s,handleDestroy:C}}var Pe="",te=t.defineComponent({name:"DNotification",props:E,emits:["update:modelValue","destroy"],setup(e,{emit:o,slots:n}){const{modelValue:a,title:s,type:m}=t.toRefs(e),{classes:y}=Q(e),{interrupt:C,removeReset:N,close:u,handleDestroy:r}=ee(e,o);return()=>t.createVNode(t.Transition,{name:"notification-fade",onAfterLeave:r},{default:()=>{var v;return[a.value&&t.createVNode("div",{class:"devui-notification"},[t.createVNode("div",{class:y.value,onMouseenter:C,onMouseleave:N},[t.createVNode("div",{class:"devui-notification-item"},[t.createVNode(J,{onClick:u},null),s.value&&t.createVNode(K,{type:m.value},null),t.createVNode("div",{class:"devui-notification-message"},[t.createVNode("span",{class:"devui-notification-title"},[s.value]),t.createVNode("span",{class:"devui-notification-content"},[(v=n.default)==null?void 0:v.call(n)])])])])])]}})}});function oe(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const ne={modelValue:!1,duration:3e3,type:"normal"};function ie(e,o){const n=document.createElement("div"),a=t.createApp({setup(){return t.onUnmounted(()=>{document.body.removeChild(n)}),()=>t.createVNode(te,t.mergeProps(e,{onDestroy:a.unmount}),oe(o)?o:{default:()=>[o]})}});return document.body.appendChild(n),a.mount(n),a}function le(e,o){e.modelValue=!1,o==null||o()}class ae{static open(o){const n=o.onClose||null,a=o.content;let s;delete o.content;const m=t.reactive(Y(P(P({},ne),o),{onClose:()=>{le(m,n)}}));ie(m,a),m.modelValue=!0,clearTimeout(s),o.duration&&(s=setTimeout(m.onClose,o.duration))}}class se{constructor(){g(this,"uri");g(this,"method");g(this,"maximumSize");g(this,"headers");g(this,"authToken");g(this,"authTokenHeader");g(this,"additionalParameter");g(this,"fileFieldName");g(this,"checkSameName");g(this,"withCredentials");g(this,"responseType")}}class re{constructor(){g(this,"accept");g(this,"multiple");g(this,"webkitdirectory")}}var F=(e=>(e[e.preLoad=0]="preLoad",e[e.uploading=1]="uploading",e[e.uploaded=2]="uploaded",e[e.failed=3]="failed",e))(F||{});const z={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}},ue=e=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${e}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,ce=(e,o)=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${o}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,de=(e,o)=>`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${o}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,pe=e=>`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,fe=()=>{const e=t.ref(""),o=u=>{const r=document.createEvent("MouseEvents");r.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),u.dispatchEvent(r)},n=({multiple:u,accept:r,webkitdirectory:v})=>new Promise(b=>{const l=document.getElementById("d-upload-temp");l&&document.body.removeChild(l);const i=document.createElement("input");i.style.position="fixed",i.style.left="-2000px",i.style.top="-2000px",i.setAttribute("id","d-upload-temp"),i.setAttribute("type","file"),u&&i.setAttribute("multiple",""),r&&i.setAttribute("accept",r),v&&i.setAttribute("webkitdirectory",""),i.addEventListener("change",h=>{b(Array.prototype.slice.call(h.target.files))}),document.body.appendChild(i),o(i)}),a=(u,r)=>{if(u){const v=u.split(","),b=r.type.replace(/\/.*$/,"");return v.some(l=>{const i=l.trim();return i.startsWith(".")?r.name.toLowerCase().indexOf(i.toLowerCase(),r.name.toLowerCase().length-i.toLowerCase().length)>-1:/\/\*$/.test(i)?b===i.replace(/\/.*$/,""):r.type===i})}return!0},s=(u,r)=>r?u>1024*1024*r:!1;return{triggerSelectFiles:u=>{const{multiple:r,accept:v,webkitdirectory:b}=u;return n({multiple:r,accept:v,webkitdirectory:b})},_validateFiles:(u,r,v)=>a(r,u)?v&&s(u.size,v.maximumSize)?{checkError:!0,errorMsg:ce(u.name,v.maximumSize)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:de(u.name,r)},triggerDropFiles:u=>Promise.resolve(u),checkAllFilesSize:(u,r)=>{if(s(u,r))return e.value=ue(r),{checkError:!0,errorMsg:e.value}}}};class _{constructor(o,n){g(this,"xhr");g(this,"status");g(this,"response");g(this,"percentage",0);this.file=o,this.uploadOptions=n,this.file=o,this.uploadOptions=n,this.status=F.preLoad}send(o){return new Promise((n,a)=>{const{uri:s,method:m,headers:y,authToken:C,authTokenHeader:N,additionalParameter:u,fileFieldName:r,withCredentials:v,responseType:b}=this.uploadOptions,l=N||"Authorization",i=r||"file";this.xhr=new XMLHttpRequest,this.xhr.open(m||"POST",s),v&&(this.xhr.withCredentials=v),b&&(this.xhr.responseType=b),C&&this.xhr.setRequestHeader(l,C),y&&Object.keys(y).forEach(S=>{this.xhr.setRequestHeader(S,y[S])}),this.xhr.upload.onprogress=S=>{this.percentage=Math.round(S.loaded*100/S.total)};const h=o&&o.length?this.oneTimeUploadFiles(i,u,o):this.parallelUploadFiles(i,u);this.xhr.send(h),this.status=F.uploading,this.xhr.onabort=()=>{this.status=F.preLoad,this.xhr=null},this.xhr.onerror=()=>{this.response=this.xhr.response,this.status=F.failed,a({file:this.file,response:this.xhr.response})},this.xhr.onload=()=>{this.xhr.readyState===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=F.uploaded,n({file:this.file,response:this.xhr.response})):(this.response=this.xhr.response,this.status=F.failed,a({file:this.file,response:this.xhr.response}))}})}parallelUploadFiles(o,n){const a=new FormData;return a.append(o,this.file,this.file.name),n&&Object.keys(n).forEach(s=>{a.append(s,n[s])}),a}oneTimeUploadFiles(o,n,a){const s=new FormData;return a.forEach(m=>{s.append(o,m.file,m.file.name),n&&Object.keys(n).forEach(y=>{s.append(y,n[y])})}),s}cancel(){this.xhr&&this.xhr.abort()}}const me=()=>{const e=t.ref([]),o=t.ref([]),n=l=>{let i=!0;for(let h=0;h<e.value.length;h++)if(l===e.value[h].file.name){i=!1,o.value.indexOf(l)===-1&&o.value.push(l);break}return i},a=(l,i)=>{i&&i.checkSameName?n(l.name)&&e.value.push(new _(l,i)):e.value.push(new _(l,i))},s=()=>e.value.map(l=>l.file),m=()=>e.value.map(l=>l),y=async l=>{if(!l||!l.length)return Promise.reject("no files");let i=[];return await l[0].send(l).finally(()=>i=l.map(h=>(h.status=l[0].status,h.percentage=l[0].percentage,{file:h.file,response:l[0].response}))),i};return{fileUploaders:e,getFiles:s,addFile:a,getFullFiles:m,deleteFile:l=>{e.value.find(h=>h.file===l).cancel(),e.value=e.value.filter(h=>l!==h.file)},upload:async l=>{let i=[];if(l){l.percentage=0;const h=await l.send();i.push(h)}else{const h=e.value.filter(k=>k.status===F.preLoad),S=e.value.filter(k=>k.status===F.failed),w=h.length>0?h:S;i=await Promise.all(w.map(async k=>(k.percentage=0,await k.send())))}return i.length>0?Promise.resolve(i):Promise.reject("no files")},removeFiles:()=>{e.value=[],o.value=[]},getSameNameFiles:()=>o.value.join(),resetSameNameFiles:()=>{o.value=[]},_oneTimeUpload:()=>{const l=e.value.filter(i=>i.status!==F.uploaded);return y(l)}}};var $e="",A=t.defineComponent({name:"DUpload",props:z,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(e,o){const{uploadOptions:n,placeholder:a,autoUpload:s,disabled:m,beforeUpload:y,droppable:C,oneTimeUpload:N,modelValue:u,multiple:r,accept:v,webkitdirectory:b}=t.toRefs(e),{triggerSelectFiles:l,_validateFiles:i,triggerDropFiles:h,checkAllFilesSize:S}=fe(),{fileUploaders:w,addFile:k,getFullFiles:R,deleteFile:j,upload:Ne,resetSameNameFiles:Ve,removeFiles:O,_oneTimeUpload:be,getSameNameFiles:Ce}=me(),M=t.ref(!1);t.ref("");const T=d=>{ae.open({type:"warning",content:d})},Se=()=>{let d=0;if(w.value.forEach(p=>{d+=p.file.size;const V=i(p.file,v.value,p.uploadOptions);if(V&&V.checkError){j(p.file),T(V.errorMsg);return}}),N.value){const p=S(d,n.value.maximumSize);p&&p.checkError&&(O(),T(p.errorMsg))}},H=d=>{Ve(),d.then(p=>{p.forEach(c=>{r.value||O(),k(c,n.value)}),Se();const V=Ce();n.value&&n.value.checkSameName&&V.length&&T(pe(V));const D=w.value.filter(c=>c.status===F.preLoad).map(c=>c.file);o.emit("fileSelect",D),s.value&&W()}).catch(p=>{T(p.message)})},q=()=>{m.value||H(l({accept:v.value,multiple:r.value,webkitdirectory:b.value}))},ke=d=>{M.value=!1,H(h(d)),o.emit("fileDrop",d)},we=d=>{M.value=d,o.emit("fileOver",d)},U=d=>{const p=u.value.filter(V=>V.name!==d.name);o.emit("deleteUploadedFile",d),o.emit("update:modelValue",p)},De=(d,p,V)=>{d.stopPropagation(),V===F.uploaded&&U(p),j(p)},Te=()=>{let d=Promise.resolve(!0);if(y.value){const p=y.value(R());typeof p!="undefined"&&(p.then?d=p:d=Promise.resolve(p))}return d},W=(d,p)=>{d&&d.stopPropagation(),Te().then(V=>{if(!V){O();return}(N.value?be():Ne(p)).then(c=>{e["on-success"]&&e["on-success"](c);const B=[...c.map(Ae=>Ae.file),...u.value];o.emit("update:modelValue",B)}).catch(c=>{e["on-error"]&&e["on-error"](c)})})};return()=>{var d,p,V,D;return t.createVNode("div",null,[t.withDirectives(t.createVNode("div",{class:"devui-upload",style:`border: ${M.value?"1px solid #15bf15":"0"}`},[((p=(d=o.slots).default)==null?void 0:p.call(d))?t.createVNode("div",{onClick:q},[o.slots.default()]):t.createVNode("div",{class:`devui-input-group ${m.value?"disabled":""}`,onClick:q},[w.value.length===0&&t.createVNode("div",{class:"devui-form-control devui-upload-placeholder"},[a.value]),w.value.length>0&&t.createVNode("ul",{class:"devui-form-control devui-files-list"},[w.value.map((c,X)=>t.createVNode("li",{key:X,class:"devui-file-item devui-file-tag",style:"display: inline-block; margin: 0 2px 2px 0",title:c.file.name},[t.createVNode("span",{class:`devui-filename ${c.status===F.failed?"devui-failed-color":""}`},[c.file.name]),t.createVNode(t.resolveComponent("d-icon"),{name:"close",class:`${(c==null?void 0:c.status)===F.failed?"devui-upload-delete-file-button":""} ${(c==null?void 0:c.status)===F.uploading||(c==null?void 0:c.status)===F.uploaded?"devui-uploading-delete":""}`,onClick:B=>De(B,c.file,c.status)},null),c.status===F.uploading&&t.createVNode("div",{class:"icon devui-upload-progress"},[t.createVNode(t.resolveComponent("d-progress"),{isCircle:!0,percentage:c.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),c.status===F.failed&&t.createVNode(t.resolveComponent("d-icon"),{name:"running",onClick:W},null),c.status===F.uploaded&&t.createVNode(t.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),t.createVNode("span",{class:"devui-input-group-addon"},[t.createVNode(t.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[t.resolveDirective("file-drop"),{droppable:C,isSingle:!r,onFileDrop:ke,onFileOver:we}]]),t.createVNode("div",null,[(D=(V=o.slots)["uploaded-files"])==null?void 0:D.call(V,{uploadedFiles:u.value,deleteFile:U})])])}}});const I=e=>{var o;return e.dataTransfer?e.dataTransfer:(o=e.originalEvent)==null?void 0:o.dataTransfer},he=e=>e?e.indexOf?e.indexOf("Files")!==-1:e.contains?e.contains("Files"):!1:!1,x=e=>{e.preventDefault(),e.stopPropagation()},Fe=(e,o)=>{const{onFileOver:n}=o.value;e.addEventListener("dragover",a=>{const s=I(a);!he(s.types)||(x(a),n&&n(!0))})},ve=(e,o)=>{const{onFileOver:n}=o.value;e.addEventListener("dragleave",a=>{a.currentTarget!==e&&(x(a),n&&n(!0))})},ge=(e,o)=>{const{onFileDrop:n,isSingle:a}=o.value;e.addEventListener("drop",s=>{const m=I(s);!m||(x(s),a?n&&n([m.files[0]]):n&&n(Array.from(m.files)))})},ye={mounted:(e,o)=>{const{droppable:n}=o.value;!n||(Fe(e,o),ve(e,o),ge(e,o))}};var Ee={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.directive("file-drop",ye),e.component(A.name,A)}};f.IFileOptions=re,f.IUploadOptions=se,f.Upload=A,f.UploadStatus=F,f.default=Ee,f.uploadProps=z,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});
+var Ue=Object.defineProperty,et=Object.defineProperties;var tt=Object.getOwnPropertyDescriptors;var ee=Object.getOwnPropertySymbols;var nt=Object.prototype.hasOwnProperty,ot=Object.prototype.propertyIsEnumerable;var q=(v,e,C)=>e in v?Ue(v,e,{enumerable:!0,configurable:!0,writable:!0,value:C}):v[e]=C,H=(v,e)=>{for(var C in e||(e={}))nt.call(e,C)&&q(v,C,e[C]);if(ee)for(var C of ee(e))ot.call(e,C)&&q(v,C,e[C]);return v},te=(v,e)=>et(v,tt(e));var x=(v,e,C)=>(q(v,typeof e!="symbol"?e+"":e,C),C);(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 C={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},ne={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"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},oe={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function I(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:()=>I(o),e:r=>r?I(o,r):"",m:r=>r?I(o,"",r):"",em:(r,m)=>r&&m?I(o,r,m):""}}var st="",le=e.defineComponent({name:"DSvgIcon",props:oe,setup(t){const{name:n,color:o,size:l}=e.toRefs(t),s=D("svg-icon"),u=e.computed(()=>`#icon-${n.value}`),y=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),r={width:y.value,height:y.value};return()=>e.createVNode("svg",{class:s.b(),style:r},[e.createVNode("use",{"xlink:href":u.value,fill:o.value},null)])}});function se(t){return/^((http|https):)?\/\//.test(t)}function ae(t,n){const{component:o,name:l,size:s,color:u,classPrefix:y,rotate:r}=e.toRefs(t),m=D("icon"),S=e.computed(()=>typeof s.value=="number"?`${s.value}px`:s.value),f=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(le),i=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(r==null?void 0:r.value)==="infinite"&&m.m("spin")],style:{width:S.value||"",transform:`rotate(${r==null?void 0:r.value}deg)`}},n.attrs),null),F=()=>e.createVNode(f,e.mergeProps({name:l.value,color:u.value,size:S.value,class:[(r==null?void 0:r.value)==="infinite"&&m.m("spin")],style:{transform:`rotate(${r==null?void 0:r.value}deg)`}},n.attrs),null),a=()=>{const c=/^icon-/.test(l.value)?l.value:`${y.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[y.value,c,(r==null?void 0:r.value)==="infinite"&&m.m("spin")],style:{fontSize:S.value,color:u.value,transform:`rotate(${r==null?void 0:r.value}deg)`}},n.attrs),null)};return{iconDom:()=>o.value?F():se(l.value)?i():a()}}var ie=e.defineComponent({name:"DIcon",props:ne,emits:["click"],setup(t,n){const{disabled:o,operable:l}=e.toRefs(t),{iconDom:s}=ae(t,n),u=D("icon"),y=e.computed(()=>({[u.e("container")]:!0,[u.m("disabled")]:o.value,[u.m("operable")]:l.value})),r=m=>{o.value||n.emit("click",m)};return()=>{var m,S,f,i;return e.createVNode("div",{class:y.value,onClick:r},[(S=(m=n.slots).prefix)==null?void 0:S.call(m),s(),(i=(f=n.slots).suffix)==null?void 0:i.call(f)])}}}),at="";e.defineComponent({name:"DIconGroup",setup(t,n){const o=D("icon-group");return()=>{var l,s;return e.createVNode("div",{class:o.b()},[(s=(l=n.slots).default)==null?void 0:s.call(l)])}}});var re=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(ie,{name:"close",size:"14px"},null)])}});const P=D("notification");function ce(){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:P.e("image-success-path"),"xlink:href":"#path-s"},null)])])}function ue(){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:P.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:P.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 de(){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:P.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 fe(){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:P.e("image-error-path"),"xlink:href":"#path-e"},null)])])}var pe=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(ce,null,null)||n.value==="info"&&e.createVNode(de,null,null)||n.value==="warning"&&e.createVNode(ue,null,null)||n.value==="error"&&e.createVNode(fe,null,null))])}});function me(t){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${t.type}`]:!0}))}}function he(t,n){let o=null,l;const s=()=>{var m;clearTimeout(o),o=null,(m=t.onClose)==null||m.call(t),n("update:modelValue",!1)},u=()=>{o&&(clearTimeout(o),o=null)},y=()=>{if(!t.modelValue){const m=t.duration-(Date.now()-l);o=setTimeout(s,m)}},r=()=>{n("destroy")};return e.watch(()=>t.modelValue,m=>{m&&(l=Date.now(),t.duration&&(o=setTimeout(s,t.duration)))}),{interrupt:u,removeReset:y,close:s,handleDestroy:r}}var it="",ge=e.defineComponent({name:"DNotification",props:C,emits:["update:modelValue","destroy"],setup(t,{emit:n,slots:o}){const{modelValue:l,title:s,type:u}=e.toRefs(t),{classes:y}=me(t),{interrupt:r,removeReset:m,close:S,handleDestroy:f}=he(t,n),i=D("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:f},{default:()=>{var F;return[l.value&&e.createVNode("div",{class:i.b()},[e.createVNode("div",{class:y.value,onMouseenter:r,onMouseleave:m},[e.createVNode("div",{class:i.e("item")},[e.createVNode(re,{onClick:S},null),s.value&&e.createVNode(pe,{type:u.value},null),e.createVNode("div",{class:i.e("message")},[e.createVNode("span",{class:i.e("title")},[s.value]),e.createVNode("span",{class:i.e("content")},[(F=o.default)==null?void 0:F.call(o)])])])])])]}})}});function ve(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const ye={modelValue:!1,duration:3e3,type:"normal"};function Fe(t,n){const o=document.createElement("div"),l=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(ge,e.mergeProps(t,{onDestroy:l.unmount}),ve(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),l.mount(o),l}function we(t,n){t.modelValue=!1,n==null||n()}class Ne{static open(n){const o=n.onClose||null,l=n.content;let s;delete n.content;const u=e.reactive(te(H(H({},ye),n),{onClose:()=>{we(u,o)}}));Fe(u,l),u.modelValue=!0,clearTimeout(s),n.duration&&(s=setTimeout(u.onClose,n.duration))}}class Ve{constructor(){x(this,"uri");x(this,"method");x(this,"maximumSize");x(this,"headers");x(this,"authToken");x(this,"authTokenHeader");x(this,"additionalParameter");x(this,"fileFieldName");x(this,"checkSameName");x(this,"withCredentials");x(this,"responseType")}}class ke{constructor(){x(this,"accept");x(this,"multiple");x(this,"webkitdirectory")}}var N=(t=>(t[t.preLoad=0]="preLoad",t[t.uploading=1]="uploading",t[t.uploaded=2]="uploaded",t[t.failed=3]="failed",t))(N||{});const Z={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:""},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},onError:{type:Function,default:void 0},onSuccess:{type:Function,default:void 0},onExceed:{type:Function,default:void 0},onProgress:{type:Function,default:void 0},onPreview:{type:Function,default:void 0},oneTimeUpload:{type:Boolean,default:!1},limit:{type:Number,default:0},httpRequest:{type:Function,default:void 0}},xe=t=>{const n=e.ref(""),o=f=>{const i=document.createEvent("MouseEvents");i.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),f.dispatchEvent(i)},l=({multiple:f,accept:i,webkitdirectory:F})=>new Promise(a=>{const p=document.getElementById("d-upload-temp");p&&document.body.removeChild(p);const c=document.createElement("input");c.style.position="fixed",c.style.left="-2000px",c.style.top="-2000px",c.setAttribute("id","d-upload-temp"),c.setAttribute("type","file"),f&&c.setAttribute("multiple",""),i&&c.setAttribute("accept",i),F&&c.setAttribute("webkitdirectory",""),c.addEventListener("change",V=>{a(Array.prototype.slice.call(V.target.files))}),document.body.appendChild(c),o(c)}),s=(f,i)=>{if(f){const F=f.split(","),a=i.type.replace(/\/.*$/,"");return F.some(p=>{const c=p.trim();return c.startsWith(".")?i.name.toLowerCase().indexOf(c.toLowerCase(),i.name.toLowerCase().length-c.toLowerCase().length)>-1:/\/\*$/.test(c)?a===c.replace(/\/.*$/,""):i.type===c})}return!0},u=(f,i)=>i?f>1024*1024*i:!1;return{triggerSelectFiles:f=>{const{multiple:i,accept:F,webkitdirectory:a}=f;return l({multiple:i,accept:F,webkitdirectory:a})},_validateFiles:(f,i,F)=>s(i,f)?F&&u(f.size,F.maximumSize)?{checkError:!0,errorMsg:t("getBeyondMaximalFileSizeMsg")(f.name,F.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:t("getNotAllowedFileTypeMsg")(f.name,i)},triggerDropFiles:f=>Promise.resolve(f),checkAllFilesSize:(f,i)=>{if(u(f,i))return n.value=t("getAllFilesBeyondMaximalFileSizeMsg")(i),{checkError:!0,errorMsg:n.value}}}};class G{constructor(n,o){x(this,"xhr");x(this,"status");x(this,"response");x(this,"percentage",0);this.file=n,this.uploadOptions=o,this.file=n,this.uploadOptions=o,this.status=N.preLoad}send(n){return new Promise((o,l)=>{const{uri:s,method:u,headers:y,authToken:r,authTokenHeader:m,additionalParameter:S,fileFieldName:f,withCredentials:i,responseType:F}=this.uploadOptions||{},a=m||"Authorization",p=f||"file";this.xhr=new XMLHttpRequest,this.xhr.open(u||"POST",s||""),i&&(this.xhr.withCredentials=i),F&&(this.xhr.responseType=F),r&&this.xhr.setRequestHeader(a,r),y&&Object.keys(y).forEach(V=>{var w;(w=this.xhr)==null||w.setRequestHeader(V,y[V])}),this.xhr.upload.onprogress=V=>{this.percentage=Math.round(V.loaded*100/V.total)};const c=n&&n.length?this.oneTimeUploadFiles(p,S,n):this.parallelUploadFiles(p,S);this.xhr.send(c),this.status=N.uploading,this.xhr.onabort=()=>{this.status=N.preLoad,this.xhr=null},this.xhr.onerror=()=>{var V,w;this.response=(V=this.xhr)==null?void 0:V.response,this.status=N.failed,l({file:this.file,response:(w=this.xhr)==null?void 0:w.response})},this.xhr.onload=()=>{var V,w,E;((V=this.xhr)==null?void 0:V.readyState)===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=N.uploaded,o({file:this.file,response:this.xhr.response})):(this.response=(w=this.xhr)==null?void 0:w.response,this.status=N.failed,l({file:this.file,response:(E=this.xhr)==null?void 0:E.response}))}})}parallelUploadFiles(n,o){const l=new FormData;return l.append(n,this.file,this.file.name),o&&Object.keys(o).forEach(s=>{l.append(s,o[s])}),l}oneTimeUploadFiles(n,o,l){const s=new FormData;return l.forEach(u=>{s.append(n,u.file,u.file.name),o&&Object.keys(o).forEach(y=>{s.append(y,o[y])})}),s}cancel(){this.xhr&&this.xhr.abort()}}const be=()=>{const t=e.ref([]),n=e.ref([]),o=a=>{let p=!0;for(let c=0;c<t.value.length;c++)if(a===t.value[c].file.name){p=!1,n.value.indexOf(a)===-1&&n.value.push(a);break}return p},l=(a,p)=>{p&&p.checkSameName?o(a.name)&&t.value.push(new G(a,p)):t.value.push(new G(a,p))},s=()=>t.value.map(a=>a.file),u=()=>t.value.map(a=>a),y=async a=>{if(!a||!a.length)return Promise.reject("no files");let p=[];return await a[0].send(a).finally(()=>p=a.map(c=>(c.status=a[0].status,c.percentage=a[0].percentage,{file:c.file,response:a[0].response}))),p};return{fileUploaders:t,getFiles:s,addFile:l,getFullFiles:u,deleteFile:a=>{const p=t.value.find(c=>c.file===a);p==null||p.cancel(),t.value=t.value.filter(c=>a!==c.file)},upload:async a=>{let p=[];if(a){a.percentage=0;const c=await a.send();p.push(c)}else{const c=t.value.filter(E=>E.status===N.preLoad),V=t.value.filter(E=>E.status===N.failed),w=c.length>0?c:V;p=await Promise.all(w.map(async E=>(E.percentage=0,await E.send())))}return p.length>0?Promise.resolve(p):Promise.reject("no files")},removeFiles:()=>{t.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const a=t.value.filter(p=>p.status!==N.uploaded);return y(a)}}};var rt="";const Ce=t=>t.substring(1).replace(/^\S/,n=>n.toLocaleLowerCase());function W(t,n){const o=n.split(".");let l=t;return o.forEach(s=>{var u;l=(u=l[s])!=null?u:""}),l}function Se(t,n,o){const l=o||Ce(t)+".";return s=>{const u=n==null?void 0:n.appContext.config.globalProperties.langMessages.value;return W(u,l+s)||W(u,s)}}var z=e.defineComponent({name:"DUpload",props:Z,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(t,n){const o=e.getCurrentInstance(),l=Se("DUpload",o),{uploadOptions:s,placeholder:u,autoUpload:y,disabled:r,beforeUpload:m,droppable:S,oneTimeUpload:f,modelValue:i,multiple:F,accept:a,webkitdirectory:p,limit:c,httpRequest:V}=e.toRefs(t),w=D("upload"),E=D("input-group"),_=D("form-control"),Ie=D("input-group-addon"),{triggerSelectFiles:Ae,_validateFiles:ze,triggerDropFiles:Oe,checkAllFilesSize:_e}=xe(l),{fileUploaders:L,addFile:Be,getFullFiles:Re,deleteFile:Y,upload:$e,resetSameNameFiles:je,removeFiles:B,_oneTimeUpload:qe,getSameNameFiles:He}=be(),R=e.ref(!1),$=e.ref([]),A=d=>{Ne.open({type:"warning",content:d})},Ze=()=>{var h;let d=0;if(L.value.forEach(k=>{d+=k.file.size;const b=ze(k.file,(a==null?void 0:a.value)||"",k.uploadOptions);if(b&&b.checkError){Y(k.file),A(b.errorMsg);return}}),f.value){const k=_e(d,((h=s==null?void 0:s.value)==null?void 0:h.maximumSize)||0);k&&k.checkError&&(B(),A(k.errorMsg))}},Ge=d=>{R.value=d,n.emit("fileOver",d)},J=d=>{const h=i.value.filter(k=>k.name!==d.name);n.emit("deleteUploadedFile",d),n.emit("update:modelValue",h)},K=(d,h,k)=>{d==null||d.stopPropagation(),k===N.uploaded&&J(h),Y(h)},We=()=>{let d=Promise.resolve(!0);if(m==null?void 0:m.value){const h=m==null?void 0:m.value(Re());typeof h!="undefined"&&(typeof h=="boolean"?d=Promise.resolve(h):d=h)}return d},j=(d,h)=>{d&&d.stopPropagation(),We().then(k=>{if(!k){B();return}if(typeof(V==null?void 0:V.value)=="function"){const g=L.value.map(T=>T.file);V.value(g);return}const b=f.value?qe():$e(h);t.onProgress&&t.onProgress($.value,i.value),b==null||b.then(g=>{t.onSuccess&&t.onSuccess(g);const T=g.map(Qe=>Qe.file),M=[...T,...i.value];n.emit("update:modelValue",M),t.onChange&&t.onChange(T,M)}).catch(g=>{t.onError&&t.onError(g),t.onChange&&t.onChange([g.file],i.value)})})},Q=d=>{je(),d.then(h=>{if(c.value&&i.value.length+h.length>c.value){t.onExceed&&t.onExceed(h,i.value);return}t.onChange&&t.onChange(h,i.value),h.forEach(b=>{F.value||B(),Be(b,s==null?void 0:s.value)}),Ze();const k=He();(s==null?void 0:s.value)&&s.value.checkSameName&&k.length&&A(l("getExistSameNameFilesMsg")(k)),$.value=L.value.filter(b=>b.status===N.preLoad).map(b=>b.file),n.emit("fileSelect",$.value),y.value&&j()}).catch(h=>{A(h.message)})},U=()=>{r.value||Q(Ae({accept:a==null?void 0:a.value,multiple:F.value,webkitdirectory:p.value}))},Xe=d=>{R.value=!1,Q(Oe(d)),n.emit("fileDrop",d)},Ye=(d,h)=>{j(d,h)},Je=d=>{L.value.forEach(h=>{K(d,h.file,h.status)})},Ke=(d,h)=>{d==null||d.stopPropagation(),t.onPreview&&t.onPreview(h)};return n.expose({submit:Ye,clearFiles:Je}),()=>{var d,h,k,b;return e.createVNode("div",null,[e.withDirectives(e.createVNode("div",{class:w.b(),style:`border: ${R.value?"1px solid #15bf15":"0"}`},[((h=(d=n.slots).default)==null?void 0:h.call(d))?e.createVNode("div",{onClick:U},[n.slots.default()]):e.createVNode("div",{class:[E.b(),r.value?"disabled":""],onClick:U},[L.value.length===0&&e.createVNode("div",{class:[_.b(),w.e("placeholder")]},[u.value||l("placeholder")]),L.value.length>0&&e.createVNode("ul",{class:[_.b(),w.e("files-list")]},[L.value.map((g,T)=>e.createVNode("li",{key:T,class:[w.e("file-item"),w.e("file-tag")],style:"display: inline-block;",title:g.file.name,onClick:M=>Ke(M,g.file)},[e.createVNode("span",{class:[w.e("filename"),g.status===N.failed?w.m("failed-color"):""]},[g.file.name]),e.createVNode(e.resolveComponent("d-icon"),{name:"close",class:[(g==null?void 0:g.status)===N.failed?w.e("delete-file-button"):"",(g==null?void 0:g.status)===N.uploading||(g==null?void 0:g.status)===N.uploaded?w.e("delete"):""],onClick:M=>K(M,g.file,g.status)},null),g.status===N.uploading&&e.createVNode("div",{class:["icon",w.e("progress")]},[e.createVNode(e.resolveComponent("d-progress"),{isCircle:!0,percentage:g.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),g.status===N.failed&&e.createVNode(e.resolveComponent("d-icon"),{name:"running",onClick:j},null),g.status===N.uploaded&&e.createVNode(e.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),e.createVNode("span",{class:Ie.b()},[e.createVNode(e.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[e.resolveDirective("file-drop"),{droppable:S,isSingle:!F,onFileDrop:Xe,onFileOver:Ge}]]),e.createVNode("div",null,[(b=(k=n.slots)["uploaded-files"])==null?void 0:b.call(k,{uploadedFiles:i.value,deleteFile:J})])])}}});const X=t=>{var n;return t.dataTransfer?t.dataTransfer:(n=t.originalEvent)==null?void 0:n.dataTransfer},De=t=>t?t.indexOf?t.indexOf("Files")!==-1:t.contains?t.contains("Files"):!1:!1,O=t=>{t.preventDefault(),t.stopPropagation()},Ee=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragover",l=>{const s=X(l);!De(s.types)||(O(l),o&&o(!0))})},Le=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragleave",l=>{l.currentTarget!==t&&(O(l),o&&o(!0))})},Te=(t,n)=>{const{onFileDrop:o,isSingle:l}=n.value;t.addEventListener("drop",s=>{const u=X(s);!u||(O(s),l?o&&o([u.files[0]]):o&&o(Array.from(u.files)))})},Me={mounted:(t,n)=>{const{droppable:o}=n.value;!o||(Ee(t,n),Le(t,n),Te(t,n))}};var Pe={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.directive("file-drop",Me),t.component(z.name,z)}};v.IFileOptions=ke,v.IUploadOptions=Ve,v.Upload=z,v.UploadStatus=N,v.default=Pe,v.uploadProps=Z,Object.defineProperty(v,"__esModule",{value:!0}),v[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(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-warn i.icon{color:var(--devui-warning, #fac20a)!important}.devui-notification-image.devui-notification-image-info i.icon{color:var(--devui-info, #5e7ce0)!important}.devui-notification-image.devui-notification-image-error i.icon{color:var(--devui-danger, #f66f6a)!important}.devui-notification-image.devui-notification-image-success i.icon{color:var(--devui-success, #50d4ab)!important}.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-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:400;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:700;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:700;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:700;line-height:1.5}.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-icon__container{display:inline-flex;align-items:center;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}.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 8px 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, 16px);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, 14px);margin-top:4px}.devui-notification-message-common .devui-notification__message{margin-left:0}.devui-notification__message p{font-size:var(--devui-font-size, 14px);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, #f2f2f3);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, #d7d8da)}.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, #d7d8da);background-color:var(--devui-dividing-line, #f2f2f3)}.devui-input-group .devui-input-group-addon{width:36px;white-space:nowrap;font-size:var(--devui-font-size-icon, 16px);font-weight:400;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8);border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:0 var(--devui-border-radius, 4px) var(--devui-border-radius, 4px) 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;align-self:normal;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%;padding:4px 8px;font-size:var(--devui-font-size, 14px);line-height:32px;background-image:none;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 4px) 0 0 var(--devui-border-radius, 4px);border-right:none;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:0 3px;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:26px;line-height:26px;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, #e9edfa);border-radius:var(--devui-border-radius, 4px);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:32px;line-height:22px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--devui-placeholder, #babbc0)}.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, #f5f5f5);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, #71757f)}.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}