@robot-admin/naive-ui-components 0.8.1 → 0.8.2

package/dist/C_Upload2.js

@@ -1,4 +1,4 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n,NEllipsis as r,NProgress as i,NTag as a}from"naive-ui";import{Fragment as o,TransitionGroup as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createTextVNode as p,createVNode as m,defineComponent as h,normalizeClass as g,onBeforeUnmount as _,onMounted as v,openBlock as y,reactive as b,readonly as x,ref as S,renderList as C,renderSlot as w,toDisplayString as T,unref as E,watch as D,withCtx as O}from"vue";const k=2*1024*1024,A={pending:`等待上传`,hashing:`计算校验…`,uploading:`上传中…`,success:`上传成功`,error:`上传失败`,paused:`已暂停`,instant:`秒传成功`},j={pending:`default`,hashing:`info`,uploading:`info`,success:`success`,error:`error`,paused:`warning`,instant:`success`},M={"image/":`mdi:file-image-outline`,"video/":`mdi:file-video-outline`,"audio/":`mdi:file-music-outline`,"application/pdf":`mdi:file-pdf-box`,"application/zip":`mdi:folder-zip-outline`,"application/x-rar":`mdi:folder-zip-outline`,"application/vnd.ms-excel":`mdi:file-excel-outline`,"application/vnd.openxmlformats-officedocument.spreadsheetml":`mdi:file-excel-outline`,"application/msword":`mdi:file-word-outline`,"application/vnd.openxmlformats-officedocument.wordprocessingml":`mdi:file-word-outline`,"text/":`mdi:file-document-outline`,default:`mdi:file-outline`};function N(e){for(let[t,n]of Object.entries(M))if(t!==`default`&&e.startsWith(t))return n;return M.default}function P(e){if(e===0)return`0 B`;let t=[`B`,`KB`,`MB`,`GB`,`TB`],n=Math.floor(Math.log(e)/Math.log(1024));return`${(e/1024**n).toFixed(n>0?1:0)} ${t[n]}`}function F(e){let t=S(!1),n=S(0);async function r(r){return t.value=!0,n.value=0,new Promise((a,o)=>{let s=e.value,c=[],l=0;for(;l<r.size;)c.push(r.slice(l,l+s)),l+=s;if(typeof Worker>`u`){i(r,c).then(a).catch(o).finally(()=>{t.value=!1});return}try{let e=new Blob([`
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,TransitionGroup as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,normalizeClass as f,onBeforeUnmount as p,onMounted as m,openBlock as h,reactive as g,readonly as _,ref as v,renderList as y,renderSlot as b,toDisplayString as x,unref as S,watch as C,withCtx as w}from"vue";import{NButton as T,NEllipsis as E,NProgress as D,NTag as O}from"naive-ui";const k=2*1024*1024,A={pending:`等待上传`,hashing:`计算校验…`,uploading:`上传中…`,success:`上传成功`,error:`上传失败`,paused:`已暂停`,instant:`秒传成功`},j={pending:`default`,hashing:`info`,uploading:`info`,success:`success`,error:`error`,paused:`warning`,instant:`success`},M={"image/":`mdi:file-image-outline`,"video/":`mdi:file-video-outline`,"audio/":`mdi:file-music-outline`,"application/pdf":`mdi:file-pdf-box`,"application/zip":`mdi:folder-zip-outline`,"application/x-rar":`mdi:folder-zip-outline`,"application/vnd.ms-excel":`mdi:file-excel-outline`,"application/vnd.openxmlformats-officedocument.spreadsheetml":`mdi:file-excel-outline`,"application/msword":`mdi:file-word-outline`,"application/vnd.openxmlformats-officedocument.wordprocessingml":`mdi:file-word-outline`,"text/":`mdi:file-document-outline`,default:`mdi:file-outline`};function N(e){for(let[t,n]of Object.entries(M))if(t!==`default`&&e.startsWith(t))return n;return M.default}function P(e){if(e===0)return`0 B`;let t=[`B`,`KB`,`MB`,`GB`,`TB`],n=Math.floor(Math.log(e)/Math.log(1024));return`${(e/1024**n).toFixed(n>0?1:0)} ${t[n]}`}function F(e){let t=v(!1),n=v(0);async function r(r){return t.value=!0,n.value=0,new Promise((a,o)=>{let s=e.value,c=[],l=0;for(;l<r.size;)c.push(r.slice(l,l+s)),l+=s;if(typeof Worker>`u`){i(r,c).then(a).catch(o).finally(()=>{t.value=!1});return}try{let e=new Blob([`
         self.importScripts('https://cdn.jsdelivr.net/npm/spark-md5@3.0.2/spark-md5.min.js');
 
         self.onmessage = function(e) {
@@ -21,5 +21,5 @@ import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButto
 
           processNext();
         };
-      `],{type:`application/javascript`}),s=URL.createObjectURL(e),l=new Worker(s);l.onmessage=e=>{let{type:r,hash:i,percent:o}=e.data;r===`progress`?n.value=o:r===`done`&&(t.value=!1,l.terminate(),URL.revokeObjectURL(s),a(i))},l.onerror=()=>{t.value=!1,l.terminate(),URL.revokeObjectURL(s),i(r,c).then(a).catch(o)},l.postMessage({chunks:c})}catch{i(r,c).then(a).catch(o).finally(()=>{t.value=!1})}})}async function i(e,r){let i=new(await(import(`spark-md5`))).default.ArrayBuffer;for(let e=0;e<r.length;e++){let t=await r[e].arrayBuffer();i.append(t),n.value=Math.round((e+1)/r.length*100)}return t.value=!1,i.end()}return{hashing:x(t),hashProgress:x(n),calculateHash:r}}function I(e){let t=new Map;function n(t){let n=e.chunkSize.value,r=[],i=0,a=0;for(;a<t.size;){let e=Math.min(a+n,t.size);r.push({index:i,blob:t.slice(a,e),size:e-a,uploaded:!1}),a=e,i++}return r}async function r(t,n){if(e.uploadedChunksQuery?.value)try{let r=await e.uploadedChunksQuery.value(t);for(let e of r){let t=n[e];t&&(t.uploaded=!0)}}catch{}}function i(t){return new Promise((n,r)=>{let i={action:e.action.value,headers:e.headers.value,data:{...e.data.value,hash:t.hash,chunkIndex:t.chunk.index,totalChunks:t.totalChunks,filename:t.file.name},file:t.chunk.blob,filename:t.file.name,hash:t.hash,chunkIndex:t.chunk.index,totalChunks:t.totalChunks,onProgress:()=>{},onSuccess:()=>{t.chunk.uploaded=!0,t.setUploadedBytes(t.chunk.size),t.onProgress({uploadedChunks:t.chunks.filter(e=>e.uploaded).length,totalChunks:t.totalChunks,uploadedBytes:t.chunks.filter(e=>e.uploaded).reduce((e,t)=>e+t.size,0),totalBytes:t.totalBytes}),n()},onError:e=>{t.setError(),r(e)}},a=e.customRequest?.value?e.customRequest.value(i):L(i);t.abortControllers.push(a.abort)})}async function a(a){let{uid:s,file:c,hash:l,onProgress:u,onSuccess:d,onError:f,isPaused:p}=a,m=n(c),h=m.length,g=c.size,_=0;await r(l,m),_=m.filter(e=>e.uploaded).reduce((e,t)=>e+t.size,0),u({uploadedChunks:m.filter(e=>e.uploaded).length,totalChunks:h,uploadedBytes:_,totalBytes:g});let v=m.filter(e=>!e.uploaded);if(v.length===0){await o(l,c.name,h,d,f);return}let y=[];t.set(s,y);let b=e.concurrency.value,x=0,S=!1;async function C(){for(;x<v.length&&!S&&!p();){let e=v[x++];await i({chunk:e,hash:l,file:c,totalChunks:h,chunks:m,totalBytes:g,abortControllers:y,onProgress:u,setUploadedBytes:e=>{_+=e},setError:()=>{S=!0}})}}let w=Array.from({length:Math.min(b,v.length)},()=>C());try{await Promise.all(w),!S&&!p()&&await o(l,c.name,h,d,f)}catch(e){f(e instanceof Error?e:Error(String(e)))}finally{t.delete(s)}}async function o(t,n,r,i,a){if(e.mergeChunks?.value)try{i(await e.mergeChunks.value(t,n,r))}catch(e){a(e instanceof Error?e:Error(`分片合并失败`))}else i({message:`分片上传完成（未配置合并函数）`})}function s(e){t.get(e)?.forEach(e=>e()),t.delete(e)}function c(){t.forEach(e=>{e.forEach(e=>e())}),t.clear()}return{createChunks:n,uploadChunks:a,abortUpload:s,abortAll:c}}function L(e){let t=new XMLHttpRequest;t.open(`POST`,e.action),e.headers&&Object.entries(e.headers).forEach(([e,n])=>{t.setRequestHeader(e,n)}),t.upload.addEventListener(`progress`,t=>{t.lengthComputable&&e.onProgress?.(Math.round(t.loaded/t.total*100))}),t.addEventListener(`load`,()=>{if(t.status>=200&&t.status<300){let n;try{n=JSON.parse(t.responseText)}catch{n=t.responseText}e.onSuccess?.(n)}else e.onError?.(Error(`上传失败: HTTP ${t.status}`))}),t.addEventListener(`error`,()=>{e.onError?.(Error(`网络错误`))});let n=new FormData;return n.append(`file`,e.file,e.filename),e.data&&Object.entries(e.data).forEach(([e,t])=>{n.append(e,String(t))}),t.send(n),{abort:()=>t.abort()}}function R(e){let t=[],n=S(0),r=new Map;function i(e,n,r,i){t.push(e),a(n,r,i)}function a(i,o,s){for(;n.value<e.concurrency.value&&t.length>0;){let c=t.shift();if(!c.raw)continue;n.value++;let l={action:e.action.value,headers:e.headers.value,data:e.data.value,file:c.raw,filename:c.name,onProgress:e=>{i(c.uid,e)},onSuccess:e=>{n.value--,r.delete(c.uid),o(c.uid,e),a(i,o,s)},onError:e=>{n.value--,r.delete(c.uid),s(c.uid,e),a(i,o,s)}};if(e.customRequest?.value){let{abort:t}=e.customRequest.value(l);r.set(c.uid,t)}else{let{abort:e}=z(l);r.set(c.uid,e)}}}function o(e){r.get(e)?.(),r.delete(e);let n=t.findIndex(t=>t.uid===e);n!==-1&&t.splice(n,1)}function s(){r.forEach(e=>e()),r.clear(),t.length=0,n.value=0}return{activeCount:x(n),enqueue:i,abort:o,abortAll:s}}function z(e){let t=new XMLHttpRequest;t.open(`POST`,e.action),e.headers&&Object.entries(e.headers).forEach(([e,n])=>{t.setRequestHeader(e,n)}),t.upload.addEventListener(`progress`,t=>{t.lengthComputable&&e.onProgress?.(Math.round(t.loaded/t.total*100))}),t.addEventListener(`load`,()=>{if(t.status>=200&&t.status<300){let n;try{n=JSON.parse(t.responseText)}catch{n=t.responseText}e.onSuccess?.(n)}else e.onError?.(Error(`上传失败: HTTP ${t.status}`))}),t.addEventListener(`error`,()=>{e.onError?.(Error(`网络错误`))});let n=new FormData;return n.append(`file`,e.file,e.filename),e.data&&Object.entries(e.data).forEach(([e,t])=>{n.append(e,String(t))}),t.send(n),{abort:()=>t.abort()}}function B(e){let t=c(()=>e.action??``),n=c(()=>e.headers??{}),r=c(()=>e.data??{}),i=c(()=>e.chunkSize??k),a=c(()=>e.concurrency??3),o=c(()=>e.customRequest),s=c(()=>e.instantCheck),l=c(()=>e.uploadedChunksQuery),u=c(()=>e.mergeChunks),d=S([...e.defaultFileList??[]]),f=b(new Set),{hashing:p,hashProgress:m,calculateHash:h}=F(i),g=I({chunkSize:i,concurrency:a,action:t,headers:n,data:r,customRequest:o,uploadedChunksQuery:l,mergeChunks:u}),v=R({concurrency:a,action:t,headers:n,data:r,customRequest:o}),y=c(()=>{let e=d.value;if(e.length===0)return 0;let t=e.reduce((e,t)=>e+t.percent,0);return Math.round(t/e.length)});function x(){return`upload-${Date.now()}-${Math.random().toString(36).slice(2,8)}`}function C(e){if(e.type.startsWith(`image/`))return URL.createObjectURL(e)}function w(t){let n=[];for(let r of t){if(e.maxCount&&d.value.length+n.length>=e.maxCount)break;let t={uid:x(),name:r.name,size:r.size,type:r.type,status:`pending`,percent:0,raw:r,thumbUrl:C(r)};n.push(t)}return d.value.push(...n),n}function T(e,t){let n=d.value.find(t=>t.uid===e);n&&Object.assign(n,t)}function E(e){g.abortUpload(e),v.abort(e),f.delete(e);let t=d.value.findIndex(t=>t.uid===e);if(t!==-1){let e=d.value[t];e.thumbUrl&&URL.revokeObjectURL(e.thumbUrl),d.value.splice(t,1)}}function D(){g.abortAll(),v.abortAll(),f.clear(),d.value.forEach(e=>{e.thumbUrl&&URL.revokeObjectURL(e.thumbUrl)}),d.value=[]}async function O(t){return e.maxSize&&t.size>e.maxSize?!1:e.beforeUpload?await e.beforeUpload(t)!==!1:!0}async function A(t){if(t.raw){if(!await O(t.raw)){T(t.uid,{status:`error`,error:`文件校验未通过`});return}if(s.value&&!t.hash){T(t.uid,{status:`hashing`});try{let e=await h(t.raw);T(t.uid,{hash:e});let n=await s.value(e,t.raw.name);if(n.exists){T(t.uid,{status:`instant`,percent:100,url:n.url});return}}catch{}}e.chunked&&t.raw.size>i.value?await j(t):M(t)}}async function j(e){let t=e.raw,n=e.hash;if(!n){T(e.uid,{status:`hashing`});try{n=await h(t),T(e.uid,{hash:n})}catch{T(e.uid,{status:`error`,error:`Hash 计算失败`});return}}if(s.value&&e.status!==`instant`)try{let r=await s.value(n,t.name);if(r.exists){T(e.uid,{status:`instant`,percent:100,url:r.url});return}}catch{}T(e.uid,{status:`uploading`}),await g.uploadChunks({uid:e.uid,file:t,hash:n,onProgress:t=>{let n=Math.round(t.uploadedBytes/t.totalBytes*100);T(e.uid,{percent:n,chunkProgress:t})},onSuccess:t=>{T(e.uid,{status:`success`,percent:100,response:t})},onError:t=>{T(e.uid,{status:`error`,error:t.message})},isPaused:()=>f.has(e.uid)})}function M(e){T(e.uid,{status:`uploading`}),v.enqueue(e,(e,t)=>{T(e,{percent:t})},(e,t)=>{T(e,{status:`success`,percent:100,response:t})},(e,t)=>{T(e,{status:`error`,error:t.message})})}function N(){d.value.filter(e=>e.status===`pending`).forEach(A)}function P(){d.value.forEach(e=>{(e.status===`uploading`||e.status===`hashing`)&&(f.add(e.uid),T(e.uid,{status:`paused`}))})}function L(){d.value.forEach(e=>{e.status===`paused`&&(f.delete(e.uid),T(e.uid,{status:`pending`}))}),N()}function z(e){let t=d.value.find(t=>t.uid===e);t&&t.status===`error`&&(T(e,{status:`pending`,percent:0,error:void 0}),A(t))}function B(){return d.value.filter(e=>e.status===`success`||e.status===`instant`)}return _(()=>{d.value.forEach(e=>{e.thumbUrl&&URL.revokeObjectURL(e.thumbUrl)})}),{fileList:d,totalPercent:y,hashing:p,hashProgress:m,addFiles:w,removeFile:E,clearAll:D,startUpload:N,pauseAll:P,resumeAll:L,retryFile:z,processFile:A,getSuccessList:B}}function V(e,t,n,r,i){let a=S(!1);function o(e){t.value&&(e.preventDefault(),a.value=!0)}function s(e){t.value&&(e.preventDefault(),a.value=!0)}function c(n){if(!t.value)return;n.preventDefault();let r=e.value;r&&!r.contains(n.relatedTarget)&&(a.value=!1)}async function l(e){if(!t.value)return;e.preventDefault(),a.value=!1;let n=e.dataTransfer?.items;if(!n)return;let o=U(await ee(n,e.dataTransfer),r.value);o.length>0&&i(o)}function u(e){if(!n.value)return;let t=e.clipboardData?.items;if(!t)return;let a=[];for(let e=0;e<t.length;e++){let n=t[e];if(n.kind===`file`){let e=n.getAsFile();e&&a.push(e)}}let o=U(a,r.value);o.length>0&&(e.preventDefault(),i(o))}function d(){let t=e.value;t&&(t.addEventListener(`dragenter`,o),t.addEventListener(`dragover`,s),t.addEventListener(`dragleave`,c),t.addEventListener(`drop`,l),n.value&&document.addEventListener(`paste`,u))}function f(){let t=e.value;t&&(t.removeEventListener(`dragenter`,o),t.removeEventListener(`dragover`,s),t.removeEventListener(`dragleave`,c),t.removeEventListener(`drop`,l)),document.removeEventListener(`paste`,u)}return v(d),_(f),D([e,t,n],()=>{f(),d()}),{isDragOver:x(a)}}async function ee(e,t){let n=[];for(let t=0;t<e.length;t++){let r=e[t].webkitGetAsEntry?.();r&&n.push(r)}if(n.length>0)return(await Promise.all(n.map(H))).flat();let r=[],i=t?.files;if(i)for(let e=0;e<i.length;e++)r.push(i[e]);return r}async function H(e){if(e.isFile)return new Promise(t=>{e.file(e=>t([e]),()=>t([]))});if(e.isDirectory){let t=e.createReader(),n=await new Promise(e=>{t.readEntries(t=>e(t),()=>e([]))});return(await Promise.all(n.map(H))).flat()}return[]}function U(e,t){if(!t)return e;let n=t.split(`,`).map(e=>e.trim().toLowerCase());return e.filter(e=>n.some(t=>{if(t.startsWith(`.`))return e.name.toLowerCase().endsWith(t);if(t.endsWith(`/*`)){let n=t.replace(`/*`,``);return e.type.toLowerCase().startsWith(n)}return e.type.toLowerCase()===t}))}const W=[`accept`,`multiple`,`webkitdirectory`],G={class:`upload-area__default`},K={class:`upload-area__text`},q={key:0},J={key:1},Y={key:0,class:`upload-area__tip`};var X=t(h({__name:`UploadArea`,props:{accept:{default:``},multiple:{type:Boolean,default:!1},directory:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},pasteable:{type:Boolean,default:!1},tip:{default:``}},emits:[`files`],setup(t,{expose:n,emit:r}){let i=t,a=r,s=S(),l=S(),{isDragOver:h}=V(s,c(()=>i.draggable&&!i.disabled),c(()=>i.pasteable&&!i.disabled),c(()=>i.accept),e=>a(`files`,e));function _(){i.disabled||l.value?.click()}function v(e){let t=e.target,n=Array.from(t.files??[]);n.length>0&&a(`files`,n),t.value=``}return n({triggerSelect:_}),(t,n)=>(y(),d(`div`,{ref_key:`areaRef`,ref:s,class:g([`upload-area`,{"upload-area--drag-over":E(h),"upload-area--disabled":t.disabled}]),onClick:_},[f(`input`,{ref_key:`inputRef`,ref:l,type:`file`,class:`upload-area__input`,accept:t.accept,multiple:t.multiple,webkitdirectory:t.directory||void 0,onChange:v},null,40,W),w(t.$slots,`default`,{},()=>[f(`div`,G,[m(e,{name:E(h)?`mdi:cloud-download-outline`:`mdi:cloud-upload-outline`,class:`upload-area__icon`},null,8,[`name`]),f(`div`,K,[E(h)?(y(),d(`span`,q,`释放文件到此处`)):(y(),d(`span`,J,[n[3]||=p(` 点击或拖拽文件到此区域上传 `,-1),t.pasteable?(y(),d(o,{key:0},[n[0]||=p(` ，支持 `,-1),n[1]||=f(`kbd`,null,`Ctrl+V`,-1),n[2]||=p(` 粘贴 `,-1)],64)):u(`v-if`,!0)]))]),t.tip?(y(),d(`div`,Y,T(t.tip),1)):u(`v-if`,!0)])],!0)],2))}}),[[`__scopeId`,`data-v-f5040f9e`]]);const Z={class:`file-list__thumb`},Q=[`src`,`alt`],te={class:`file-list__info`},ne={class:`file-list__name`},re={class:`file-list__meta`},ie={class:`file-list__size`},ae={key:0,class:`file-list__instant`},oe={key:1,class:`file-list__chunk-info`},se={key:2,class:`file-list__error`},ce={class:`file-list__actions`};var le=t(h({__name:`FileList`,props:{fileList:{},showThumbnail:{type:Boolean},hashProgress:{}},emits:[`remove`,`retry`],setup(t,{emit:c}){let h=c;return(t,c)=>(y(),l(s,{name:`file-list`,tag:`div`,class:`file-list`},{default:O(()=>[(y(!0),d(o,null,C(t.fileList,o=>(y(),d(`div`,{key:o.uid,class:g([`file-list__item`,`file-list__item--${o.status}`])},[u(` 缩略图 / 图标 `),f(`div`,Z,[t.showThumbnail&&o.thumbUrl?(y(),d(`img`,{key:0,src:o.thumbUrl,alt:o.name,class:`file-list__thumb-img`},null,8,Q)):(y(),l(e,{key:1,name:E(N)(o.type),class:`file-list__thumb-icon`},null,8,[`name`]))]),u(` 文件信息 `),f(`div`,te,[f(`div`,ne,[m(E(r),{"line-clamp":1},{default:O(()=>[p(T(o.name),1)]),_:2},1024)]),f(`div`,re,[f(`span`,ie,T(E(P)(o.size)),1),m(E(a),{type:E(j)[o.status]||`default`,size:`tiny`,bordered:!1},{default:O(()=>[p(T(E(A)[o.status]||o.status),1)]),_:2},1032,[`type`]),o.status===`instant`?(y(),d(`span`,ae,` ⚡ `)):u(`v-if`,!0)]),u(` 进度条 `),o.status===`uploading`||o.status===`hashing`?(y(),l(E(i),{key:0,percentage:o.status===`hashing`?t.hashProgress:o.percent,height:4,"border-radius":2,"show-indicator":!1,status:o.status===`hashing`?`info`:`success`},null,8,[`percentage`,`status`])):u(`v-if`,!0),u(` 分片进度描述 `),o.chunkProgress&&o.status===`uploading`?(y(),d(`div`,oe,` 分片 `+T(o.chunkProgress.uploadedChunks)+`/`+T(o.chunkProgress.totalChunks),1)):u(`v-if`,!0),u(` 错误信息 `),o.status===`error`&&o.error?(y(),d(`div`,se,T(o.error),1)):u(`v-if`,!0)]),u(` 操作按钮 `),f(`div`,ce,[o.status===`error`?(y(),l(E(n),{key:0,text:``,type:`warning`,size:`tiny`,onClick:e=>h(`retry`,o.uid)},{icon:O(()=>[m(e,{name:`mdi:refresh`})]),_:2},1032,[`onClick`])):u(`v-if`,!0),m(E(n),{text:``,type:`error`,size:`tiny`,onClick:e=>h(`remove`,o.uid)},{icon:O(()=>[m(e,{name:`mdi:close`})]),_:2},1032,[`onClick`])])],2))),128))]),_:1}))}}),[[`__scopeId`,`data-v-09e1ee73`]]);const ue={key:0,class:`image-preview`},de=[`src`,`alt`],fe={class:`image-preview__overlay`},pe={key:0,class:`image-preview__progress`},me={class:`image-preview__actions`},he={class:`image-preview__name`};var $=t(h({__name:`ImagePreview`,props:{fileList:{}},emits:[`remove`,`retry`],setup(t,{emit:a}){let s=t,h=a,_=c(()=>s.fileList.filter(e=>e.type?.startsWith(`image/`)));return(t,a)=>_.value.length>0?(y(),d(`div`,ue,[(y(!0),d(o,null,C(_.value,t=>(y(),d(`div`,{key:t.uid,class:g([`image-preview__item`,`image-preview__item--${t.status}`])},[t.thumbUrl?(y(),d(`img`,{key:0,src:t.thumbUrl,alt:t.name,class:`image-preview__img`},null,8,de)):u(`v-if`,!0),u(` 遮罩层 `),f(`div`,fe,[u(` 上传中进度 `),t.status===`uploading`||t.status===`hashing`?(y(),d(`div`,pe,[m(E(i),{type:`circle`,percentage:t.percent,"stroke-width":3,style:{width:`40px`}},null,8,[`percentage`])])):t.status===`success`||t.status===`instant`?(y(),d(o,{key:1},[u(` 状态图标 `),m(e,{name:`mdi:check-circle`,class:`image-preview__status-icon image-preview__status-icon--success`})],2112)):t.status===`error`?(y(),l(e,{key:2,name:`mdi:alert-circle`,class:`image-preview__status-icon image-preview__status-icon--error`})):u(`v-if`,!0),u(` 操作 `),f(`div`,me,[t.status===`error`?(y(),l(E(n),{key:0,circle:``,size:`tiny`,type:`warning`,onClick:e=>h(`retry`,t.uid)},{icon:O(()=>[m(e,{name:`mdi:refresh`})]),_:2},1032,[`onClick`])):u(`v-if`,!0),m(E(n),{circle:``,size:`tiny`,type:`error`,onClick:e=>h(`remove`,t.uid)},{icon:O(()=>[m(e,{name:`mdi:close`})]),_:2},1032,[`onClick`])])]),u(` 文件名 `),f(`div`,he,[m(E(r),{"line-clamp":1},{default:O(()=>[p(T(t.name),1)]),_:2},1024)])],2))),128))])):u(`v-if`,!0)}}),[[`__scopeId`,`data-v-f6e701f9`]]);const ge={class:`c-upload`},_e={key:0,class:`c-upload__total-progress`},ve={class:`c-upload__total-label`};var ye=t(h({__name:`index`,props:{action:{default:``},headers:{default:()=>({})},data:{default:()=>({})},multiple:{type:Boolean,default:!1},directory:{type:Boolean,default:!1},accept:{default:``},maxSize:{default:0},maxCount:{default:0},disabled:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},pasteable:{type:Boolean,default:!1},chunked:{type:Boolean,default:!1},chunkSize:{default:k},concurrency:{default:3},showFileList:{type:Boolean,default:!0},listType:{default:`text`},showThumbnail:{type:Boolean,default:!0},customRequest:{},instantCheck:{},uploadedChunksQuery:{},mergeChunks:{},beforeUpload:{},tip:{default:``},defaultFileList:{default:()=>[]}},emits:[`change`,`success`,`error`,`progress`,`remove`,`finish`,`exceed`],setup(e,{expose:t,emit:n}){let r=e,a=n,s=S(),{fileList:p,totalPercent:h,hashProgress:g,addFiles:_,removeFile:v,clearAll:b,startUpload:x,pauseAll:C,resumeAll:k,retryFile:A,processFile:j,getSuccessList:M}=B(r),N=c(()=>p.value.some(e=>e.status===`uploading`||e.status===`hashing`));function P(e){if(r.maxCount&&p.value.length+e.length>r.maxCount){a(`exceed`,e,p.value);let t=r.maxCount-p.value.length;if(t<=0)return;e=e.slice(0,t)}r.maxSize&&(e=e.filter(e=>e.size<=r.maxSize));let t=_(e);a(`change`,p.value),t.forEach(j)}function F(e){let t=p.value.find(t=>t.uid===e);t&&(a(`remove`,t),v(e),a(`change`,p.value))}function I(e){A(e)}return D(p,e=>{e.length>0&&e.every(e=>e.status===`success`||e.status===`instant`||e.status===`error`)&&a(`finish`,e)},{deep:!0}),t({selectFiles:()=>s.value?.triggerSelect(),startUpload:x,pauseAll:C,resumeAll:k,clearAll:()=>{b(),a(`change`,p.value)},removeFile:e=>{F(e)},retryFile:A,getFileList:()=>p.value,getSuccessList:M,get totalPercent(){return h.value}}),(e,t)=>(y(),d(`div`,ge,[u(` 上传区域 `),m(X,{ref_key:`uploadAreaRef`,ref:s,accept:r.accept,multiple:r.multiple,directory:r.directory,disabled:r.disabled,draggable:r.draggable,pasteable:r.pasteable,tip:r.tip,onFiles:P},{default:O(()=>[w(e.$slots,`area`,{},void 0,!0)]),_:3},8,[`accept`,`multiple`,`directory`,`disabled`,`draggable`,`pasteable`,`tip`]),u(` 总进度条 `),N.value?(y(),d(`div`,_e,[f(`div`,ve,[t[0]||=f(`span`,null,`总进度`,-1),f(`span`,null,T(E(h))+`%`,1)]),m(E(i),{percentage:E(h),height:6,"border-radius":3,"show-indicator":!1,status:`success`},null,8,[`percentage`])])):u(`v-if`,!0),u(` 图片预览模式 `),r.listType===`image`?(y(),l($,{key:1,"file-list":E(p),onRemove:F,onRetry:I},null,8,[`file-list`])):r.showFileList&&E(p).length>0?(y(),d(o,{key:2},[u(` 文件列表模式 `),m(le,{"file-list":E(p),"show-thumbnail":r.showThumbnail,"hash-progress":E(g),onRemove:F,onRetry:I},null,8,[`file-list`,`show-thumbnail`,`hash-progress`])],2112)):u(`v-if`,!0)]))}}),[[`__scopeId`,`data-v-73e8959c`]]);export{I as a,N as c,R as i,V as n,F as o,B as r,P as s,ye as t};
+      `],{type:`application/javascript`}),s=URL.createObjectURL(e),l=new Worker(s);l.onmessage=e=>{let{type:r,hash:i,percent:o}=e.data;r===`progress`?n.value=o:r===`done`&&(t.value=!1,l.terminate(),URL.revokeObjectURL(s),a(i))},l.onerror=()=>{t.value=!1,l.terminate(),URL.revokeObjectURL(s),i(r,c).then(a).catch(o)},l.postMessage({chunks:c})}catch{i(r,c).then(a).catch(o).finally(()=>{t.value=!1})}})}async function i(e,r){let i=new(await(import(`spark-md5`))).default.ArrayBuffer;for(let e=0;e<r.length;e++){let t=await r[e].arrayBuffer();i.append(t),n.value=Math.round((e+1)/r.length*100)}return t.value=!1,i.end()}return{hashing:_(t),hashProgress:_(n),calculateHash:r}}function I(e){let t=new Map;function n(t){let n=e.chunkSize.value,r=[],i=0,a=0;for(;a<t.size;){let e=Math.min(a+n,t.size);r.push({index:i,blob:t.slice(a,e),size:e-a,uploaded:!1}),a=e,i++}return r}async function r(t,n){if(e.uploadedChunksQuery?.value)try{let r=await e.uploadedChunksQuery.value(t);for(let e of r){let t=n[e];t&&(t.uploaded=!0)}}catch{}}function i(t){return new Promise((n,r)=>{let i={action:e.action.value,headers:e.headers.value,data:{...e.data.value,hash:t.hash,chunkIndex:t.chunk.index,totalChunks:t.totalChunks,filename:t.file.name},file:t.chunk.blob,filename:t.file.name,hash:t.hash,chunkIndex:t.chunk.index,totalChunks:t.totalChunks,onProgress:()=>{},onSuccess:()=>{t.chunk.uploaded=!0,t.setUploadedBytes(t.chunk.size),t.onProgress({uploadedChunks:t.chunks.filter(e=>e.uploaded).length,totalChunks:t.totalChunks,uploadedBytes:t.chunks.filter(e=>e.uploaded).reduce((e,t)=>e+t.size,0),totalBytes:t.totalBytes}),n()},onError:e=>{t.setError(),r(e)}},a=e.customRequest?.value?e.customRequest.value(i):L(i);t.abortControllers.push(a.abort)})}async function a(a){let{uid:s,file:c,hash:l,onProgress:u,onSuccess:d,onError:f,isPaused:p}=a,m=n(c),h=m.length,g=c.size,_=0;await r(l,m),_=m.filter(e=>e.uploaded).reduce((e,t)=>e+t.size,0),u({uploadedChunks:m.filter(e=>e.uploaded).length,totalChunks:h,uploadedBytes:_,totalBytes:g});let v=m.filter(e=>!e.uploaded);if(v.length===0){await o(l,c.name,h,d,f);return}let y=[];t.set(s,y);let b=e.concurrency.value,x=0,S=!1;async function C(){for(;x<v.length&&!S&&!p();){let e=v[x++];await i({chunk:e,hash:l,file:c,totalChunks:h,chunks:m,totalBytes:g,abortControllers:y,onProgress:u,setUploadedBytes:e=>{_+=e},setError:()=>{S=!0}})}}let w=Array.from({length:Math.min(b,v.length)},()=>C());try{await Promise.all(w),!S&&!p()&&await o(l,c.name,h,d,f)}catch(e){f(e instanceof Error?e:Error(String(e)))}finally{t.delete(s)}}async function o(t,n,r,i,a){if(e.mergeChunks?.value)try{i(await e.mergeChunks.value(t,n,r))}catch(e){a(e instanceof Error?e:Error(`分片合并失败`))}else i({message:`分片上传完成（未配置合并函数）`})}function s(e){t.get(e)?.forEach(e=>e()),t.delete(e)}function c(){t.forEach(e=>{e.forEach(e=>e())}),t.clear()}return{createChunks:n,uploadChunks:a,abortUpload:s,abortAll:c}}function L(e){let t=new XMLHttpRequest;t.open(`POST`,e.action),e.headers&&Object.entries(e.headers).forEach(([e,n])=>{t.setRequestHeader(e,n)}),t.upload.addEventListener(`progress`,t=>{t.lengthComputable&&e.onProgress?.(Math.round(t.loaded/t.total*100))}),t.addEventListener(`load`,()=>{if(t.status>=200&&t.status<300){let n;try{n=JSON.parse(t.responseText)}catch{n=t.responseText}e.onSuccess?.(n)}else e.onError?.(Error(`上传失败: HTTP ${t.status}`))}),t.addEventListener(`error`,()=>{e.onError?.(Error(`网络错误`))});let n=new FormData;return n.append(`file`,e.file,e.filename),e.data&&Object.entries(e.data).forEach(([e,t])=>{n.append(e,String(t))}),t.send(n),{abort:()=>t.abort()}}function R(e){let t=[],n=v(0),r=new Map;function i(e,n,r,i){t.push(e),a(n,r,i)}function a(i,o,s){for(;n.value<e.concurrency.value&&t.length>0;){let c=t.shift();if(!c.raw)continue;n.value++;let l={action:e.action.value,headers:e.headers.value,data:e.data.value,file:c.raw,filename:c.name,onProgress:e=>{i(c.uid,e)},onSuccess:e=>{n.value--,r.delete(c.uid),o(c.uid,e),a(i,o,s)},onError:e=>{n.value--,r.delete(c.uid),s(c.uid,e),a(i,o,s)}};if(e.customRequest?.value){let{abort:t}=e.customRequest.value(l);r.set(c.uid,t)}else{let{abort:e}=z(l);r.set(c.uid,e)}}}function o(e){r.get(e)?.(),r.delete(e);let n=t.findIndex(t=>t.uid===e);n!==-1&&t.splice(n,1)}function s(){r.forEach(e=>e()),r.clear(),t.length=0,n.value=0}return{activeCount:_(n),enqueue:i,abort:o,abortAll:s}}function z(e){let t=new XMLHttpRequest;t.open(`POST`,e.action),e.headers&&Object.entries(e.headers).forEach(([e,n])=>{t.setRequestHeader(e,n)}),t.upload.addEventListener(`progress`,t=>{t.lengthComputable&&e.onProgress?.(Math.round(t.loaded/t.total*100))}),t.addEventListener(`load`,()=>{if(t.status>=200&&t.status<300){let n;try{n=JSON.parse(t.responseText)}catch{n=t.responseText}e.onSuccess?.(n)}else e.onError?.(Error(`上传失败: HTTP ${t.status}`))}),t.addEventListener(`error`,()=>{e.onError?.(Error(`网络错误`))});let n=new FormData;return n.append(`file`,e.file,e.filename),e.data&&Object.entries(e.data).forEach(([e,t])=>{n.append(e,String(t))}),t.send(n),{abort:()=>t.abort()}}function B(e){let t=i(()=>e.action??``),n=i(()=>e.headers??{}),r=i(()=>e.data??{}),a=i(()=>e.chunkSize??k),o=i(()=>e.concurrency??3),s=i(()=>e.customRequest),c=i(()=>e.instantCheck),l=i(()=>e.uploadedChunksQuery),u=i(()=>e.mergeChunks),d=v([...e.defaultFileList??[]]),f=g(new Set),{hashing:m,hashProgress:h,calculateHash:_}=F(a),y=I({chunkSize:a,concurrency:o,action:t,headers:n,data:r,customRequest:s,uploadedChunksQuery:l,mergeChunks:u}),b=R({concurrency:o,action:t,headers:n,data:r,customRequest:s}),x=i(()=>{let e=d.value;if(e.length===0)return 0;let t=e.reduce((e,t)=>e+t.percent,0);return Math.round(t/e.length)});function S(){return`upload-${Date.now()}-${Math.random().toString(36).slice(2,8)}`}function C(e){if(e.type.startsWith(`image/`))return URL.createObjectURL(e)}function w(t){let n=[];for(let r of t){if(e.maxCount&&d.value.length+n.length>=e.maxCount)break;let t={uid:S(),name:r.name,size:r.size,type:r.type,status:`pending`,percent:0,raw:r,thumbUrl:C(r)};n.push(t)}return d.value.push(...n),n}function T(e,t){let n=d.value.find(t=>t.uid===e);n&&Object.assign(n,t)}function E(e){y.abortUpload(e),b.abort(e),f.delete(e);let t=d.value.findIndex(t=>t.uid===e);if(t!==-1){let e=d.value[t];e.thumbUrl&&URL.revokeObjectURL(e.thumbUrl),d.value.splice(t,1)}}function D(){y.abortAll(),b.abortAll(),f.clear(),d.value.forEach(e=>{e.thumbUrl&&URL.revokeObjectURL(e.thumbUrl)}),d.value=[]}async function O(t){return e.maxSize&&t.size>e.maxSize?!1:e.beforeUpload?await e.beforeUpload(t)!==!1:!0}async function A(t){if(t.raw){if(!await O(t.raw)){T(t.uid,{status:`error`,error:`文件校验未通过`});return}if(c.value&&!t.hash){T(t.uid,{status:`hashing`});try{let e=await _(t.raw);T(t.uid,{hash:e});let n=await c.value(e,t.raw.name);if(n.exists){T(t.uid,{status:`instant`,percent:100,url:n.url});return}}catch{}}e.chunked&&t.raw.size>a.value?await j(t):M(t)}}async function j(e){let t=e.raw,n=e.hash;if(!n){T(e.uid,{status:`hashing`});try{n=await _(t),T(e.uid,{hash:n})}catch{T(e.uid,{status:`error`,error:`Hash 计算失败`});return}}if(c.value&&e.status!==`instant`)try{let r=await c.value(n,t.name);if(r.exists){T(e.uid,{status:`instant`,percent:100,url:r.url});return}}catch{}T(e.uid,{status:`uploading`}),await y.uploadChunks({uid:e.uid,file:t,hash:n,onProgress:t=>{let n=Math.round(t.uploadedBytes/t.totalBytes*100);T(e.uid,{percent:n,chunkProgress:t})},onSuccess:t=>{T(e.uid,{status:`success`,percent:100,response:t})},onError:t=>{T(e.uid,{status:`error`,error:t.message})},isPaused:()=>f.has(e.uid)})}function M(e){T(e.uid,{status:`uploading`}),b.enqueue(e,(e,t)=>{T(e,{percent:t})},(e,t)=>{T(e,{status:`success`,percent:100,response:t})},(e,t)=>{T(e,{status:`error`,error:t.message})})}function N(){d.value.filter(e=>e.status===`pending`).forEach(A)}function P(){d.value.forEach(e=>{(e.status===`uploading`||e.status===`hashing`)&&(f.add(e.uid),T(e.uid,{status:`paused`}))})}function L(){d.value.forEach(e=>{e.status===`paused`&&(f.delete(e.uid),T(e.uid,{status:`pending`}))}),N()}function z(e){let t=d.value.find(t=>t.uid===e);t&&t.status===`error`&&(T(e,{status:`pending`,percent:0,error:void 0}),A(t))}function B(){return d.value.filter(e=>e.status===`success`||e.status===`instant`)}return p(()=>{d.value.forEach(e=>{e.thumbUrl&&URL.revokeObjectURL(e.thumbUrl)})}),{fileList:d,totalPercent:x,hashing:m,hashProgress:h,addFiles:w,removeFile:E,clearAll:D,startUpload:N,pauseAll:P,resumeAll:L,retryFile:z,processFile:A,getSuccessList:B}}function V(e,t,n,r,i){let a=v(!1);function o(e){t.value&&(e.preventDefault(),a.value=!0)}function s(e){t.value&&(e.preventDefault(),a.value=!0)}function c(n){if(!t.value)return;n.preventDefault();let r=e.value;r&&!r.contains(n.relatedTarget)&&(a.value=!1)}async function l(e){if(!t.value)return;e.preventDefault(),a.value=!1;let n=e.dataTransfer?.items;if(!n)return;let o=U(await ee(n,e.dataTransfer),r.value);o.length>0&&i(o)}function u(e){if(!n.value)return;let t=e.clipboardData?.items;if(!t)return;let a=[];for(let e=0;e<t.length;e++){let n=t[e];if(n.kind===`file`){let e=n.getAsFile();e&&a.push(e)}}let o=U(a,r.value);o.length>0&&(e.preventDefault(),i(o))}function d(){let t=e.value;t&&(t.addEventListener(`dragenter`,o),t.addEventListener(`dragover`,s),t.addEventListener(`dragleave`,c),t.addEventListener(`drop`,l),n.value&&document.addEventListener(`paste`,u))}function f(){let t=e.value;t&&(t.removeEventListener(`dragenter`,o),t.removeEventListener(`dragover`,s),t.removeEventListener(`dragleave`,c),t.removeEventListener(`drop`,l)),document.removeEventListener(`paste`,u)}return m(d),p(f),C([e,t,n],()=>{f(),d()}),{isDragOver:_(a)}}async function ee(e,t){let n=[];for(let t=0;t<e.length;t++){let r=e[t].webkitGetAsEntry?.();r&&n.push(r)}if(n.length>0)return(await Promise.all(n.map(H))).flat();let r=[],i=t?.files;if(i)for(let e=0;e<i.length;e++)r.push(i[e]);return r}async function H(e){if(e.isFile)return new Promise(t=>{e.file(e=>t([e]),()=>t([]))});if(e.isDirectory){let t=e.createReader(),n=await new Promise(e=>{t.readEntries(t=>e(t),()=>e([]))});return(await Promise.all(n.map(H))).flat()}return[]}function U(e,t){if(!t)return e;let n=t.split(`,`).map(e=>e.trim().toLowerCase());return e.filter(e=>n.some(t=>{if(t.startsWith(`.`))return e.name.toLowerCase().endsWith(t);if(t.endsWith(`/*`)){let n=t.replace(`/*`,``);return e.type.toLowerCase().startsWith(n)}return e.type.toLowerCase()===t}))}const W=[`accept`,`multiple`,`webkitdirectory`],G={class:`upload-area__default`},K={class:`upload-area__text`},q={key:0},J={key:1},Y={key:0,class:`upload-area__tip`};var X=t(d({__name:`UploadArea`,props:{accept:{default:``},multiple:{type:Boolean,default:!1},directory:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},pasteable:{type:Boolean,default:!1},tip:{default:``}},emits:[`files`],setup(t,{expose:r,emit:a}){let d=t,p=a,m=v(),g=v(),{isDragOver:_}=V(m,i(()=>d.draggable&&!d.disabled),i(()=>d.pasteable&&!d.disabled),i(()=>d.accept),e=>p(`files`,e));function y(){d.disabled||g.value?.click()}function C(e){let t=e.target,n=Array.from(t.files??[]);n.length>0&&p(`files`,n),t.value=``}return r({triggerSelect:y}),(t,r)=>(h(),s(`div`,{ref_key:`areaRef`,ref:m,class:f([`upload-area`,{"upload-area--drag-over":S(_),"upload-area--disabled":t.disabled}]),onClick:y},[c(`input`,{ref_key:`inputRef`,ref:g,type:`file`,class:`upload-area__input`,accept:t.accept,multiple:t.multiple,webkitdirectory:t.directory||void 0,onChange:C},null,40,W),b(t.$slots,`default`,{},()=>[c(`div`,G,[u(e,{name:S(_)?`mdi:cloud-download-outline`:`mdi:cloud-upload-outline`,class:`upload-area__icon`},null,8,[`name`]),c(`div`,K,[S(_)?(h(),s(`span`,q,`释放文件到此处`)):(h(),s(`span`,J,[r[3]||=l(` 点击或拖拽文件到此区域上传 `,-1),t.pasteable?(h(),s(n,{key:0},[r[0]||=l(` ，支持 `,-1),r[1]||=c(`kbd`,null,`Ctrl+V`,-1),r[2]||=l(` 粘贴 `,-1)],64)):o(`v-if`,!0)]))]),t.tip?(h(),s(`div`,Y,x(t.tip),1)):o(`v-if`,!0)])],!0)],2))}}),[[`__scopeId`,`data-v-f5040f9e`]]);const Z={class:`file-list__thumb`},Q=[`src`,`alt`],te={class:`file-list__info`},ne={class:`file-list__name`},re={class:`file-list__meta`},ie={class:`file-list__size`},ae={key:0,class:`file-list__instant`},oe={key:1,class:`file-list__chunk-info`},se={key:2,class:`file-list__error`},ce={class:`file-list__actions`};var le=t(d({__name:`FileList`,props:{fileList:{},showThumbnail:{type:Boolean},hashProgress:{}},emits:[`remove`,`retry`],setup(t,{emit:i}){let d=i;return(t,i)=>(h(),a(r,{name:`file-list`,tag:`div`,class:`file-list`},{default:w(()=>[(h(!0),s(n,null,y(t.fileList,n=>(h(),s(`div`,{key:n.uid,class:f([`file-list__item`,`file-list__item--${n.status}`])},[o(` 缩略图 / 图标 `),c(`div`,Z,[t.showThumbnail&&n.thumbUrl?(h(),s(`img`,{key:0,src:n.thumbUrl,alt:n.name,class:`file-list__thumb-img`},null,8,Q)):(h(),a(e,{key:1,name:S(N)(n.type),class:`file-list__thumb-icon`},null,8,[`name`]))]),o(` 文件信息 `),c(`div`,te,[c(`div`,ne,[u(S(E),{"line-clamp":1},{default:w(()=>[l(x(n.name),1)]),_:2},1024)]),c(`div`,re,[c(`span`,ie,x(S(P)(n.size)),1),u(S(O),{type:S(j)[n.status]||`default`,size:`tiny`,bordered:!1},{default:w(()=>[l(x(S(A)[n.status]||n.status),1)]),_:2},1032,[`type`]),n.status===`instant`?(h(),s(`span`,ae,` ⚡ `)):o(`v-if`,!0)]),o(` 进度条 `),n.status===`uploading`||n.status===`hashing`?(h(),a(S(D),{key:0,percentage:n.status===`hashing`?t.hashProgress:n.percent,height:4,"border-radius":2,"show-indicator":!1,status:n.status===`hashing`?`info`:`success`},null,8,[`percentage`,`status`])):o(`v-if`,!0),o(` 分片进度描述 `),n.chunkProgress&&n.status===`uploading`?(h(),s(`div`,oe,` 分片 `+x(n.chunkProgress.uploadedChunks)+`/`+x(n.chunkProgress.totalChunks),1)):o(`v-if`,!0),o(` 错误信息 `),n.status===`error`&&n.error?(h(),s(`div`,se,x(n.error),1)):o(`v-if`,!0)]),o(` 操作按钮 `),c(`div`,ce,[n.status===`error`?(h(),a(S(T),{key:0,text:``,type:`warning`,size:`tiny`,onClick:e=>d(`retry`,n.uid)},{icon:w(()=>[u(e,{name:`mdi:refresh`})]),_:2},1032,[`onClick`])):o(`v-if`,!0),u(S(T),{text:``,type:`error`,size:`tiny`,onClick:e=>d(`remove`,n.uid)},{icon:w(()=>[u(e,{name:`mdi:close`})]),_:2},1032,[`onClick`])])],2))),128))]),_:1}))}}),[[`__scopeId`,`data-v-09e1ee73`]]);const $={key:0,class:`image-preview`},ue=[`src`,`alt`],de={class:`image-preview__overlay`},fe={key:0,class:`image-preview__progress`},pe={class:`image-preview__actions`},me={class:`image-preview__name`};var he=t(d({__name:`ImagePreview`,props:{fileList:{}},emits:[`remove`,`retry`],setup(t,{emit:r}){let d=t,p=r,m=i(()=>d.fileList.filter(e=>e.type?.startsWith(`image/`)));return(t,r)=>m.value.length>0?(h(),s(`div`,$,[(h(!0),s(n,null,y(m.value,t=>(h(),s(`div`,{key:t.uid,class:f([`image-preview__item`,`image-preview__item--${t.status}`])},[t.thumbUrl?(h(),s(`img`,{key:0,src:t.thumbUrl,alt:t.name,class:`image-preview__img`},null,8,ue)):o(`v-if`,!0),o(` 遮罩层 `),c(`div`,de,[o(` 上传中进度 `),t.status===`uploading`||t.status===`hashing`?(h(),s(`div`,fe,[u(S(D),{type:`circle`,percentage:t.percent,"stroke-width":3,style:{width:`40px`}},null,8,[`percentage`])])):t.status===`success`||t.status===`instant`?(h(),s(n,{key:1},[o(` 状态图标 `),u(e,{name:`mdi:check-circle`,class:`image-preview__status-icon image-preview__status-icon--success`})],2112)):t.status===`error`?(h(),a(e,{key:2,name:`mdi:alert-circle`,class:`image-preview__status-icon image-preview__status-icon--error`})):o(`v-if`,!0),o(` 操作 `),c(`div`,pe,[t.status===`error`?(h(),a(S(T),{key:0,circle:``,size:`tiny`,type:`warning`,onClick:e=>p(`retry`,t.uid)},{icon:w(()=>[u(e,{name:`mdi:refresh`})]),_:2},1032,[`onClick`])):o(`v-if`,!0),u(S(T),{circle:``,size:`tiny`,type:`error`,onClick:e=>p(`remove`,t.uid)},{icon:w(()=>[u(e,{name:`mdi:close`})]),_:2},1032,[`onClick`])])]),o(` 文件名 `),c(`div`,me,[u(S(E),{"line-clamp":1},{default:w(()=>[l(x(t.name),1)]),_:2},1024)])],2))),128))])):o(`v-if`,!0)}}),[[`__scopeId`,`data-v-f6e701f9`]]);const ge={class:`c-upload`},_e={key:0,class:`c-upload__total-progress`},ve={class:`c-upload__total-label`};var ye=t(d({__name:`index`,props:{action:{default:``},headers:{default:()=>({})},data:{default:()=>({})},multiple:{type:Boolean,default:!1},directory:{type:Boolean,default:!1},accept:{default:``},maxSize:{default:0},maxCount:{default:0},disabled:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},pasteable:{type:Boolean,default:!1},chunked:{type:Boolean,default:!1},chunkSize:{default:k},concurrency:{default:3},showFileList:{type:Boolean,default:!0},listType:{default:`text`},showThumbnail:{type:Boolean,default:!0},customRequest:{},instantCheck:{},uploadedChunksQuery:{},mergeChunks:{},beforeUpload:{},tip:{default:``},defaultFileList:{default:()=>[]}},emits:[`change`,`success`,`error`,`progress`,`remove`,`finish`,`exceed`],setup(e,{expose:t,emit:r}){let l=e,d=r,f=v(),{fileList:p,totalPercent:m,hashProgress:g,addFiles:_,removeFile:y,clearAll:T,startUpload:E,pauseAll:O,resumeAll:k,retryFile:A,processFile:j,getSuccessList:M}=B(l),N=i(()=>p.value.some(e=>e.status===`uploading`||e.status===`hashing`));function P(e){if(l.maxCount&&p.value.length+e.length>l.maxCount){d(`exceed`,e,p.value);let t=l.maxCount-p.value.length;if(t<=0)return;e=e.slice(0,t)}l.maxSize&&(e=e.filter(e=>e.size<=l.maxSize));let t=_(e);d(`change`,p.value),t.forEach(j)}function F(e){let t=p.value.find(t=>t.uid===e);t&&(d(`remove`,t),y(e),d(`change`,p.value))}function I(e){A(e)}return C(p,e=>{e.length>0&&e.every(e=>e.status===`success`||e.status===`instant`||e.status===`error`)&&d(`finish`,e)},{deep:!0}),t({selectFiles:()=>f.value?.triggerSelect(),startUpload:E,pauseAll:O,resumeAll:k,clearAll:()=>{T(),d(`change`,p.value)},removeFile:e=>{F(e)},retryFile:A,getFileList:()=>p.value,getSuccessList:M,get totalPercent(){return m.value}}),(e,t)=>(h(),s(`div`,ge,[o(` 上传区域 `),u(X,{ref_key:`uploadAreaRef`,ref:f,accept:l.accept,multiple:l.multiple,directory:l.directory,disabled:l.disabled,draggable:l.draggable,pasteable:l.pasteable,tip:l.tip,onFiles:P},{default:w(()=>[b(e.$slots,`area`,{},void 0,!0)]),_:3},8,[`accept`,`multiple`,`directory`,`disabled`,`draggable`,`pasteable`,`tip`]),o(` 总进度条 `),N.value?(h(),s(`div`,_e,[c(`div`,ve,[t[0]||=c(`span`,null,`总进度`,-1),c(`span`,null,x(S(m))+`%`,1)]),u(S(D),{percentage:S(m),height:6,"border-radius":3,"show-indicator":!1,status:`success`},null,8,[`percentage`])])):o(`v-if`,!0),o(` 图片预览模式 `),l.listType===`image`?(h(),a(he,{key:1,"file-list":S(p),onRemove:F,onRetry:I},null,8,[`file-list`])):l.showFileList&&S(p).length>0?(h(),s(n,{key:2},[o(` 文件列表模式 `),u(le,{"file-list":S(p),"show-thumbnail":l.showThumbnail,"hash-progress":S(g),onRemove:F,onRetry:I},null,8,[`file-list`,`show-thumbnail`,`hash-progress`])],2112)):o(`v-if`,!0)]))}}),[[`__scopeId`,`data-v-9ccc53a0`]]);export{I as a,N as c,R as i,V as n,F as o,B as r,P as s,ye as t};
 //# sourceMappingURL=C_Upload2.js.map