@pantograph/vue 0.25.8 → 0.27.0

package/dist/Upload/Upload.d.ts

@@ -1,6 +1,6 @@
 import { UploadEmits, UploadFile, UploadProps, UploadSlots } from './types';
 import { WritableComputedRef } from 'vue';
-import { ProgressSize } from '../Progress/Progress.model.ts';
+import { ProgressSize } from '../Progress';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<UploadSlots> & UploadSlots;
@@ -47,6 +47,7 @@ declare const __VLS_component: import('vue').DefineComponent<UploadProps, {
     onResetRequest?: ((value: UploadFile) => any) | undefined;
 }>, {
     size: import('./Upload.model.ts').UploadSize;
+    disabled: boolean;
     type: import('./Upload.model.ts').UploadType;
     multiple: boolean;
     go: boolean;

package/dist/Upload/UploadListItem.d.ts

@@ -1,4 +1,4 @@
-import { UploadFile } from './types.js';
+import { UploadFile } from './types';
 import { ComputedRef } from 'vue';
 export interface UploadListItemProps {
     uploadFile: UploadFile;

package/dist/Upload/UploadTrigger.d.ts

@@ -3,14 +3,14 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {
-            disabled: boolean | undefined;
+            disabled: boolean;
             tabindex: string;
             onClick?: undefined;
             onKeydown?: undefined;
             onDrop?: undefined;
             onDragover?: undefined;
         } | {
-            disabled: boolean | undefined;
+            disabled: boolean;
             tabindex: string;
             onClick: () => void;
             onKeydown: (e: KeyboardEvent) => void;
@@ -28,7 +28,9 @@ declare const __VLS_component: import('vue').DefineComponent<UploadBaseProps, {}
     addFiles: (files: File[]) => any;
 }, string, import('vue').PublicProps, Readonly<UploadBaseProps> & Readonly<{
     onAddFiles?: ((files: File[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/Upload/index.js

@@ -1,4 +1,4 @@
-import { _ as o, e as p, d as e, U as d, a as t, f as i, i as l, p as U, c as r, b as x, u as f } from "../Upload.vue_vue_type_style_index_0_lang-B_fYzNVt.js";
+import { _ as o, e as p, d as e, U as d, a as t, f as i, i as l, p as U, c as r, b as x, u as f } from "../Upload.vue_vue_type_script_setup_true_lang-D1qk3zuI.js";
 export {
   o as Upload,
   p as UploadListTypes,

package/dist/Upload/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_style_index_0_lang-BiBzroEH.js");exports.Upload=e._sfc_main;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$1;exports.UploadTypes=e.UploadTypes;exports.injectUploadContext=e.injectUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_script_setup_true_lang-BeuZtxvi.js");exports.Upload=e._sfc_main;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$1;exports.UploadTypes=e.UploadTypes;exports.injectUploadContext=e.injectUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;

package/dist/Upload/types.d.ts

@@ -1,6 +1,6 @@
-import { UploadListType, UploadSize, UploadStatus, UploadType } from './Upload.model.js';
+import { UploadListType, UploadSize, UploadStatus, UploadType } from './Upload.model';
 import { ComputedRef, WritableComputedRef } from 'vue';
-import { ProgressSize } from '../Progress/Progress.model.js';
+import { ProgressSize } from '../Progress';
 import { ClassValue } from 'class-variance-authority/types';
 export interface UploadFileBase {
     uid: string;

package/dist/Upload/utils/extension.d.ts

@@ -1,4 +1,4 @@
-import { UploadFile } from '../types.js';
+import { UploadFile } from '../types';
 export declare const fileExtensionIcon: {
     other: {
         icon: string;

package/dist/Upload/utils/transformFile.d.ts

@@ -1,4 +1,4 @@
-import { UploadFile, UploadFileChunk } from '../types.js';
+import { UploadFile, UploadFileChunk } from '../types';
 export declare const getChunkedFile: (file: File, getUid: () => string, chunkSize?: number) => UploadFileChunk[];
 interface TransformParams {
     getUid: (chunk?: boolean) => string;

package/dist/Upload.vue_vue_type_script_setup_true_lang-BeuZtxvi.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),te=require("reka-ui"),k=require("@pantograph/utils"),z=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js"),ne=require("class-variance-authority"),se=require("./Progress.vue_vue_type_script_setup_true_lang-Cwyk5uVB.js"),Ce=require("./FloatButton.vue_vue_type_script_setup_true_lang-_N0_n9cC.js"),P=require("./IconButton.vue_vue_type_script_setup_true_lang-DnxEc7O6.js"),be=require("./Image.vue_vue_type_script_setup_true_lang-C1wUq_TX.js"),y=require("es-toolkit"),S=require("./options-CY2uxp5A.js");require("@pantograph/tokens");require("@vueuse/core");require("@tanstack/vue-virtual");const we=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-okC2eyl7.js"),Be=require("./useInputDataStates-B2KtpFr0.js"),ze=require("@pantograph/style/upload.css?raw"),J=k.getBemBlock("upload"),j=k.getBemElement(J,"list"),B=k.getBemElement(j,"item"),[R,oe]=te.createContext("Upload"),re=(n,s)=>{if(n&&s){const t=Array.isArray(s)?s:s.split(","),i=(n==null?void 0:n.name)||"",o=(n==null?void 0:n.type)||"",l=o.replace(/\/.*$/,"");return t.some(u=>{const p=u.trim();if(/^\*(?<temp1>\/\*)?$/.test(u))return!0;if(p.charAt(0)==="."){const d=i.toLowerCase(),a=p.toLowerCase();let f=[a];return(a===".jpg"||a===".jpeg")&&(f=[".jpg",".jpeg"]),f.some(v=>d.endsWith(v))}return/\/\*$/.test(p)?l===p.replace(/\/.*$/,""):!!(o===p||/^\w+$/.test(p))})}return!0},Ie=(n,s,t=1024*1024)=>{const i=[];let o=0,l=0;for(;o<n.size;){const u=Math.min(o+t,n.size),p=n.slice(o,u);i.push({chunk:p,chunkSize:u-o,index:l,uid:s(),status:"waiting"}),o=u,l++}return i},ie=(n,{getUid:s,chunkFile:t,chunkSize:i})=>{if(z.isObject(n)){let o;if(n instanceof File)o=n;else try{o=new File([n],n.name??"",{type:n.type??""})}catch{o=new Blob([n],{type:n.type??""}),o.lastModified=new Date().getTime(),o.name=n.name??"",o.webkitRelativePath=""}if(z.isObject(o)&&o instanceof Blob){let l=[];return t&&(l=Ie(o,()=>(s==null?void 0:s(!0))??k.usePCId(void 0,!0),i)),{uid:n.uid??(s==null?void 0:s())??k.usePCId(void 0,!0),originFileObj:o,status:"waiting",chunks:l!=null&&l.length&&(l==null?void 0:l.length)>1?l:void 0,chunksCount:l!=null&&l.length&&(l==null?void 0:l.length)>1?l.length:void 0,name:o==null?void 0:o.name,type:o==null?void 0:o.type,size:o==null?void 0:o.size,lastModified:o==null?void 0:o.lastModified,thumbUrl:void 0}}}},Ue=(n,s)=>{if(z.isObject(n))return n instanceof Blob||n instanceof File?ie(n,s):(!n.uid&&!Object.isFrozen(n)&&(n.uid=s.getUid()),n)},ae=["error","paused","done","uploading","waiting"],K=["md","lg","xlg"],X=["image","card"],le=["outline","transparent"],W={other:{icon:"tabler:file-text",fg:"primary",bg:"primary-subtle"},text:{icon:"tabler:file-typography",fg:"primary",bg:"primary-subtle"},image:{icon:"tabler:photo",fg:"primary",bg:"primary-subtle"},video:{icon:"tabler:video",fg:"primary",bg:"primary-subtle"},zip:{icon:"tabler:file-zip",fg:"primary",bg:"primary-subtle"},pdf:{icon:"tabler:file-type-pdf",fg:"red",bg:"red-subtle"},document:{icon:"tabler:file-type-docx",fg:"primary",bg:"primary-subtle"},excel:{icon:"tabler:file-type-csv",fg:"green",bg:"green-subtle"}},Ee={image:["3fr","arw","bmp","dib","cr2","crw","dng","gif","heic","heif","ico","jfif","jpe","jpeg","jpg","jp2","nef","png","raf","raw","rw2","sr2","svg","svg","tga","tif","tiff","wdp","webp"],video:["3g2","3gp2","3gp","3gpp","asf","asx","avi","flv","m1v","m2v","mod","mp2v","mpa","mpe","mpv2","mpeg","mpegvideo","m2t","m2ts","tts","ts","mkv","mp4v","mp4","mov","m4v","mjpeg","mts","ogv","webm","wm","wmv","wmx","wvx"],text:["addin","dtsconfig","vssettings","vstemplate","xml","xrm-ms","xsd","xsl","cd","cs","csproj","iss","py","pyw","rc","rc2","rct","sln","srt","txt","user","vb","vbproj","vdp","vdproj","vspscc","vsscc","vssscc","contact","css","group","html","htm","shtml","htc","ics","iqy","odc","sct","wsc","vcf","vtt"],zip:["zip","7z","rar","tar.gz"],document:["doc","docx","odt","rtf"],excel:["xls","xlsx","csv","ods"],pdf:["pdf"]},ce=n=>{if(n){for(const[s,t]of Object.entries(Ee))if(t.includes(n.toLowerCase()))return s}return"other"},ue=(n="")=>{const s=n.split("/"),i=s[s.length-1].split(/#|\?/)[0];return(/\.[^./\\]*$/.exec(i)||[""])[0]},Y=n=>{var s,t,i;return(i=(t=(s=n==null?void 0:n.split)==null?void 0:s.call(n,"/"))==null?void 0:t.pop)==null?void 0:i.call(t)},Fe=n=>{var t;let s=Y((n==null?void 0:n.type)||((t=n==null?void 0:n.originFileObj)==null?void 0:t.type));if(n!=null&&n.url&&!s)try{s=ue(n==null?void 0:n.url)}catch{}return s},H=n=>ce(n)==="image",pe=n=>{if(n.type&&!n.thumbUrl)return H(Y(n.type));const s=n.thumbUrl||n.url||"",t=ue(s);return/^data:image\//.test(s)||H(t)?!0:!(/^data:/.test(s)||t)},Le=e.defineComponent({...S.getComponentOptions("UploadListItemImage"),__name:"UploadListItemImage",setup(n){const s=R(),t=Z(),i=()=>{var o,l,u;y.isFunction((o=t.props.uploadFile)==null?void 0:o.cancel)&&((u=(l=t.props.uploadFile).cancel)==null||u.call(l)),s.remove(t.props.uploadFile)};return(o,l)=>{var u;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(t).props.uploadFile.status!=="waiting"?(e.openBlock(),e.createBlock(be._sfc_main,{key:0,src:e.unref(pe)(e.unref(t).props.uploadFile)?e.unref(t).props.uploadFile.thumbUrl??e.unref(t).props.uploadFile.url:void 0,aspectRatio:"1:1",class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(B),"image")),sizeRange:"xsm",alt:e.unref(t).label.value,hovered:e.unref(t).props.uploadFile.status==="uploading",width:"100%"},e.createSlots({_:2},[["error","done"].includes(e.unref(t).props.uploadFile.status)?{name:"actions",fn:e.withCtx(()=>[e.unref(t).props.uploadFile.status==="done"?(e.openBlock(),e.createBlock(P._sfc_main,{key:0,color:"neutral",type:"ghost",icon:"tabler:eye",size:"sm",onClick:l[0]||(l[0]=p=>e.unref(s).emit("preview",e.unref(t).props.uploadFile))})):e.unref(t).props.uploadFile.status==="error"?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,color:"neutral",type:"ghost",icon:"tabler:reload",size:"sm",onClick:l[1]||(l[1]=p=>e.unref(s).resetRequest(e.unref(t).props.uploadFile))})):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1032,["src","class","alt","hovered"])):e.createCommentVNode("",!0),["uploading","waiting"].includes(e.unref(t).props.uploadFile.status)?(e.openBlock(),e.createBlock(se._sfc_main,{key:1,type:"circle",size:e.unref(s).progressSize.value,class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(B),"progress")),indeterminate:e.unref(t).props.uploadFile.status==="waiting",percent:((u=e.unref(t).props.uploadFile)==null?void 0:u.percent)??0},null,8,["size","class","indeterminate","percent"])):e.createCommentVNode("",!0),e.createVNode(Ce._sfc_main,{class:e.normalizeClass(e.unref(k.normCls)(e.unref(k.getBemElement)(e.unref(B),"cancel"),"pantograph-tokens pantograph-dark")),color:"neutral",icon:"tabler:x",size:"sm",onClick:i},null,8,["class"])],64)}}}),Te=e.defineComponent({...S.getComponentOptions("UploadFileGO"),__name:"UploadFileGO",setup(n){const s=Z(),t=R(),i=e.computed(()=>ce(Fe(s.props.uploadFile))),o=e.computed(()=>y.isFunction(t.props.getFileIcon)?t.props.getFileIcon(s.props.uploadFile):W[i.value].icon),l=e.computed(()=>W[i.value].fg),u=e.computed(()=>W[i.value].bg),p=()=>{var v,h,w,E;const f=(h=(v=t.slots).go)==null?void 0:h.call(v,{uploadFile:s.props.uploadFile});return z.isEmptyElement(f)?pe(s.props.uploadFile)?e.h("img",{class:k.getBemElement(B,"thumb"),alt:s.props.uploadFile.name??"",src:((w=s.props.uploadFile)==null?void 0:w.thumbUrl)??((E=s.props.uploadFile)==null?void 0:E.url)}):null:f},d=()=>{var v,h;const f=(h=(v=t.slots).goIcon)==null?void 0:h.call(v,{uploadFile:s.props.uploadFile});return z.isEmptyElement(f)?null:f},a=()=>e.h(we._sfc_main,{size:t.goSize.value,icon:o.value,fg:l.value,bg:u.value},{default:p,icon:d});return(f,v)=>(e.openBlock(),e.createBlock(a))}}),Se=e.defineComponent({...S.getComponentOptions("UploadListItemCard"),__name:"UploadListItemCard",setup(n){const s=R(),t=Z(),i=()=>{var f,v;const d=(v=(f=s.slots).description)==null?void 0:v.call(f,{uploadFile:t.props.uploadFile});let a;if(z.isEmptyElement(d)||(a=d),t.props.uploadFile.description&&(a=t.props.uploadFile.description),a)return e.h("div",{class:k.getBemElement(B,"description")},a)},o=()=>{var a,f;const d=(f=(a=s.slots).title)==null?void 0:f.call(a,{uploadFile:t.props.uploadFile});return z.isEmptyElement(d)?t.label.value:d},l=()=>{var d;if(y.isFunction(s.props.onDownload))return s.props.onDownload(t.props.uploadFile);if((d=t.props.uploadFile)!=null&&d.url&&typeof window<"u")return window.open(t.props.uploadFile.url)},u=e.computed(()=>{var d,a;return(d=t.props.uploadFile)!=null&&d.percent&&((a=t.props.uploadFile)==null?void 0:a.status)!=="waiting"?`${(t.props.uploadFile.percent??0).toFixed(0)}%`:"waiting..."}),p=(d,a)=>{var v,h,w,E;const f=(h=(v=s.slots)==null?void 0:v.actions)==null?void 0:h.call(v,{...s,uploadFile:t.props.uploadFile,downloadFile:l});return z.isEmptyElement(f)?(E=(w=a.slots)==null?void 0:w.default)==null?void 0:E.call(w,{}):f};return(d,a)=>{var f;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(s).props.go?(e.openBlock(),e.createBlock(Te,{key:0})):e.createCommentVNode("",!0),["error","done"].includes(e.unref(t).props.uploadFile.status)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(B),"content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(B),"title"))},[e.createVNode(o)],2),e.unref(t).props.uploadFile.status==="error"?(e.openBlock(),e.createBlock(z._sfc_main$4,{key:0,message:"Failed",status:"error"})):e.unref(s).props.size!=="md"?(e.openBlock(),e.createBlock(i,{key:1})):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createBlock(se._sfc_main,{key:1,class:e.normalizeClass(e.unref(k.getBemElement)(e.unref(B),"progress")),percent:((f=e.unref(t).props.uploadFile)==null?void 0:f.percent)??0,label:e.unref(t).label.value,helperText:u.value,helperTextCls:e.unref(k.getBemElement)(e.unref(B),"percent")},{label:e.withCtx(()=>[e.createVNode(o)]),_:1},8,["class","percent","label","helperText","helperTextCls"])),e.createVNode(p,null,{default:e.withCtx(()=>{var v;return[e.unref(t).props.uploadFile.status==="done"?(e.openBlock(),e.createBlock(P._sfc_main,{key:0,icon:"tabler:download",size:"sm",type:"ghost",color:"neutral",onClick:l})):e.createCommentVNode("",!0),e.unref(s).props.pausableChunked&&e.unref(t).props.uploadFile.status==="uploading"&&((v=e.unref(t).props.uploadFile.chunks)!=null&&v.length)&&e.unref(y.isFunction)(e.unref(t).props.uploadFile.cancel)?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,icon:"tabler:pause",size:"sm",type:"ghost",color:"neutral",onClick:e.unref(t).props.uploadFile.cancel},null,8,["onClick"])):e.unref(s).canRunUpload(e.unref(t).props.uploadFile)?(e.openBlock(),e.createBlock(P._sfc_main,{key:2,icon:["paused","waiting"].includes(e.unref(t).props.uploadFile.status)?"tabler:player-play":"tabler:reload",size:"sm",type:"ghost",color:"neutral",onClick:a[0]||(a[0]=h=>e.unref(s).resetRequest(e.unref(t).props.uploadFile))},null,8,["icon"])):e.createCommentVNode("",!0),e.createVNode(P._sfc_main,{icon:["done","error"].includes(e.unref(t).props.uploadFile.status)?"tabler:trash":"tabler:x",size:"sm",type:"ghost",color:"neutral",onClick:a[1]||(a[1]=h=>e.unref(s).remove(e.unref(t).props.uploadFile))},null,8,["icon"])]}),_:1})],64)}}}),[Z,De]=te.createContext("UploadItem"),Pe=e.defineComponent({...S.getComponentOptions("UploadListItem"),__name:"UploadListItem",props:{uploadFile:{}},setup(n){const s=n,t=ne.cva(B,{variants:{size:k.generateVariantClassList(K,B),listType:k.generateVariantClassList(X,B),type:k.generateVariantClassList(le,B),status:k.generateVariantClassList(ae,B)}}),i=e.computed(()=>{var u,p,d;return((u=s.uploadFile)==null?void 0:u.name)??((d=(p=s.uploadFile)==null?void 0:p.originFileObj)==null?void 0:d.name)}),o=R();De({props:s,label:i});const l=()=>{var p,d;const u=(d=(p=o.slots).listItem)==null?void 0:d.call(p,{...o,uploadFile:s.uploadFile});return z.isEmptyElement(u)?o.props.listType==="card"?e.h(Se):e.h(Le):u};return(u,p)=>{var d;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t)({size:e.unref(o).props.size,listType:e.unref(o).props.listType,type:e.unref(o).props.type,status:(d=u.uploadFile)==null?void 0:d.status}))},[e.createVNode(l)],2)}}}),Re=e.defineComponent({...S.getComponentOptions("UploadList"),__name:"UploadList",setup(n){const s=R(),t=ne.cva(j,{variants:{size:k.generateVariantClassList(K,j),listType:k.generateVariantClassList(X,j)}}),i=()=>{var l,u;const o=(u=(l=s.slots).list)==null?void 0:u.call(l,s);return z.isEmptyElement(o)?s.fileList.value.map(p=>e.h(Pe,{uploadFile:p,key:p.uid})):o};return(o,l)=>{var u;return(u=e.unref(s).fileList.value)!=null&&u.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t)({size:e.unref(s).props.size,listType:e.unref(s).props.listType}))},[e.createVNode(i)],2)):e.createCommentVNode("",!0)}}}),qe=n=>new Promise(s=>{n.file(t=>{n.fullPath&&!t.webkitRelativePath&&Object.defineProperty(t,"webkitRelativePath",{value:n.fullPath.replace(/^\//,""),writable:!1}),s(t)})}),Ve=n=>{const s=n.createReader(),t=[];return new Promise(i=>{const o=()=>{s.readEntries(l=>{l.length===0?i(t):(t.push(...l),o())})};o()})},Oe=async n=>{const s=[],t=async i=>{if(i.isFile){const o=await qe(i);s.push(o)}else if(i.isDirectory){const o=await Ve(i);await Promise.all(o.map(t))}};return await Promise.all(n.map(i=>{var l;const o=(l=i.webkitGetAsEntry)==null?void 0:l.call(i);if(o)return t(o)})),s},je=["accept","webkitdirectory","multiple","value","disabled"],de=e.defineComponent({...S.getComponentOptions("UploadTrigger"),__name:"UploadTrigger",props:{directory:{type:Boolean},multiple:{type:Boolean},disabled:{type:Boolean,default:void 0},accept:{},class:{}},emits:["addFiles"],setup(n,{emit:s}){const t=s,i=n,{getDisabled:o}=Be.useFormInput(),l=e.ref(),u=h=>{const{files:w}=h.target;t("addFiles",Array.prototype.slice.call(w)),p.value&&(p.value.value="")},p=e.ref(),d=()=>{var h;(h=p.value)==null||h.click()},a=h=>{h.key==="Enter"&&d()},f=async h=>{if(h.preventDefault(),h.type==="dragover")return;let w=[];h.dataTransfer&&(i.directory?w=await Oe(Array.prototype.slice.call(h.dataTransfer.items)):w=Array.prototype.slice.call(h.dataTransfer.files)),i.multiple||(w=w.slice(0,1)),t("addFiles",w.filter(E=>re(E,i.accept)))},v=e.computed(()=>o.value?{}:{onClick:d,onKeydown:a,onDrop:f,onDragover:f});return(h,w)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(k.normCls)(i.class)},v.value),[e.renderSlot(h.$slots,"default",e.normalizeProps(e.guardReactiveProps({...v.value,disabled:e.unref(o),tabindex:"0"}))),e.createElementVNode("input",{type:"file",accept:h.accept,webkitdirectory:h.directory,multiple:h.multiple,value:l.value,disabled:e.unref(o),onChange:u,ref_key:"inputRef",ref:p,style:{display:"none"}},null,40,je)],16))}}),T=200;function Ne(n){return new Promise(s=>{if(!n.type||!H(Y(n.type))){s("");return}const t=document.createElement("canvas");t.width=T,t.height=T,t.style.cssText=`position: fixed; left: 0; top: 0; width: ${T}px; height: ${T}px; z-index: 9999; display: none;`,document.body.appendChild(t);const i=t.getContext("2d"),o=new Image;if(o.onload=()=>{const{width:l,height:u}=o;let p=T,d=T,a=0,f=0;l>u?(d=u*(T/l),f=-(d-p)/2):(p=l*(T/u),a=-(p-d)/2),i.drawImage(o,a,f,p,d);const v=t.toDataURL();document.body.removeChild(t),s(v)},o.crossOrigin="anonymous",n.type.startsWith("image/svg+xml")){const l=new FileReader;l.addEventListener("load",()=>{l.result&&(o.src=l.result)}),l.readAsDataURL(n)}else o.src=window.URL.createObjectURL(n)})}const $e=e.defineComponent({...S.getComponentOptions("Upload",!1),__name:"Upload",props:{onDownload:{},parallelUpload:{type:Boolean},uploadOnSelect:{type:Boolean,default:!0},pausableChunked:{type:Boolean},noTrigger:{type:Boolean},fileList:{},size:{default:"md"},chunkSize:{},listType:{default:"card"},type:{default:"outline"},go:{type:Boolean,default:!0},maxCount:{},action:{},getFileIcon:{},triggerCls:{},directory:{type:Boolean},multiple:{type:Boolean,default:!0},disabled:{type:Boolean,default:void 0},accept:{}},emits:["update:fileList","change","preview","createRequest","resetRequest","remove"],setup(n,{expose:s,emit:t}){z.useComponentStyle("upload",ze);const i=n,o=t,l=e.useSlots(),u=e.useAttrs(),p=k.getBemElement(J,"file"),d=r=>k.usePCId(r?k.getBemElement(p,"chunk"):p,!0),a=e.ref([]),f=e.computed(()=>i.listType!=="image"&&i.pausableChunked);let v=!1;e.watch(()=>i.fileList,r=>{var g,x;v=!0,a.value=(x=(g=r??[])==null?void 0:g.map)==null?void 0:x.call(g,I=>{if(I&&z.isObject(I))return Ue(I,{getUid:d,chunkFile:f.value,chunkSize:i.chunkSize})}).filter(Boolean),e.nextTick(()=>v=!1)},{immediate:!0,deep:!0}),e.watch(a,r=>{v||o("update:fileList",r??[])},{immediate:!0,deep:!0});const h=e.computed(()=>i.maxCount?Number(i.maxCount):0),w=r=>{if(r){const g=a.value.findIndex(x=>x.uid&&r.uid&&x.uid===r.uid);g===-1&&(!h.value||h.value>a.value.length)?a.value.push(r):g>-1&&a.value.splice(g,0,r),o("change",{file:y.cloneDeep(r),fileList:y.cloneDeep(a.value),event:"add"})}},E=e.computed(()=>i.accept??i.listType==="image"?"image/*":void 0),Q=r=>{z.isArray(r)&&r.filter(g=>!i.directory||re(g,E.value)).forEach(g=>{w(ie(g,{getUid:d,chunkFile:f.value,chunkSize:i.chunkSize}))})},N=e.computed(()=>{var r;return i.uploadOnSelect||i.listType==="image"?((r=a.value)==null?void 0:r.filter(g=>g.status==="waiting"&&g.originFileObj))??[]:[]}),q=e.computed(()=>{var r;return((r=a.value)==null?void 0:r.filter(g=>g.status==="uploading"&&(g==null?void 0:g.cancel)))??[]}),F=(r,g)=>{if(r&&g){const x=a.value.findIndex(I=>I.uid===r);x>-1&&(a.value[x]={...a.value[x],...g})}},$=async r=>{var g,x,I,A;if(r.uid&&a.value){const C=a.value.find(D=>D.uid===r.uid),ke=f.value&&((g=C==null?void 0:C.chunks)==null?void 0:g.length)&&(C==null?void 0:C.chunks.length)>1&&(C==null?void 0:C.status)==="uploading"&&(C==null?void 0:C.chunks.some(D=>D.status==="waiting"));if(C&&y.isFunction(i.action)&&(!q.value.length||i.parallelUpload||ke)){const D=new AbortController,_e=()=>{const _=()=>D.abort(),c=y.cloneDeep(C);if(f.value&&c.chunks&&c.chunks.length>1){const m=c.chunks.findIndex(U=>U.status==="waiting");m>-1&&(c.chunks[m]={...c.chunks[m],status:"uploading",cancel:_})}F(c.uid,{status:"uploading",cancel:_})};let b={signal:D.signal,onUploadProgress(_){},uid:r.uid};if(f.value&&C.chunks&&C.chunks.length>1&&C.chunks.some(_=>_.status==="waiting")){const _=C.chunks.find(c=>c.status==="waiting");_!=null&&_.uid&&(b={...b,...y.pick(_,["chunk","chunkSize","index"]),chunk_uid:_.uid,onUploadProgress(c){var U,V,L,ee;const m=y.cloneDeep(a.value.find(O=>O.uid===r.uid));if(m){const O=(U=m.chunks)==null?void 0:U.findIndex(G=>G.uid===_.uid);O!==void 0&&((V=m.chunks)!=null&&V[O])&&(m.chunks[O].percent=Math.round(c.loaded*100/c.total)),(L=m.chunks)!=null&&L.length&&((ee=m.chunks)==null?void 0:ee.length)>1?m.percent=Math.min(Math.max(m.chunks.reduce((G,xe)=>G+(xe.percent??0),0)/(100*m.chunks.length),0),100):m.percent=Math.round(c.loaded*100/c.total),F(m.uid,{chunks:m.chunks,percent:m.percent})}}})}else b={...b,file:C.originFileObj,onUploadProgress(_){const c=y.cloneDeep(a.value.find(m=>m.uid===r.uid));c&&F(c.uid,{percent:Math.round(_.loaded*100/_.total)})}};if(_e(),b.file||b.chunk){o("createRequest",r),o("change",{file:y.cloneDeep(r),fileList:y.cloneDeep(a.value),event:"upload"});try{let _=await i.action(b);try{typeof _=="string"&&(_=JSON.parse(_))}catch{}let c=y.cloneDeep(a.value.find(m=>m.uid===b.uid));if(c){let m=!1;if(b.chunk_uid&&((x=c.chunks)!=null&&x.length)&&c.chunks.length>1){const U=c.chunks.findIndex(L=>L.uid===b.chunk_uid);c.chunks[U]&&(c.chunks[U]={...c.chunks[U],cancel:void 0,status:"done",response:_??void 0});const V=c.chunks.every(L=>L.status==="done")?"done":"uploading";V==="done"?c={...c,cancel:void 0,status:V}:c.chunks.some(L=>L.status==="waiting")&&(m=!0)}else c={...c,cancel:void 0,status:"done",response:_??void 0};F(b.uid,c),m&&await $(c)}}catch(_){if(_.name==="CanceledError"){let c=y.cloneDeep(a.value.find(m=>m.uid===b.uid));if(c){if(b.chunk_uid&&((I=c.chunks)!=null&&I.length)&&c.chunks.length>1){const m=c.chunks.findIndex(U=>U.uid===b.chunk_uid);c.chunks[m]&&(c.chunks[m]={...c.chunks[m],cancel:void 0,status:"waiting"}),c={...c,cancel:void 0,status:"paused"},o("change",{file:y.cloneDeep(c),fileList:y.cloneDeep(a.value),event:"paused"})}else c={...c,cancel:void 0,status:"error"},o("change",{file:y.cloneDeep(c),fileList:y.cloneDeep(a.value),event:"cancel"});F(b.uid,c)}}else{let c=y.cloneDeep(a.value.find(m=>m.uid===b.uid));if(c){if(b.chunk_uid&&((A=c.chunks)!=null&&A.length)&&c.chunks.length>1){const m=c.chunks.findIndex(U=>U.uid===b.chunk_uid);c.chunks[m]&&(c.chunks[m]={...c.chunks[m],cancel:void 0,status:"waiting"})}c={...c,cancel:void 0,status:"error",error:_,percent:0},o("change",{file:y.cloneDeep(c),fileList:y.cloneDeep(a.value),event:"failed"}),F(b.uid,c)}}}}}}},me=async r=>{if(r.uid&&a.value)return F(r.uid,{status:"waiting"}),o("resetRequest",r),$(r)},fe=async r=>{var g;if(r.uid&&a.value){const x=y.cloneDeep(a.value??[]),I=x.findIndex(A=>A.uid===r.uid);I>-1&&x[I]&&((g=r.cancel)==null||g.call(r),x.splice(I,1),a.value=x,o("remove",r),o("change",{file:y.cloneDeep(r),fileList:y.cloneDeep(a.value),event:"remove"}))}},ge=r=>!!((i.parallelUpload||!q.value.length)&&(r.status==="paused"||r.status==="error"||(!i.uploadOnSelect||i.listType==="image")&&r.status==="waiting")),he=e.computed(()=>{switch(i.size){case"xlg":return"md";default:return"sm"}}),ve=y.throttle(()=>{(i.parallelUpload&&N.value.length||!q.value.length)&&N.value.forEach($),(a.value||[]).forEach(r=>{typeof document>"u"||typeof window>"u"||!window.FileReader||!window.File||!(r.originFileObj instanceof File||r.originFileObj instanceof Blob)||r.thumbUrl!==void 0||(r.thumbUrl="",Ne(r.originFileObj).then(g=>{const x=g||"";x!==r.thumbUrl&&F(r==null?void 0:r.uid,{thumbUrl:x})}))})},1e3);e.watch(()=>[i.parallelUpload,N.value,q.value,a.value],ve,{deep:!0,flush:"post"});const ye=e.computed(()=>{switch(i.size){case"xlg":return"sm";case"lg":return"xsm";default:return"x2sm"}}),M={props:i,attrs:u,slots:l,emit:o,fileList:e.readonly(a),progressSize:ye,uploadableFiles:N,uploadingFiles:q,createRequest:$,resetRequest:me,canRunUpload:ge,remove:fe,goSize:he,addFiles:Q};return oe(M),s(M),(r,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(de,{key:0,multiple:r.multiple,directory:r.directory,disabled:r.disabled,accept:E.value,onAddFiles:Q,class:e.normalizeClass(r.triggerCls)},{default:e.withCtx(x=>[e.renderSlot(r.$slots,"default",e.normalizeProps(e.guardReactiveProps(x)))]),_:3},8,["multiple","directory","disabled","accept","class"])),e.renderSlot(r.$slots,"list",e.normalizeProps(e.guardReactiveProps(M)),()=>[e.createVNode(Re)])],64))}});exports.UploadListTypes=X;exports.UploadSizes=K;exports.UploadStatuses=ae;exports.UploadTypes=le;exports._sfc_main=$e;exports._sfc_main$1=de;exports.injectUploadContext=R;exports.provideUploadContext=oe;exports.uploadListItemPrefix=B;exports.uploadListPrefix=j;exports.uploadPrefix=J;