vue-devui 1.0.0-rc.9 → 1.0.2

package/upload/index.umd.js

@@ -1 +1 @@
-var Ze=Object.defineProperty,We=Object.defineProperties;var Xe=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var Ge=Object.prototype.hasOwnProperty,Ye=Object.prototype.propertyIsEnumerable;var _=(h,e,x)=>e in h?Ze(h,e,{enumerable:!0,configurable:!0,writable:!0,value:x}):h[e]=x,$=(h,e)=>{for(var x in e||(e={}))Ge.call(e,x)&&_(h,x,e[x]);if(K)for(var x of K(e))Ye.call(e,x)&&_(h,x,e[x]);return h},Q=(h,e)=>We(h,Xe(e));var V=(h,e,x)=>(_(h,typeof e!="symbol"?e+"":e,x),x);(function(h,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis!="undefined"?globalThis:h||self,e(h.index={},h.Vue))})(this,function(h,e){"use strict";const x={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}};function U(t){return/^((http|https):)?\/\//.test(t)}const ee={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"}},te={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function A(t,n,o){let l=t;return n&&(l+=`__${n}`),o&&(l+=`--${o}`),l}function D(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>A(o),e:g=>g?A(o,g):"",m:g=>g?A(o,"",g):"",em:(g,v)=>g&&v?A(o,g,v):""}}var Ke="",ne=e.defineComponent({name:"DSvgIcon",props:te,setup(t){const{name:n,color:o,size:l}=e.toRefs(t),a=D("svg-icon"),c=e.computed(()=>`#icon-${n.value}`),f=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),g={width:f.value,height:f.value};return()=>e.createVNode("svg",{class:a.b(),style:g},[e.createVNode("use",{"xlink:href":c.value,fill:o.value},null)])}}),oe=e.defineComponent({name:"DIcon",props:ee,setup(t,{attrs:n}){const{component:o,name:l,size:a,color:c,classPrefix:f}=e.toRefs(t),g=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(ne),v=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),u=()=>e.createVNode(g,e.mergeProps({name:l.value,color:c.value,size:v.value},n),null),i=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],style:{width:v.value||""}},n),null),p=()=>{const k=/^icon-/.test(l.value)?l.value:`${f.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[f.value,k],style:{fontSize:v.value,color:c.value}},n),null)};return()=>o.value?u():U(l.value)?i():p()}}),le=e.defineComponent({emits:["click"],setup(t,{emit:n}){const o=D("notification");return()=>e.createVNode("div",{class:o.e("icon-close"),onClick:l=>n("click",l)},[e.createVNode(oe,{name:"close",size:"14px"},null)])}});const L=D("notification");function se(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-s",points:"6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391            6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"},null)]),e.createVNode("g",{id:"correct",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-s"},null)]),e.createVNode("use",{id:"Mask",class:L.e("image-success-path"),"xlink:href":"#path-s"},null)])])}function re(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:L.e("warning-outer"),d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),e.createVNode("path",{class:L.e("warning-inner"),"stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)])])}function ae(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:L.e("image-info-path"),d:"M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",id:"info"},null)])])}function ie(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-e",points:"8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085            10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425            8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"},null)]),e.createVNode("g",{id:"error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-e"},null)]),e.createVNode("use",{id:"Mask",class:L.e("image-error-path"),"xlink:href":"#path-e"},null)])])}var ue=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(t){const{type:n}=e.toRefs(t),o=D("notification"),l=e.computed(()=>({[o.e("image")]:!0,[o.em("image",n.value)]:!0}));return()=>e.createVNode("span",{class:l.value},[n.value&&n.value!=="normal"&&(n.value==="success"&&e.createVNode(se,null,null)||n.value==="info"&&e.createVNode(ae,null,null)||n.value==="warning"&&e.createVNode(re,null,null)||n.value==="error"&&e.createVNode(ie,null,null))])}});function ce(t){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${t.type}`]:!0}))}}function de(t,n){let o=null,l;const a=()=>{var v;clearTimeout(o),o=null,(v=t.onClose)==null||v.call(t),n("update:modelValue",!1)},c=()=>{o&&(clearTimeout(o),o=null)},f=()=>{if(!t.modelValue){const v=t.duration-(Date.now()-l);o=setTimeout(a,v)}},g=()=>{n("destroy")};return e.watch(()=>t.modelValue,v=>{v&&(l=Date.now(),t.duration&&(o=setTimeout(a,t.duration)))}),{interrupt:c,removeReset:f,close:a,handleDestroy:g}}var Qe="",pe=e.defineComponent({name:"DNotification",props:x,emits:["update:modelValue","destroy"],setup(t,{emit:n,slots:o}){const{modelValue:l,title:a,type:c}=e.toRefs(t),{classes:f}=ce(t),{interrupt:g,removeReset:v,close:u,handleDestroy:i}=de(t,n),p=D("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:i},{default:()=>{var k;return[l.value&&e.createVNode("div",{class:p.b()},[e.createVNode("div",{class:f.value,onMouseenter:g,onMouseleave:v},[e.createVNode("div",{class:p.e("item")},[e.createVNode(le,{onClick:u},null),a.value&&e.createVNode(ue,{type:c.value},null),e.createVNode("div",{class:p.e("message")},[e.createVNode("span",{class:p.e("title")},[a.value]),e.createVNode("span",{class:p.e("content")},[(k=o.default)==null?void 0:k.call(o)])])])])])]}})}});function fe(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const me={modelValue:!1,duration:3e3,type:"normal"};function he(t,n){const o=document.createElement("div"),l=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(pe,e.mergeProps(t,{onDestroy:l.unmount}),fe(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),l.mount(o),l}function ge(t,n){t.modelValue=!1,n==null||n()}class Fe{static open(n){const o=n.onClose||null,l=n.content;let a;delete n.content;const c=e.reactive(Q($($({},me),n),{onClose:()=>{ge(c,o)}}));he(c,l),c.modelValue=!0,clearTimeout(a),n.duration&&(a=setTimeout(c.onClose,n.duration))}}class ve{constructor(){V(this,"uri");V(this,"method");V(this,"maximumSize");V(this,"headers");V(this,"authToken");V(this,"authTokenHeader");V(this,"additionalParameter");V(this,"fileFieldName");V(this,"checkSameName");V(this,"withCredentials");V(this,"responseType")}}class ye{constructor(){V(this,"accept");V(this,"multiple");V(this,"webkitdirectory")}}var w=(t=>(t[t.preLoad=0]="preLoad",t[t.uploading=1]="uploading",t[t.uploaded=2]="uploaded",t[t.failed=3]="failed",t))(w||{});const R={accept:{type:String},webkitdirectory:{type:Boolean,default:!1},uploadOptions:{type:Object},multiple:{type:Boolean,default:!1},autoUpload:{type:Boolean,default:!0},placeholder:{type:String,default:"\u9009\u62E9\u6587\u4EF6"},modelValue:{type:Array,default:()=>[]},droppable:{type:Boolean,default:!1},beforeUpload:{type:Function},dynamicUploadOptionsFn:{type:Function},disabled:{type:Boolean,default:!1},onChange:{type:Function},fileDrop:{type:Function,default:void 0},fileOver:{type:Function,default:void 0},fileSelect:{type:Function,default:void 0},deleteUploadedFile:{type:Function,default:void 0},"on-error":{type:Function,default:void 0},"on-success":{type:Function,default:void 0},oneTimeUpload:{type:Boolean,default:!1}},we=t=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${t}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,Ne=(t,n)=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,Ve=(t,n)=>`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,ke=t=>`\u60A8\u4E0A\u4F20\u7684 "${t}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,xe=()=>{const t=e.ref(""),n=u=>{const i=document.createEvent("MouseEvents");i.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),u.dispatchEvent(i)},o=({multiple:u,accept:i,webkitdirectory:p})=>new Promise(k=>{const s=document.getElementById("d-upload-temp");s&&document.body.removeChild(s);const r=document.createElement("input");r.style.position="fixed",r.style.left="-2000px",r.style.top="-2000px",r.setAttribute("id","d-upload-temp"),r.setAttribute("type","file"),u&&r.setAttribute("multiple",""),i&&r.setAttribute("accept",i),p&&r.setAttribute("webkitdirectory",""),r.addEventListener("change",F=>{k(Array.prototype.slice.call(F.target.files))}),document.body.appendChild(r),n(r)}),l=(u,i)=>{if(u){const p=u.split(","),k=i.type.replace(/\/.*$/,"");return p.some(s=>{const r=s.trim();return r.startsWith(".")?i.name.toLowerCase().indexOf(r.toLowerCase(),i.name.toLowerCase().length-r.toLowerCase().length)>-1:/\/\*$/.test(r)?k===r.replace(/\/.*$/,""):i.type===r})}return!0},a=(u,i)=>i?u>1024*1024*i:!1;return{triggerSelectFiles:u=>{const{multiple:i,accept:p,webkitdirectory:k}=u;return o({multiple:i,accept:p,webkitdirectory:k})},_validateFiles:(u,i,p)=>l(i,u)?p&&a(u.size,p.maximumSize)?{checkError:!0,errorMsg:Ne(u.name,p.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:Ve(u.name,i)},triggerDropFiles:u=>Promise.resolve(u),checkAllFilesSize:(u,i)=>{if(a(u,i))return t.value=we(i),{checkError:!0,errorMsg:t.value}}}};class j{constructor(n,o){V(this,"xhr");V(this,"status");V(this,"response");V(this,"percentage",0);this.file=n,this.uploadOptions=o,this.file=n,this.uploadOptions=o,this.status=w.preLoad}send(n){return new Promise((o,l)=>{const{uri:a,method:c,headers:f,authToken:g,authTokenHeader:v,additionalParameter:u,fileFieldName:i,withCredentials:p,responseType:k}=this.uploadOptions||{},s=v||"Authorization",r=i||"file";this.xhr=new XMLHttpRequest,this.xhr.open(c||"POST",a||""),p&&(this.xhr.withCredentials=p),k&&(this.xhr.responseType=k),g&&this.xhr.setRequestHeader(s,g),f&&Object.keys(f).forEach(E=>{var C;(C=this.xhr)==null||C.setRequestHeader(E,f[E])}),this.xhr.upload.onprogress=E=>{this.percentage=Math.round(E.loaded*100/E.total)};const F=n&&n.length?this.oneTimeUploadFiles(r,u,n):this.parallelUploadFiles(r,u);this.xhr.send(F),this.status=w.uploading,this.xhr.onabort=()=>{this.status=w.preLoad,this.xhr=null},this.xhr.onerror=()=>{var E,C;this.response=(E=this.xhr)==null?void 0:E.response,this.status=w.failed,l({file:this.file,response:(C=this.xhr)==null?void 0:C.response})},this.xhr.onload=()=>{var E,C,S;((E=this.xhr)==null?void 0:E.readyState)===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=w.uploaded,o({file:this.file,response:this.xhr.response})):(this.response=(C=this.xhr)==null?void 0:C.response,this.status=w.failed,l({file:this.file,response:(S=this.xhr)==null?void 0:S.response}))}})}parallelUploadFiles(n,o){const l=new FormData;return l.append(n,this.file,this.file.name),o&&Object.keys(o).forEach(a=>{l.append(a,o[a])}),l}oneTimeUploadFiles(n,o,l){const a=new FormData;return l.forEach(c=>{a.append(n,c.file,c.file.name),o&&Object.keys(o).forEach(f=>{a.append(f,o[f])})}),a}cancel(){this.xhr&&this.xhr.abort()}}const Ee=()=>{const t=e.ref([]),n=e.ref([]),o=s=>{let r=!0;for(let F=0;F<t.value.length;F++)if(s===t.value[F].file.name){r=!1,n.value.indexOf(s)===-1&&n.value.push(s);break}return r},l=(s,r)=>{r&&r.checkSameName?o(s.name)&&t.value.push(new j(s,r)):t.value.push(new j(s,r))},a=()=>t.value.map(s=>s.file),c=()=>t.value.map(s=>s),f=async s=>{if(!s||!s.length)return Promise.reject("no files");let r=[];return await s[0].send(s).finally(()=>r=s.map(F=>(F.status=s[0].status,F.percentage=s[0].percentage,{file:F.file,response:s[0].response}))),r};return{fileUploaders:t,getFiles:a,addFile:l,getFullFiles:c,deleteFile:s=>{const r=t.value.find(F=>F.file===s);r==null||r.cancel(),t.value=t.value.filter(F=>s!==F.file)},upload:async s=>{let r=[];if(s){s.percentage=0;const F=await s.send();r.push(F)}else{const F=t.value.filter(S=>S.status===w.preLoad),E=t.value.filter(S=>S.status===w.failed),C=F.length>0?F:E;r=await Promise.all(C.map(async S=>(S.percentage=0,await S.send())))}return r.length>0?Promise.resolve(r):Promise.reject("no files")},removeFiles:()=>{t.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const s=t.value.filter(r=>r.status!==w.uploaded);return f(s)}}};var Ue="",B=e.defineComponent({name:"DUpload",props:R,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(t,n){const{uploadOptions:o,placeholder:l,autoUpload:a,disabled:c,beforeUpload:f,droppable:g,oneTimeUpload:v,modelValue:u,multiple:i,accept:p,webkitdirectory:k}=e.toRefs(t),s=D("upload"),r=D("input-group"),F=D("form-control"),E=D("input-group-addon"),{triggerSelectFiles:C,_validateFiles:S,triggerDropFiles:H,checkAllFilesSize:Ae}=xe(),{fileUploaders:T,addFile:Me,getFullFiles:Be,deleteFile:Z,upload:Ie,resetSameNameFiles:Pe,removeFiles:P,_oneTimeUpload:Oe,getSameNameFiles:ze}=Ee(),O=e.ref(!1),M=m=>{Fe.open({type:"warning",content:m})},_e=()=>{var y;let m=0;if(T.value.forEach(N=>{m+=N.file.size;const b=S(N.file,(p==null?void 0:p.value)||"",N.uploadOptions);if(b&&b.checkError){Z(N.file),M(b.errorMsg);return}}),v.value){const N=Ae(m,((y=o==null?void 0:o.value)==null?void 0:y.maximumSize)||0);N&&N.checkError&&(P(),M(N.errorMsg))}},$e=m=>{O.value=m,n.emit("fileOver",m)},W=m=>{const y=u.value.filter(N=>N.name!==m.name);n.emit("deleteUploadedFile",m),n.emit("update:modelValue",y)},Re=(m,y,N)=>{m.stopPropagation(),N===w.uploaded&&W(y),Z(y)},je=()=>{let m=Promise.resolve(!0);if(f==null?void 0:f.value){const y=f==null?void 0:f.value(Be());typeof y!="undefined"&&(typeof y=="boolean"?m=Promise.resolve(y):m=y)}return m},X=(m,y)=>{m&&m.stopPropagation(),je().then(N=>{if(!N){P();return}const b=v.value?Oe():Ie(y);b==null||b.then(d=>{t["on-success"]&&t["on-success"](d);const z=[...d.map(He=>He.file),...u.value];n.emit("update:modelValue",z)}).catch(d=>{t["on-error"]&&t["on-error"](d)})})},G=m=>{Pe(),m.then(y=>{y.forEach(d=>{i.value||P(),Me(d,o==null?void 0:o.value)}),_e();const N=ze();(o==null?void 0:o.value)&&o.value.checkSameName&&N.length&&M(ke(N));const b=T.value.filter(d=>d.status===w.preLoad).map(d=>d.file);n.emit("fileSelect",b),a.value&&X()}).catch(y=>{M(y.message)})},Y=()=>{c.value||G(C({accept:p==null?void 0:p.value,multiple:i.value,webkitdirectory:k.value}))},qe=m=>{O.value=!1,G(H(m)),n.emit("fileDrop",m)};return()=>{var m,y,N,b;return e.createVNode("div",null,[e.withDirectives(e.createVNode("div",{class:s.b(),style:`border: ${O.value?"1px solid #15bf15":"0"}`},[((y=(m=n.slots).default)==null?void 0:y.call(m))?e.createVNode("div",{onClick:Y},[n.slots.default()]):e.createVNode("div",{class:[r.b(),c.value?"disabled":""],onClick:Y},[T.value.length===0&&e.createVNode("div",{class:[F.b(),s.e("placeholder")]},[l.value]),T.value.length>0&&e.createVNode("ul",{class:[F.b(),s.e("files-list")]},[T.value.map((d,J)=>e.createVNode("li",{key:J,class:[s.e("file-item"),s.e("file-tag")],style:"display: inline-block; margin: 0 2px 2px 0",title:d.file.name},[e.createVNode("span",{class:[s.e("filename"),d.status===w.failed?s.m("failed-color"):""]},[d.file.name]),e.createVNode(e.resolveComponent("d-icon"),{name:"close",class:[(d==null?void 0:d.status)===w.failed?s.e("delete-file-button"):"",(d==null?void 0:d.status)===w.uploading||(d==null?void 0:d.status)===w.uploaded?s.e("delete"):""],onClick:z=>Re(z,d.file,d.status)},null),d.status===w.uploading&&e.createVNode("div",{class:["icon",s.e("progress")]},[e.createVNode(e.resolveComponent("d-progress"),{isCircle:!0,percentage:d.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),d.status===w.failed&&e.createVNode(e.resolveComponent("d-icon"),{name:"running",onClick:X},null),d.status===w.uploaded&&e.createVNode(e.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),e.createVNode("span",{class:E.b()},[e.createVNode(e.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[e.resolveDirective("file-drop"),{droppable:g,isSingle:!i,onFileDrop:qe,onFileOver:$e}]]),e.createVNode("div",null,[(b=(N=n.slots)["uploaded-files"])==null?void 0:b.call(N,{uploadedFiles:u.value,deleteFile:W})])])}}});const q=t=>{var n;return t.dataTransfer?t.dataTransfer:(n=t.originalEvent)==null?void 0:n.dataTransfer},Ce=t=>t?t.indexOf?t.indexOf("Files")!==-1:t.contains?t.contains("Files"):!1:!1,I=t=>{t.preventDefault(),t.stopPropagation()},be=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragover",l=>{const a=q(l);!Ce(a.types)||(I(l),o&&o(!0))})},Se=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragleave",l=>{l.currentTarget!==t&&(I(l),o&&o(!0))})},De=(t,n)=>{const{onFileDrop:o,isSingle:l}=n.value;t.addEventListener("drop",a=>{const c=q(a);!c||(I(a),l?o&&o([c.files[0]]):o&&o(Array.from(c.files)))})},Le={mounted:(t,n)=>{const{droppable:o}=n.value;!o||(be(t,n),Se(t,n),De(t,n))}};var Te={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.directive("file-drop",Le),t.component(B.name,B)}};h.IFileOptions=ye,h.IUploadOptions=ve,h.Upload=B,h.UploadStatus=w,h.default=Te,h.uploadProps=R,Object.defineProperty(h,"__esModule",{value:!0}),h[Symbol.toStringTag]="Module"});
+var at=Object.defineProperty,rt=Object.defineProperties;var it=Object.getOwnPropertyDescriptors;var se=Object.getOwnPropertySymbols;var ut=Object.prototype.hasOwnProperty,ct=Object.prototype.propertyIsEnumerable;var Z=(y,t,b)=>t in y?at(y,t,{enumerable:!0,configurable:!0,writable:!0,value:b}):y[t]=b,W=(y,t)=>{for(var b in t||(t={}))ut.call(t,b)&&Z(y,b,t[b]);if(se)for(var b of se(t))ct.call(t,b)&&Z(y,b,t[b]);return y},ae=(y,t)=>rt(y,it(t));var D=(y,t,b)=>(Z(y,typeof t!="symbol"?t+"":t,b),b);(function(y,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(y=typeof globalThis!="undefined"?globalThis:y||self,t(y.index={},y.Vue))})(this,function(y,t){"use strict";const b={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},re={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]}},ie={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function L(e,n,o){let l=e;return n&&(l+=`__${n}`),o&&(l+=`--${o}`),l}function x(e,n=!1){const o=n?`.devui-${e}`:`devui-${e}`;return{b:()=>L(o),e:a=>a?L(o,a):"",m:a=>a?L(o,"",a):"",em:(a,p)=>a&&p?L(o,a,p):""}}var pt="",ue=t.defineComponent({name:"DSvgIcon",props:ie,setup(e){const{name:n,color:o,size:l}=t.toRefs(e),s=x("svg-icon"),i=t.computed(()=>`#icon-${n.value}`),f=t.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),a={width:f.value,height:f.value};return()=>t.createVNode("svg",{class:s.b(),style:a},[t.createVNode("use",{"xlink:href":i.value,fill:o.value},null)])}});function ce(e){return/^((http|https):)?\/\//.test(e)}function de(e,n){const{component:o,name:l,size:s,color:i,classPrefix:f,rotate:a}=t.toRefs(e),p=x("icon"),V=t.computed(()=>typeof s.value=="number"?`${s.value}px`:s.value),m=o.value?t.resolveDynamicComponent(o.value):t.resolveDynamicComponent(ue),u=()=>t.createVNode("img",t.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(a==null?void 0:a.value)==="infinite"&&p.m("spin")],style:{width:V.value||"",transform:`rotate(${a==null?void 0:a.value}deg)`,verticalAlign:"middle"}},n.attrs),null),E=()=>t.createVNode(m,t.mergeProps({name:l.value,color:i.value,size:V.value,class:[(a==null?void 0:a.value)==="infinite"&&p.m("spin")],style:{transform:`rotate(${a==null?void 0:a.value}deg)`}},n.attrs),null),r=()=>{const c=/^icon-/.test(l.value)?l.value:`${f.value}-${l.value}`;return t.createVNode("i",t.mergeProps({class:[f.value,c,(a==null?void 0:a.value)==="infinite"&&p.m("spin")],style:{fontSize:V.value,color:i.value,transform:`rotate(${a==null?void 0:a.value}deg)`}},n.attrs),null)};return{iconDom:()=>o.value?E():ce(l.value)?u():r()}}var pe=t.defineComponent({name:"DIcon",props:re,emits:["click"],setup(e,n){const{disabled:o,operable:l}=t.toRefs(e),{iconDom:s}=de(e,n),i=x("icon"),f=t.computed(()=>({[i.e("container")]:!0,[i.m("disabled")]:o.value,[i.m("operable")]:l.value,[i.m("no-slots")]:!Object.keys(n.slots).length})),a=p=>{o.value||n.emit("click",p)};return()=>{var p,V,m,u;return t.createVNode("div",{class:f.value,onClick:a},[(V=(p=n.slots).prefix)==null?void 0:V.call(p),s(),(u=(m=n.slots).suffix)==null?void 0:u.call(m)])}}}),ft="";t.defineComponent({name:"DIconGroup",setup(e,n){const o=x("icon-group");return()=>{var l,s;return t.createVNode("div",{class:o.b()},[(s=(l=n.slots).default)==null?void 0:s.call(l)])}}});var fe=t.defineComponent({emits:["click"],setup(e,{emit:n}){const o=x("notification");return()=>t.createVNode("div",{class:o.e("icon-close"),onClick:l=>n("click",l)},[t.createVNode(pe,{name:"close",size:"14px"},null)])}});const T=x("notification"),M={"xmlns:xlink":"http://www.w3.org/1999/xlink"},I={"xlink:href":"#path-s"};function me(){return t.createVNode("svg",t.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},M),[t.createVNode("defs",null,[t.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)]),t.createVNode("g",{id:"correct",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("mask",{id:"mask-2",fill:"white"},[t.createVNode("use",I,null)]),t.createVNode("use",t.mergeProps({id:"Mask",class:T.e("image-success-path")},I),null)])])}function he(){return t.createVNode("svg",t.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},M),[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{class:T.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),t.createVNode("path",{class:T.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 ge(){return t.createVNode("svg",t.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},M),[t.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{class:T.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 t.createVNode("svg",t.mergeProps({width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},M),[t.createVNode("defs",null,[t.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)]),t.createVNode("g",{id:"error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("mask",{id:"mask-2",fill:"white"},[t.createVNode("use",I,null)]),t.createVNode("use",t.mergeProps({id:"Mask",class:T.e("image-error-path")},I),null)])])}var ye=t.defineComponent({props:{type:{type:String,default:"normal"}},setup(e){const{type:n}=t.toRefs(e),o=x("notification"),l=t.computed(()=>({[o.e("image")]:!0,[o.em("image",n.value)]:!0}));return()=>t.createVNode("span",{class:l.value},[n.value&&n.value!=="normal"&&(n.value==="success"&&t.createVNode(me,null,null)||n.value==="info"&&t.createVNode(ge,null,null)||n.value==="warning"&&t.createVNode(he,null,null)||n.value==="error"&&t.createVNode(Fe,null,null))])}});function Ee(e){return{classes:t.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${e.type}`]:!0}))}}function ve(e,n){let o=null,l;const s=()=>{var p;o&&clearTimeout(o),o=null,(p=e.onClose)==null||p.call(e),n("update:modelValue",!1)},i=()=>{o&&(clearTimeout(o),o=null)},f=()=>{if(e.modelValue){const p=e.duration-(Date.now()-l);o=setTimeout(s,p)}},a=()=>{n("destroy")};return t.watch(()=>e.modelValue,p=>{p&&(l=Date.now(),e.duration&&(o=setTimeout(s,e.duration)))}),{interrupt:i,removeReset:f,close:s,handleDestroy:a}}var mt="",Ne=t.defineComponent({name:"DNotification",props:b,emits:["update:modelValue","destroy"],setup(e,{emit:n,slots:o}){const{modelValue:l,title:s,type:i}=t.toRefs(e),{classes:f}=Ee(e),{interrupt:a,removeReset:p,close:V,handleDestroy:m}=ve(e,n),u=x("notification");return()=>t.createVNode(t.Transition,{name:"notification-fade",onAfterLeave:m},{default:()=>{var E;return[l.value&&t.createVNode("div",{class:u.b(),onClick:t.withModifiers(()=>({}),["stop"]),onPointerup:t.withModifiers(()=>({}),["stop"])},[t.createVNode("div",{class:f.value,onMouseenter:a,onMouseleave:p},[t.createVNode("div",{class:u.e("item")},[t.createVNode(fe,{onClick:V},null),s.value&&t.createVNode(ye,{type:i.value},null),t.createVNode("div",{class:u.e("message")},[t.createVNode("span",{class:u.e("title")},[s.value]),t.createVNode("span",{class:u.e("content")},[(E=o.default)==null?void 0:E.call(o)])])])])])]}})}});function we(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const Ce={modelValue:!1,duration:3e3,type:"normal"};function De(e,n){const o=document.createElement("div");o.classList.add("notification__warpper");const l=document.body.lastElementChild;let s=50;if(l==null?void 0:l.classList.contains("notification__warpper")){const a=l.lastElementChild.getBoundingClientRect(),p=a.height,V=a.top;s=p+V}const i=t.createApp({setup(){return t.onUnmounted(()=>{document.body.removeChild(o)}),()=>t.createVNode(Ne,t.mergeProps(e,{onDestroy:i.unmount,style:[`top: ${s}px`]}),we(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),i.mount(o),i}function Ve(e,n){e.modelValue=!1,n==null||n()}class ke{static open(n){const o=n.onClose||null,l=n.content;delete n.content;const s=t.reactive(ae(W(W({},Ce),n),{onClose:()=>{Ve(s,o)}}));De(s,l),s.modelValue=!0}}class be{constructor(){D(this,"uri");D(this,"method");D(this,"maximumSize");D(this,"headers");D(this,"authToken");D(this,"authTokenHeader");D(this,"additionalParameter");D(this,"fileFieldName");D(this,"checkSameName");D(this,"withCredentials");D(this,"responseType")}}class xe{constructor(){D(this,"accept");D(this,"multiple");D(this,"webkitdirectory")}}var N=(e=>(e[e.preLoad=0]="preLoad",e[e.uploading=1]="uploading",e[e.uploaded=2]="uploaded",e[e.failed=3]="failed",e))(N||{});const K={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}},Ae=e=>{const n=t.ref(""),o=m=>{const u=document.createEvent("MouseEvents");u.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),m.dispatchEvent(u)},l=({multiple:m,accept:u,webkitdirectory:E})=>new Promise(r=>{const h=document.getElementById("d-upload-temp");h&&document.body.removeChild(h);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"),m&&c.setAttribute("multiple",""),u&&c.setAttribute("accept",u),E&&c.setAttribute("webkitdirectory",""),c.addEventListener("change",w=>{r(Array.prototype.slice.call(w.target.files))}),document.body.appendChild(c),o(c)}),s=(m,u)=>{if(m){const E=m.split(","),r=u.type.replace(/\/.*$/,"");return E.some(h=>{const c=h.trim();return c.startsWith(".")?u.name.toLowerCase().indexOf(c.toLowerCase(),u.name.toLowerCase().length-c.toLowerCase().length)>-1:/\/\*$/.test(c)?r===c.replace(/\/.*$/,""):u.type===c})}return!0},i=(m,u)=>u?m>1024*1024*u:!1;return{triggerSelectFiles:m=>{const{multiple:u,accept:E,webkitdirectory:r}=m;return l({multiple:u,accept:E,webkitdirectory:r})},_validateFiles:(m,u,E)=>s(u,m)?E&&i(m.size,E.maximumSize)?{checkError:!0,errorMsg:e("getBeyondMaximalFileSizeMsg")(m.name,E.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:e("getNotAllowedFileTypeMsg")(m.name,u)},triggerDropFiles:m=>Promise.resolve(m),checkAllFilesSize:(m,u)=>{if(i(m,u))return n.value=e("getAllFilesBeyondMaximalFileSizeMsg")(u),{checkError:!0,errorMsg:n.value}}}};class Y{constructor(n,o){D(this,"xhr");D(this,"status");D(this,"response");D(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:i,headers:f,authToken:a,authTokenHeader:p,additionalParameter:V,fileFieldName:m,withCredentials:u,responseType:E}=this.uploadOptions||{},r=p||"Authorization",h=m||"file";this.xhr=new XMLHttpRequest,this.xhr.open(i||"POST",s||""),u&&(this.xhr.withCredentials=u),E&&(this.xhr.responseType=E),a&&this.xhr.setRequestHeader(r,a),f&&Object.keys(f).forEach(w=>{var v;(v=this.xhr)==null||v.setRequestHeader(w,f[w])}),this.xhr.upload.onprogress=w=>{this.percentage=Math.round(w.loaded*100/w.total)};const c=n&&n.length?this.oneTimeUploadFiles(h,V,n):this.parallelUploadFiles(h,V);this.xhr.send(c),this.status=N.uploading,this.xhr.onabort=()=>{this.status=N.preLoad,this.xhr=null},this.xhr.onerror=()=>{var w,v;this.response=(w=this.xhr)==null?void 0:w.response,this.status=N.failed,l({file:this.file,response:(v=this.xhr)==null?void 0:v.response})},this.xhr.onload=()=>{var w,v,A;((w=this.xhr)==null?void 0:w.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=(v=this.xhr)==null?void 0:v.response,this.status=N.failed,l({file:this.file,response:(A=this.xhr)==null?void 0:A.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(i=>{s.append(n,i.file,i.file.name),o&&Object.keys(o).forEach(f=>{s.append(f,o[f])})}),s}cancel(){this.xhr&&this.xhr.abort()}}const Se=()=>{const e=t.ref([]),n=t.ref([]),o=r=>{let h=!0;for(let c=0;c<e.value.length;c++)if(r===e.value[c].file.name){h=!1,n.value.indexOf(r)===-1&&n.value.push(r);break}return h},l=(r,h)=>{h&&h.checkSameName?o(r.name)&&e.value.push(new Y(r,h)):e.value.push(new Y(r,h))},s=()=>e.value.map(r=>r.file),i=()=>e.value.map(r=>r),f=async r=>{if(!r||!r.length)return Promise.reject("no files");let h=[];return await r[0].send(r).finally(()=>h=r.map(c=>(c.status=r[0].status,c.percentage=r[0].percentage,{file:c.file,response:r[0].response}))),h};return{fileUploaders:e,getFiles:s,addFile:l,getFullFiles:i,deleteFile:r=>{const h=e.value.find(c=>c.file===r);h==null||h.cancel(),e.value=e.value.filter(c=>r!==c.file)},upload:async r=>{let h=[];if(r){r.percentage=0;const c=await r.send();h.push(c)}else{const c=e.value.filter(A=>A.status===N.preLoad),w=e.value.filter(A=>A.status===N.failed),v=c.length>0?c:w;h=await Promise.all(v.map(async A=>(A.percentage=0,await A.send())))}return h.length>0?Promise.resolve(h):Promise.reject("no files")},removeFiles:()=>{e.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const r=e.value.filter(h=>h.status!==N.uploaded);return f(r)}}};var ht="";function U(...e){const n=o=>o&&typeof o=="object";return e.reduce((o,l)=>(Object.keys(l).forEach(s=>{const i=o[s],f=l[s];Array.isArray(i)&&Array.isArray(f)?o[s]=Array.from(new Set([...f,...i])):n(i)&&n(f)?o[s]=U(i,f):o[s]=f}),o),{})}var Be={pagination:{totalItemText:"\u6240\u6709\u6761\u76EE",goToText:"\u8DF3\u81F3",perPage:"\u6761/\u9875"},accordion:{loading:"\u52A0\u8F7D\u4E2D",noData:"\u6CA1\u6709\u6570\u636E"},autoCompleteDropdown:{latestInput:"\u6700\u8FD1\u8F93\u5165"},cascaderList:{noData:"\u6CA1\u6709\u6570\u636E"},colorPicker:{foundationPanel:"\u57FA\u7840\u9762\u677F",advancedPanel:"\u9AD8\u7EA7\u9762\u677F"},datePickerPro:{ok:"\u786E\u5B9A",placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F",month1:"1\u6708",month2:"2\u6708",month3:"3\u6708",month4:"4\u6708",month5:"5\u6708",month6:"6\u6708",month7:"7\u6708",month8:"8\u6708",month9:"9\u6708",month10:"10\u6708",month11:"11\u6708",month12:"12\u6708",year:"\u5E74",startPlaceholder:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",endPlaceholder:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",getWeekDays(){return["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"]},getTimeArr(){return["\u65F6","\u5206","\u79D2"]},getYearMonthStr(e,n){return`${e}\u5E74${n}\u6708`}},editableSelect:{noRelatedRecords:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",noData:"\u6CA1\u6709\u6570\u636E"},input:{placeholder:"\u8BF7\u8F93\u5165"},splitterBar:{collapse:"\u6536\u8D77",expand:"\u5C55\u5F00"},stepsGuide:{previous:"\u4E0A\u4E00\u6B65",continue:"\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",ok:"\u6211\u77E5\u9053\u5566"},table:{selectAll:"\u5168\u9009",ok:"\u786E\u5B9A"},timePopup:{ok:"\u786E\u5B9A"},transfer:{unit:"\u9879",panelUnit:"\u9879",headerUnit:"\u9879",noData:"\u6682\u65E0\u6570\u636E",placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"},tree:{loading:"\u52A0\u8F7D\u4E2D",newNode:"\u65B0\u8282\u70B9",selectPlaceholder:"\u8BF7\u9009\u62E9"},upload:{placeholder:"\u9009\u62E9\u6587\u4EF6",getExistSameNameFilesMsg(e){return`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`},getAllFilesBeyondMaximalFileSizeMsg(e){return`\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`},getBeyondMaximalFileSizeMsg(e,n){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getNotAllowedFileTypeMsg(e,n){return`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`}},search:{placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},select:{placeholder:"\u8BF7\u9009\u62E9",noDataText:"\u65E0\u6570\u636E",noMatchText:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",loadingText:"\u52A0\u8F7D\u4E2D..."},tagInput:{maxTagsText:"\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"},timeSelect:{placeholder:"\u8BF7\u9009\u62E9\u65F6\u95F4"}};const z=t.ref("zh-CN");let O=t.reactive({[z.value]:Be});const Pe={messages(){return O[z.value]},lang(){return z.value},use(e,n){z.value=e,this.add({[e]:n})},add(e={}){O=U(O,e)}},Te=e=>e.substring(1).replace(/^\S/,n=>n.toLocaleLowerCase());function J(e,n){const o=n.split(".");let l=e;return o.forEach(s=>{var i;l=(i=l[s])!=null?i:""}),l}function Le(e,n,o){const l=o||Te(e)+".";return s=>{var a;const i=((a=n==null?void 0:n.appContext.config.globalProperties.langMessages)==null?void 0:a.value)||Pe.messages();return J(i,l+s)||J(i,s)}}var $=t.defineComponent({name:"DUpload",props:K,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(e,n){const o=t.getCurrentInstance(),l=Le("DUpload",o),{uploadOptions:s,placeholder:i,autoUpload:f,disabled:a,beforeUpload:p,droppable:V,oneTimeUpload:m,modelValue:u,multiple:E,accept:r,webkitdirectory:h,limit:c,httpRequest:w}=t.toRefs(e),v=x("upload"),A=x("input-group"),j=x("form-control"),Re=x("input-group-addon"),{triggerSelectFiles:je,_validateFiles:He,triggerDropFiles:qe,checkAllFilesSize:Ge}=Ae(l),{fileUploaders:S,addFile:Xe,getFullFiles:Ze,deleteFile:ee,upload:We,resetSameNameFiles:Ke,removeFiles:H,_oneTimeUpload:Ye,getSameNameFiles:Ue}=Se(),q=t.ref(!1),G=t.ref([]),_=d=>{ke.open({type:"warning",content:d})},Je=()=>{var g;let d=0;if(S.value.forEach(C=>{d+=C.file.size;const k=He(C.file,(r==null?void 0:r.value)||"",C.uploadOptions);if(k&&k.checkError){ee(C.file),_(k.errorMsg);return}}),m.value){const C=Ge(d,((g=s==null?void 0:s.value)==null?void 0:g.maximumSize)||0);C&&C.checkError&&(H(),_(C.errorMsg))}},Qe=d=>{q.value=d,n.emit("fileOver",d)},te=d=>{const g=u.value.filter(C=>C.name!==d.name);n.emit("deleteUploadedFile",d),n.emit("update:modelValue",g)},ne=(d,g,C)=>{d==null||d.stopPropagation(),C===N.uploaded&&te(g),ee(g)},et=()=>{let d=Promise.resolve(!0);if(p==null?void 0:p.value){const g=p==null?void 0:p.value(Ze());typeof g!="undefined"&&(typeof g=="boolean"?d=Promise.resolve(g):d=g)}return d},X=(d,g)=>{d&&d.stopPropagation(),et().then(C=>{if(!C){H();return}if(typeof(w==null?void 0:w.value)=="function"){const F=S.value.map(B=>B.file);w.value(F);return}const k=m.value?Ye():We(g);e.onProgress&&e.onProgress(G.value,u.value),k==null||k.then(F=>{e.onSuccess&&e.onSuccess(F);const B=F.map(st=>st.file),P=[...B,...u.value];n.emit("update:modelValue",P),e.onChange&&e.onChange(B,P)}).catch(F=>{e.onError&&e.onError(F),e.onChange&&e.onChange([F.file],u.value)})})},oe=d=>{Ke(),d.then(g=>{if(c.value&&u.value.length+g.length>c.value){e.onExceed&&e.onExceed(g,u.value);return}e.onChange&&e.onChange(g,u.value),g.forEach(k=>{E.value||H(),Xe(k,s==null?void 0:s.value)}),Je();const C=Ue();(s==null?void 0:s.value)&&s.value.checkSameName&&C.length&&_(l("getExistSameNameFilesMsg")(C)),G.value=S.value.filter(k=>k.status===N.preLoad).map(k=>k.file),n.emit("fileSelect",G.value),f.value&&X()}).catch(g=>{_(g.message)})},le=()=>{a.value||oe(je({accept:r==null?void 0:r.value,multiple:E.value,webkitdirectory:h.value}))},tt=d=>{q.value=!1,oe(qe(d)),n.emit("fileDrop",d)},nt=(d,g)=>{X(d,g)},ot=d=>{S.value.forEach(g=>{ne(d,g.file,g.status)})},lt=(d,g)=>{d==null||d.stopPropagation(),e.onPreview&&e.onPreview(g)};return n.expose({submit:nt,clearFiles:ot}),()=>{var d,g,C,k;return t.createVNode("div",null,[t.withDirectives(t.createVNode("div",{class:v.b(),style:`border: ${q.value?"1px solid #15bf15":"0"}`},[((g=(d=n.slots).default)==null?void 0:g.call(d))?t.createVNode("div",{onClick:le},[n.slots.default()]):t.createVNode("div",{class:[A.b(),a.value?"disabled":""],onClick:le},[S.value.length===0&&t.createVNode("div",{class:[j.b(),v.e("placeholder")]},[i.value||l("placeholder")]),S.value.length>0&&t.createVNode("ul",{class:[j.b(),v.e("files-list")]},[S.value.map((F,B)=>t.createVNode("li",{key:B,class:[v.e("file-item"),v.e("file-tag")],style:"display: inline-block;",title:F.file.name,onClick:P=>lt(P,F.file)},[t.createVNode("span",{class:[v.e("filename"),F.status===N.failed?v.m("failed-color"):""]},[F.file.name]),t.createVNode(t.resolveComponent("d-icon"),{name:"close",class:[(F==null?void 0:F.status)===N.failed?v.e("delete-file-button"):"",(F==null?void 0:F.status)===N.uploading||(F==null?void 0:F.status)===N.uploaded?v.e("delete"):""],onClick:P=>ne(P,F.file,F.status)},null),F.status===N.uploading&&t.createVNode("div",{class:["icon",v.e("progress")]},[t.createVNode(t.resolveComponent("d-progress"),{isCircle:!0,percentage:F.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),F.status===N.failed&&t.createVNode(t.resolveComponent("d-icon"),{name:"running",onClick:X},null),F.status===N.uploaded&&t.createVNode(t.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),t.createVNode("span",{class:Re.b()},[t.createVNode(t.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[t.resolveDirective("file-drop"),{droppable:V,isSingle:!E,onFileDrop:tt,onFileOver:Qe}]]),t.createVNode("div",null,[(k=(C=n.slots)["uploaded-files"])==null?void 0:k.call(C,{uploadedFiles:u.value,deleteFile:te})])])}}});const Q=e=>{var n;return e.dataTransfer?e.dataTransfer:(n=e.originalEvent)==null?void 0:n.dataTransfer},Me=e=>e?e.indexOf?e.indexOf("Files")!==-1:e.contains?e.contains("Files"):!1:!1,R=e=>{e.preventDefault(),e.stopPropagation()},Ie=(e,n)=>{const{onFileOver:o}=n.value;e.addEventListener("dragover",l=>{const s=Q(l);!Me(s.types)||(R(l),o&&o(!0))})},ze=(e,n)=>{const{onFileOver:o}=n.value;e.addEventListener("dragleave",l=>{l.currentTarget!==e&&(R(l),o&&o(!0))})},_e=(e,n)=>{const{onFileDrop:o,isSingle:l}=n.value;e.addEventListener("drop",s=>{const i=Q(s);!i||(R(s),l?o&&o([i.files[0]]):o&&o(Array.from(i.files)))})},Oe={mounted:(e,n)=>{const{droppable:o}=n.value;!o||(Ie(e,n),ze(e,n),_e(e,n))}};var $e={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.directive("file-drop",Oe),e.component($.name,$)}};y.IFileOptions=xe,y.IUploadOptions=be,y.Upload=$,y.UploadStatus=N,y.default=$e,y.uploadProps=K,Object.defineProperty(y,"__esModule",{value:!0}),y[Symbol.toStringTag]="Module"});

package/upload/style.css

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