UNPKG

vue-devui

Version:

DevUI components based on Vite and Vue3

9 lines (8 loc) 25.9 kB
(function(x,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(x=typeof globalThis!="undefined"?globalThis:x||self,t(x.index={},x.Vue))})(this,function(x,t){"use strict";const ne={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},oe={name:{type:String,default:""},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]}},le={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function M(e,n,o){let l=e;return n&&(l+=`__${n}`),o&&(l+=`--${o}`),l}function k(e,n=!1){const o=n?`.devui-${e}`:`devui-${e}`;return{b:()=>M(o),e:s=>s?M(o,s):"",m:s=>s?M(o,"",s):"",em:(s,p)=>s&&p?M(o,s,p):""}}var ot="",ae=t.defineComponent({name:"DSvgIcon",props:le,setup(e){const{name:n,color:o,size:l}=t.toRefs(e),a=k("svg-icon"),c=t.computed(()=>`#icon-${n.value}`),F=t.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),s={width:F.value,height:F.value};return()=>t.createVNode("svg",{class:a.b(),style:s},[t.createVNode("use",{"xlink:href":c.value,fill:o.value},null)])}});function se(e){return/^((http|https):)?\/\//.test(e)}function re(e,n){const{component:o,name:l,size:a,color:c,classPrefix:F,rotate:s}=t.toRefs(e),p=k("icon"),D=t.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),m=o.value?t.resolveDynamicComponent(o.value):t.resolveDynamicComponent(ae),i=()=>t.createVNode("img",t.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(s==null?void 0:s.value)==="infinite"&&p.m("spin")],style:{width:D.value||"",transform:`rotate(${s==null?void 0:s.value}deg)`,verticalAlign:"middle"}},n.attrs),null),v=()=>t.createVNode(m,t.mergeProps({name:l.value,color:c.value,size:D.value,class:[(s==null?void 0:s.value)==="infinite"&&p.m("spin")],style:{transform:`rotate(${s==null?void 0:s.value}deg)`}},n.attrs),null),r=()=>{const u=/^icon-/.test(l.value)?l.value:`${F.value}-${l.value}`;return t.createVNode("i",t.mergeProps({class:[F.value,u,(s==null?void 0:s.value)==="infinite"&&p.m("spin")],style:{fontSize:D.value,color:c.value,transform:`rotate(${s==null?void 0:s.value}deg)`}},n.attrs),null)};return{iconDom:()=>o.value?v():se(l.value)?i():r()}}var ie=t.defineComponent({name:"DIcon",props:oe,emits:["click"],setup(e,n){const{disabled:o,operable:l}=t.toRefs(e),{iconDom:a}=re(e,n),c=k("icon"),F=t.computed(()=>({[c.e("container")]:!0,[c.m("disabled")]:o.value,[c.m("operable")]:l.value,[c.m("no-slots")]:!Object.keys(n.slots).length})),s=p=>{o.value||n.emit("click",p)};return()=>{var p,D,m,i;return t.createVNode("div",{class:F.value,onClick:s},[(D=(p=n.slots).prefix)==null?void 0:D.call(p),a(),(i=(m=n.slots).suffix)==null?void 0:i.call(m)])}}}),lt="";t.defineComponent({name:"DIconGroup",setup(e,n){const o=k("icon-group");return()=>{var l,a;return t.createVNode("div",{class:o.b()},[(a=(l=n.slots).default)==null?void 0:a.call(l)])}}});var ue=t.defineComponent({emits:["click"],setup(e,{emit:n}){const o=k("notification");return()=>t.createVNode("div",{class:o.e("icon-close"),onClick:l=>n("click",l)},[t.createVNode(ie,{name:"close",size:"14px"},null)])}});const B=k("notification"),P={"xmlns:xlink":"http://www.w3.org/1999/xlink"},T={"xlink:href":"#path-s"};function ce(){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"},P),[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",T,null)]),t.createVNode("use",t.mergeProps({id:"Mask",class:B.e("image-success-path")},T),null)])])}function de(){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"},P),[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{class:B.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:B.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 pe(){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"},P),[t.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{class:B.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 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"},P),[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",T,null)]),t.createVNode("use",t.mergeProps({id:"Mask",class:B.e("image-error-path")},T),null)])])}var fe=t.defineComponent({props:{type:{type:String,default:"normal"}},setup(e){const{type:n}=t.toRefs(e),o=k("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(ce,null,null)||n.value==="info"&&t.createVNode(pe,null,null)||n.value==="warning"&&t.createVNode(de,null,null)||n.value==="error"&&t.createVNode(me,null,null))])}});function he(e){return{classes:t.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${e.type}`]:!0}))}}function ge(e,n){let o=null,l;const a=()=>{var p;o&&clearTimeout(o),o=null,(p=e.onClose)==null||p.call(e),n("update:modelValue",!1)},c=()=>{o&&e.duration&&(clearTimeout(o),o=null)},F=()=>{if(e.modelValue&&e.duration){const p=e.duration-(Date.now()-l);o=setTimeout(a,p)}},s=()=>{n("destroy")};return t.watch(()=>e.modelValue,p=>{p&&(l=Date.now(),e.duration&&(o=setTimeout(a,e.duration)))}),{interrupt:c,removeReset:F,close:a,handleDestroy:s}}var at="",Fe=t.defineComponent({name:"DNotification",props:ne,emits:["update:modelValue","destroy"],setup(e,{emit:n,slots:o}){const{modelValue:l,title:a,type:c}=t.toRefs(e),{classes:F}=he(e),{interrupt:s,removeReset:p,close:D,handleDestroy:m}=ge(e,n),i=k("notification");return()=>t.createVNode(t.Transition,{name:"notification-fade",onAfterLeave:m},{default:()=>{var v;return[l.value&&t.createVNode("div",{class:i.b(),onClick:t.withModifiers(()=>({}),["stop"]),onPointerup:t.withModifiers(()=>({}),["stop"])},[t.createVNode("div",{class:F.value,onMouseenter:s,onMouseleave:p},[t.createVNode("div",{class:i.e("item")},[t.createVNode(ue,{onClick:D},null),a.value&&t.createVNode(fe,{type:c.value},null),t.createVNode("div",{class:i.e("message")},[t.createVNode("span",{class:i.e("title")},[a.value]),t.createVNode("span",{class:i.e("content")},[(v=o.default)==null?void 0:v.call(o)])])])])])]}})}});function ve(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const ye={modelValue:!1,duration:3e3,type:"normal"};function Ee(e,n){const o=document.createElement("div");o.classList.add("notification__warpper");const l=document.body.lastElementChild;let a=50;if(l!=null&&l.classList.contains("notification__warpper")){const s=l.lastElementChild.getBoundingClientRect(),p=s.height,D=s.top;a=p+D}const c=t.createApp({setup(){return t.onUnmounted(()=>{document.body.removeChild(o)}),()=>t.createVNode(Fe,t.mergeProps(e,{onDestroy:c.unmount,style:[`top: ${a}px`]}),ve(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),c.mount(o),c}function Ne(e,n){e.modelValue=!1,n==null||n()}class we{static open(n){const o=n.onClose||null,l=n.content;delete n.content;const a=t.reactive({...ye,...n,onClose:()=>{Ne(a,o)}});Ee(a,l),a.modelValue=!0}}class De{}class Ce{}var E=(e=>(e[e.preLoad=0]="preLoad",e[e.uploading=1]="uploading",e[e.uploaded=2]="uploaded",e[e.failed=3]="failed",e))(E||{});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}},xe=e=>{const n=t.ref(""),o=m=>{const i=document.createEvent("MouseEvents");i.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),m.dispatchEvent(i)},l=({multiple:m,accept:i,webkitdirectory:v})=>new Promise(r=>{const f=document.getElementById("d-upload-temp");f&&document.body.removeChild(f);const u=document.createElement("input");u.style.position="fixed",u.style.left="-2000px",u.style.top="-2000px",u.setAttribute("id","d-upload-temp"),u.setAttribute("type","file"),m&&u.setAttribute("multiple",""),i&&u.setAttribute("accept",i),v&&u.setAttribute("webkitdirectory",""),u.addEventListener("change",N=>{r(Array.prototype.slice.call(N.target.files))}),document.body.appendChild(u),o(u)}),a=(m,i)=>{if(m){const v=m.split(","),r=i.type.replace(/\/.*$/,"");return v.some(f=>{const u=f.trim();return u.startsWith(".")?i.name.toLowerCase().indexOf(u.toLowerCase(),i.name.toLowerCase().length-u.toLowerCase().length)>-1:/\/\*$/.test(u)?r===u.replace(/\/.*$/,""):i.type===u})}return!0},c=(m,i)=>i?m>1024*1024*i:!1;return{triggerSelectFiles:m=>{const{multiple:i,accept:v,webkitdirectory:r}=m;return l({multiple:i,accept:v,webkitdirectory:r})},_validateFiles:(m,i,v)=>a(i,m)?v&&c(m.size,v.maximumSize)?{checkError:!0,errorMsg:e("getBeyondMaximalFileSizeMsg")(m.name,v.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:e("getNotAllowedFileTypeMsg")(m.name,i)},triggerDropFiles:m=>Promise.resolve(m),checkAllFilesSize:(m,i)=>{if(c(m,i))return n.value=e("getAllFilesBeyondMaximalFileSizeMsg")(i),{checkError:!0,errorMsg:n.value}}}};class W{constructor(n,o){this.file=n,this.uploadOptions=o,this.percentage=0,this.file=n,this.uploadOptions=o,this.status=E.preLoad}send(n){return new Promise((o,l)=>{const{uri:a,method:c,headers:F,authToken:s,authTokenHeader:p,additionalParameter:D,fileFieldName:m,withCredentials:i,responseType:v}=this.uploadOptions||{},r=p||"Authorization",f=m||"file";this.xhr=new XMLHttpRequest,this.xhr.open(c||"POST",a||""),i&&(this.xhr.withCredentials=i),v&&(this.xhr.responseType=v),s&&this.xhr.setRequestHeader(r,s),F&&Object.keys(F).forEach(N=>{var y;(y=this.xhr)==null||y.setRequestHeader(N,F[N])}),this.xhr.upload.onprogress=N=>{this.percentage=Math.round(N.loaded*100/N.total)};const u=n&&n.length?this.oneTimeUploadFiles(f,D,n):this.parallelUploadFiles(f,D);this.xhr.send(u),this.status=E.uploading,this.xhr.onabort=()=>{this.status=E.preLoad,this.xhr=null},this.xhr.onerror=()=>{var N,y;this.response=(N=this.xhr)==null?void 0:N.response,this.status=E.failed,l({file:this.file,response:(y=this.xhr)==null?void 0:y.response})},this.xhr.onload=()=>{var N,y,V;((N=this.xhr)==null?void 0:N.readyState)===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=E.uploaded,o({file:this.file,response:this.xhr.response})):(this.response=(y=this.xhr)==null?void 0:y.response,this.status=E.failed,l({file:this.file,response:(V=this.xhr)==null?void 0:V.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 ke=()=>{const e=t.ref([]),n=t.ref([]),o=r=>{let f=!0;for(let u=0;u<e.value.length;u++)if(r===e.value[u].file.name){f=!1,n.value.indexOf(r)===-1&&n.value.push(r);break}return f},l=(r,f)=>{f&&f.checkSameName?o(r.name)&&e.value.push(new W(r,f)):e.value.push(new W(r,f))},a=()=>e.value.map(r=>r.file),c=()=>e.value.map(r=>r),F=async r=>{if(!r||!r.length)return Promise.reject("no files");let f=[];return await r[0].send(r).finally(()=>f=r.map(u=>(u.status=r[0].status,u.percentage=r[0].percentage,{file:u.file,response:r[0].response}))),f};return{fileUploaders:e,getFiles:a,addFile:l,getFullFiles:c,deleteFile:r=>{const f=e.value.find(u=>u.file===r);f==null||f.cancel(),e.value=e.value.filter(u=>r!==u.file)},upload:async r=>{let f=[];if(r){r.percentage=0;const u=await r.send();f.push(u)}else{const u=e.value.filter(V=>V.status===E.preLoad),N=e.value.filter(V=>V.status===E.failed),y=u.length>0?u:N;f=await Promise.all(y.map(async V=>(V.percentage=0,await V.send())))}return f.length>0?Promise.resolve(f):Promise.reject("no files")},removeFiles:()=>{e.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const r=e.value.filter(f=>f.status!==E.uploaded);return F(r)}}};var st="",Ve={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"},dataGrid:{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"}},Se={pagination:{totalItemText:"Total",goToText:"Go to"},accordion:{loading:"loading",noData:"No Data"},autoCompleteDropdown:{latestInput:"Latest input"},cascaderList:{noData:"No data"},colorPicker:{foundationPanel:"Foundation panel",advancedPanel:"Advanced panel"},datePickerPro:{ok:"OK",placeholder:"select date",month1:"Jan",month2:"Feb",month3:"Mar",month4:"Apr",month5:"May",month6:"June",month7:"July",month8:"Aug",month9:"Sep",month10:"Oct",month11:"Nov",month12:"Dec",year:"\u5E74",startPlaceholder:"select start date",endPlaceholder:"select end date",getWeekDays(){return["Sun","Mon","Tue","Wed","Thur","Fri","Sat"]},getTimeArr(){return["Hr","Min","Sec"]},getYearMonthStr(e,n){return`${e} - ${n}`}},editableSelect:{noRelatedRecords:"No related records found",noData:"No data"},input:{placeholder:"Please enter"},splitterBar:{collapse:"Collapse",expand:"Expand"},stepsGuide:{previous:"Previous",continue:"Continue",ok:"OK"},table:{selectAll:"Select all",ok:"OK"},dataGrid:{selectAll:"Select all",ok:"OK"},timePopup:{ok:"OK"},transfer:{unit:"",panelUnit:"",headerUnit:"",noData:"No Data",placeholder:"Please enter keywords"},tree:{loading:"Loading",newNode:"New node",selectPlaceholder:"Please select"},upload:{placeholder:"select file",getExistSameNameFilesMsg(e){return`Duplicate files exist : "${e}" `},getAllFilesBeyondMaximalFileSizeMsg(e){return`Maximum file size (MB): ${e}. The selected files exceed the maximum value`},getBeyondMaximalFileSizeMsg(e,n){return`Maximum file size (MB): ${n}. Files whose size exceeds the maximum value: ${e}`},getNotAllowedFileTypeMsg(e,n){return`Files with unsupported types: ${e}. Supported file types: ${n}`}},search:{placeholder:"Enter a keyword"},select:{placeholder:"Please select",noDataText:"No data",noMatchText:"No related records found",loadingText:"Loading..."},tagInput:{maxTagsText:"Maximum number reached: "},timeSelect:{placeholder:"Please select time"}};const I=t.ref("zh-CN"),be=t.ref();let $=t.reactive({["zh-CN"]:Ve,["en-US"]:Se});const X={messages(e=I.value){return $[e]},lang(){return I.value},use(e){const n=be.value;I.value=e,n.config.globalProperties.langMessages=X.messages()},add(e){$={...$,...e}}},Ae=e=>e.substring(1).replace(/^\S/,n=>n.toLocaleLowerCase());function Z(e,n){const o=n.split(".");let l=e;return o.forEach(a=>{var c;l=(c=l[a])!=null?c:""}),l}function Be(e,n,o){const l=o||Ae(e)+".";return a=>{const c=(n==null?void 0:n.appContext.config.globalProperties.langMessages)||X.messages();return Z(c,l+a)||Z(c,a)}}var z=t.defineComponent({name:"DUpload",props:K,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(e,n){const o=t.getCurrentInstance(),l=Be("DUpload",o),{uploadOptions:a,placeholder:c,autoUpload:F,disabled:s,beforeUpload:p,droppable:D,oneTimeUpload:m,modelValue:i,multiple:v,accept:r,webkitdirectory:f,limit:u,httpRequest:N}=t.toRefs(e),y=k("upload"),V=k("input-group"),_=k("form-control"),$e=k("input-group-addon"),{triggerSelectFiles:ze,_validateFiles:Oe,triggerDropFiles:_e,checkAllFilesSize:Re}=xe(l),{fileUploaders:S,addFile:je,getFullFiles:Ge,deleteFile:J,upload:He,resetSameNameFiles:Ke,removeFiles:R,_oneTimeUpload:We,getSameNameFiles:Xe}=ke(),j=t.ref(!1),G=t.ref([]),L=d=>{we.open({type:"warning",content:d})},Ze=()=>{var h;let d=0;if(S.value.forEach(w=>{d+=w.file.size;const C=Oe(w.file,(r==null?void 0:r.value)||"",w.uploadOptions);if(C&&C.checkError){J(w.file),L(C.errorMsg);return}}),m.value){const w=Re(d,((h=a==null?void 0:a.value)==null?void 0:h.maximumSize)||0);w&&w.checkError&&(R(),L(w.errorMsg))}},qe=d=>{j.value=d,n.emit("fileOver",d)},Y=d=>{const h=i.value.filter(w=>w.name!==d.name);n.emit("deleteUploadedFile",d),n.emit("update:modelValue",h)},Q=(d,h,w)=>{d==null||d.stopPropagation(),w===E.uploaded&&Y(h),J(h)},Ue=()=>{let d=Promise.resolve(!0);if(p!=null&&p.value){const h=p==null?void 0:p.value(Ge());typeof h!="undefined"&&(typeof h=="boolean"?d=Promise.resolve(h):d=h)}return d},H=(d,h)=>{d&&d.stopPropagation(),Ue().then(w=>{if(!w){R();return}if(typeof(N==null?void 0:N.value)=="function"){const g=S.value.map(b=>b.file);N.value(g);return}const C=m.value?We():He(h);e.onProgress&&e.onProgress(G.value,i.value),C==null||C.then(g=>{e.onSuccess&&e.onSuccess(g);const b=g.map(tt=>tt.file),A=[...b,...i.value];n.emit("update:modelValue",A),e.onChange&&e.onChange(b,A)}).catch(g=>{e.onError&&e.onError(g),e.onChange&&e.onChange([g.file],i.value)})})},ee=d=>{Ke(),d.then(h=>{if(u.value&&i.value.length+h.length>u.value){e.onExceed&&e.onExceed(h,i.value);return}e.onChange&&e.onChange(h,i.value),h.forEach(C=>{v.value||R(),je(C,a==null?void 0:a.value)}),Ze();const w=Xe();(a==null?void 0:a.value)&&a.value.checkSameName&&w.length&&L(l("getExistSameNameFilesMsg")(w)),G.value=S.value.filter(C=>C.status===E.preLoad).map(C=>C.file),n.emit("fileSelect",G.value),F.value&&H()}).catch(h=>{L(h.message)})},te=()=>{s.value||ee(ze({accept:r==null?void 0:r.value,multiple:v.value,webkitdirectory:f.value}))},Je=d=>{j.value=!1,ee(_e(d)),n.emit("fileDrop",d)},Ye=(d,h)=>{H(d,h)},Qe=d=>{S.value.forEach(h=>{Q(d,h.file,h.status)})},et=(d,h)=>{d==null||d.stopPropagation(),e.onPreview&&e.onPreview(h)};return n.expose({submit:Ye,clearFiles:Qe}),()=>{var d,h,w,C;return t.createVNode("div",null,[t.withDirectives(t.createVNode("div",{class:y.b(),style:`border: ${j.value?"1px solid #15bf15":"0"}`},[(h=(d=n.slots).default)!=null&&h.call(d)?t.createVNode("div",{onClick:te},[n.slots.default()]):t.createVNode("div",{class:[V.b(),s.value?"disabled":""],onClick:te},[S.value.length===0&&t.createVNode("div",{class:[_.b(),y.e("placeholder")]},[c.value||l("placeholder")]),S.value.length>0&&t.createVNode("ul",{class:[_.b(),y.e("files-list")]},[S.value.map((g,b)=>t.createVNode("li",{key:b,class:[y.e("file-item"),y.e("file-tag")],style:"display: inline-block;",title:g.file.name,onClick:A=>et(A,g.file)},[t.createVNode("span",{class:[y.e("filename"),g.status===E.failed?y.m("failed-color"):""]},[g.file.name]),t.createVNode(t.resolveComponent("d-icon"),{name:"close",class:[(g==null?void 0:g.status)===E.failed?y.e("delete-file-button"):"",(g==null?void 0:g.status)===E.uploading||(g==null?void 0:g.status)===E.uploaded?y.e("delete"):""],onClick:A=>Q(A,g.file,g.status)},null),g.status===E.uploading&&t.createVNode("div",{class:["icon",y.e("progress")]},[t.createVNode(t.resolveComponent("d-progress"),{isCircle:!0,percentage:g.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),g.status===E.failed&&t.createVNode(t.resolveComponent("d-icon"),{name:"running",onClick:H},null),g.status===E.uploaded&&t.createVNode(t.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),t.createVNode("span",{class:$e.b()},[t.createVNode(t.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[t.resolveDirective("file-drop"),{droppable:D,isSingle:!v,onFileDrop:Je,onFileOver:qe}]]),t.createVNode("div",null,[(C=(w=n.slots)["uploaded-files"])==null?void 0:C.call(w,{uploadedFiles:i.value,deleteFile:Y})])])}}});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,O=e=>{e.preventDefault(),e.stopPropagation()},Pe=(e,n)=>{const{onFileOver:o}=n.value;e.addEventListener("dragover",l=>{const a=q(l);!Me(a.types)||(O(l),o&&o(!0))})},Te=(e,n)=>{const{onFileOver:o}=n.value;e.addEventListener("dragleave",l=>{l.currentTarget!==e&&(O(l),o&&o(!0))})},Le=(e,n)=>{const{onFileDrop:o,isSingle:l}=n.value;e.addEventListener("drop",a=>{const c=q(a);!c||(O(a),l?o&&o([c.files[0]]):o&&o(Array.from(c.files)))})},U={mounted:(e,n)=>{const{droppable:o}=n.value;!o||(Pe(e,n),Te(e,n),Le(e,n))}};var Ie={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.directive("file-drop",U),e.component(z.name,z)}};x.IFileOptions=Ce,x.IUploadOptions=De,x.Upload=z,x.UploadStatus=E,x.default=Ie,x.fileDropDirective=U,x.uploadProps=K,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});