import{aS as g,E as p,i as h,n as m}from"./app-JmgyQoR0.js";import{b as f,D as v,h as a,t as o,z as t,F as V,G as k,u as e,y as c,K as n,E as r,l as y,H as i,x as I,I as M,J as S}from"./vue-y3KLWBaS.js";const d=l=>(M("data-v-01f283b6"),l=l(),S(),l),b={key:0},z={class:"top"},B={class:"name"},E=d(()=>e("i",{class:"ph-circle-notch ph-bold ph-lg fa-pulse"},null,-1)),C={class:"status"},N={key:0,class:"initing"},w={key:1,class:"kb"},K=d(()=>e("i",null,"KB",-1)),$=d(()=>e("i",null,"KB",-1)),D={key:2,class:"percentage"},F=["value","max"],G=f({__name:"upload",setup(l){const u=g("high");return(H,J)=>{const _=v("MkEllipsis");return a(),o("div",{class:"mk-uploader _acrylic",style:c({zIndex:t(u)})},[t(p).length>0?(a(),o("ol",b,[(a(!0),o(V,null,k(t(p),s=>(a(),o("li",{key:s.id},[e("div",{class:"img",style:c({backgroundImage:`url(${s.img})`})},null,4),e("div",z,[e("p",B,[E,n(r(s.name),1)]),e("p",C,[s.progressValue===void 0?(a(),o("span",N,[n(r(t(h).ts.waiting),1),y(_)])):i("",!0),s.progressValue!==void 0?(a(),o("span",w,[n(r(String(Math.floor(s.progressValue/1024)).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,")),1),K,n(" / "+r(String(Math.floor(s.progressMax/1024)).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,")),1),$])):i("",!0),s.progressValue!==void 0?(a(),o("span",D,r(Math.floor(s.progressValue/s.progressMax*100)),1)):i("",!0)])]),e("progress",{value:s.progressValue||0,max:s.progressMax||0,class:I({initing:s.progressValue===void 0,waiting:s.progressValue!==void 0&&s.progressValue===s.progressMax})},null,10,F)]))),128))])):i("",!0)],4)}}}),Z=m(G,[["__scopeId","data-v-01f283b6"]]);export{Z as default};
