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