@pantograph/vue 0.25.0 → 0.25.1

package/dist/{Upload.vue_vue_type_style_index_0_lang-DXBaIH16.js → Upload.vue_vue_type_style_index_0_lang-DC0jVRjM.js}

@@ -1,16 +1,16 @@
-import { defineComponent as D, createElementBlock as O, openBlock as b, Fragment as pe, createBlock as z, createCommentVNode as R, createVNode as E, unref as l, normalizeClass as j, createSlots as je, withCtx as Q, computed as _, h as V, createElementVNode as ye, ref as ie, mergeProps as Ae, renderSlot as ae, normalizeProps as re, guardReactiveProps as le, useSlots as Oe, useAttrs as De, watch as ve, nextTick as qe, watchEffect as Me, readonly as Ne } from "vue";
+import { defineComponent as D, createElementBlock as O, openBlock as b, Fragment as pe, createBlock as z, createCommentVNode as R, createVNode as j, unref as a, normalizeClass as S, createSlots as Ae, withCtx as Q, computed as _, h as V, createElementVNode as ye, ref as ie, mergeProps as Oe, renderSlot as ae, normalizeProps as re, guardReactiveProps as le, useSlots as De, useAttrs as qe, watch as ve, nextTick as Me, watchEffect as Ne, readonly as Ge } from "vue";
 import { createContext as ke } from "reka-ui";
-import { getBemBlock as Ge, getBemElement as U, usePCId as ce, normCls as Ve, generateVariantClassList as N } from "@pantograph/utils";
+import { getBemBlock as Ve, getBemElement as U, usePCId as ce, normCls as be, generateVariantClassList as N } from "@pantograph/utils";
 import { a as ee, c as J, f as We } from "./index-BTuMaS--.js";
 import { j as A, E as He, l as Je, t as x } from "./Icon.vue_vue_type_style_index_0_lang-BxthrfMq.js";
-import { cva as be } from "class-variance-authority";
-import { _ as we } from "./Progress.vue_vue_type_style_index_0_lang-BEHOwYFc.js";
+import { cva as we } from "class-variance-authority";
+import { _ as xe } from "./Progress.vue_vue_type_style_index_0_lang-BEHOwYFc.js";
 import { _ as Ke } from "./FloatButton.vue_vue_type_script_setup_true_lang-Ck9ilRKa.js";
 import { _ as G } from "./IconButton.vue_vue_type_script_setup_true_lang-BG-vYXAP.js";
 import { _ as Xe } from "./Image.vue_vue_type_style_index_0_lang-Bzg_B3NK.js";
 import { g as q } from "./options-Bh1s18jm.js";
 import { _ as Ye } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CEul2ZDZ.js";
-const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Upload"), _e = (s, t) => {
+const _e = Ve("upload"), Z = U(_e, "list"), F = U(Z, "item"), [K, Ze] = ke("Upload"), Ce = (s, t) => {
   if (s && t) {
     const e = Array.isArray(t) ? t : t.split(","), o = s.name || "", n = s.type || "", c = n.replace(/\/.*$/, "");
     return e.some((p) => {
@@ -18,9 +18,9 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
       if (/^\*(?<temp1>\/\*)?$/.test(p))
         return !0;
       if (m.charAt(0) === ".") {
-        const d = o.toLowerCase(), a = m.toLowerCase();
-        let g = [a];
-        return (a === ".jpg" || a === ".jpeg") && (g = [".jpg", ".jpeg"]), g.some((u) => d.endsWith(u));
+        const d = o.toLowerCase(), r = m.toLowerCase();
+        let g = [r];
+        return (r === ".jpg" || r === ".jpeg") && (g = [".jpg", ".jpeg"]), g.some((u) => d.endsWith(u));
       }
       return /\/\*$/.test(m) ? c === m.replace(/\/.*$/, "") : !!(n === m || /^\w+$/.test(m));
     });
@@ -40,7 +40,7 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
     }), n = p, c++;
   }
   return o;
-}, Ce = (s, { getUid: t, chunkFile: e, chunkSize: o }) => {
+}, ze = (s, { getUid: t, chunkFile: e, chunkSize: o }) => {
   if (ee(s)) {
     let n;
     if (s instanceof File)
@@ -81,8 +81,8 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
   }
 }, et = (s, t) => {
   if (ee(s))
-    return s instanceof Blob || s instanceof File ? Ce(s, t) : (!s.uid && !Object.isFrozen(s) && (s.uid = t.getUid()), s);
-}, tt = ["error", "paused", "done", "uploading", "waiting"], ze = ["md", "lg", "xlg"], Fe = ["image", "card"], st = ["outline", "transparent"], oe = {
+    return s instanceof Blob || s instanceof File ? ze(s, t) : (!s.uid && !Object.isFrozen(s) && (s.uid = t.getUid()), s);
+}, tt = ["error", "paused", "done", "uploading", "waiting"], Fe = ["md", "lg", "xlg"], Ie = ["image", "card"], st = ["outline", "transparent"], oe = {
   other: {
     icon: "tabler:file-text",
     fg: "primary",
@@ -239,14 +239,14 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
   document: ["doc", "docx", "odt", "rtf"],
   excel: ["xls", "xlsx", "csv", "ods"],
   pdf: ["pdf"]
-}, Ie = (s) => {
+}, Ue = (s) => {
   if (s) {
     for (const [t, e] of Object.entries(nt))
       if (e.includes(s.toLowerCase()))
         return t;
   }
   return "other";
-}, Ue = (s = "") => {
+}, Le = (s = "") => {
   const t = s.split("/"), o = t[t.length - 1].split(/#|\?/)[0];
   return (/\.[^./\\]*$/.exec(o) || [""])[0];
 }, de = (s) => {
@@ -257,14 +257,14 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
   let t = de((s == null ? void 0 : s.type) || ((e = s == null ? void 0 : s.originFileObj) == null ? void 0 : e.type));
   if (s != null && s.url && !t)
     try {
-      t = Ue(s == null ? void 0 : s.url);
+      t = Le(s == null ? void 0 : s.url);
     } catch {
     }
   return t;
-}, ue = (s) => Ie(s) === "image", Le = (s) => {
+}, ue = (s) => Ue(s) === "image", Te = (s) => {
   if (s.type && !s.thumbUrl)
     return ue(de(s.type));
-  const t = s.thumbUrl || s.url || "", e = Ue(t);
+  const t = s.thumbUrl || s.url || "", e = Le(t);
   return /^data:image\//.test(t) || ue(e) ? !0 : !(/^data:/.test(t) || e);
 }, it = /* @__PURE__ */ D({
   ...q("UploadListItemImage"),
@@ -277,49 +277,49 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
     return (n, c) => {
       var p;
       return b(), O(pe, null, [
-        l(e).props.uploadFile.status !== "waiting" ? (b(), z(Xe, {
+        a(e).props.uploadFile.status !== "waiting" ? (b(), z(Xe, {
           key: 0,
-          src: l(Le)(l(e).props.uploadFile) ? l(e).props.uploadFile.thumbUrl ?? l(e).props.uploadFile.url : void 0,
+          src: a(Te)(a(e).props.uploadFile) ? a(e).props.uploadFile.thumbUrl ?? a(e).props.uploadFile.url : void 0,
           aspectRatio: "1:1",
-          class: j(l(U)(l(F), "image")),
+          class: S(a(U)(a(F), "image")),
           sizeRange: "xsm",
-          alt: l(e).label.value,
-          hovered: l(e).props.uploadFile.status === "uploading",
+          alt: a(e).label.value,
+          hovered: a(e).props.uploadFile.status === "uploading",
           width: "100%"
-        }, je({ _: 2 }, [
-          ["error", "done"].includes(l(e).props.uploadFile.status) ? {
+        }, Ae({ _: 2 }, [
+          ["error", "done"].includes(a(e).props.uploadFile.status) ? {
             name: "actions",
             fn: Q(() => [
-              l(e).props.uploadFile.status === "done" ? (b(), z(G, {
+              a(e).props.uploadFile.status === "done" ? (b(), z(G, {
                 key: 0,
                 color: "neutral",
                 type: "ghost",
                 icon: "tabler:eye",
                 size: "sm",
-                onClick: c[0] || (c[0] = (m) => l(t).emit("preview", l(e).props.uploadFile))
-              })) : l(e).props.uploadFile.status === "error" ? (b(), z(G, {
+                onClick: c[0] || (c[0] = (m) => a(t).emit("preview", a(e).props.uploadFile))
+              })) : a(e).props.uploadFile.status === "error" ? (b(), z(G, {
                 key: 1,
                 color: "neutral",
                 type: "ghost",
                 icon: "tabler:reload",
                 size: "sm",
-                onClick: c[1] || (c[1] = (m) => l(t).resetRequest(l(e).props.uploadFile))
+                onClick: c[1] || (c[1] = (m) => a(t).resetRequest(a(e).props.uploadFile))
               })) : R("", !0)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["src", "class", "alt", "hovered"])) : R("", !0),
-        ["uploading", "waiting"].includes(l(e).props.uploadFile.status) ? (b(), z(we, {
+        ["uploading", "waiting"].includes(a(e).props.uploadFile.status) ? (b(), z(xe, {
           key: 1,
           type: "circle",
-          size: l(t).progressSize.value,
-          class: j(l(U)(l(F), "progress")),
-          indeterminate: l(e).props.uploadFile.status === "waiting",
-          percent: ((p = l(e).props.uploadFile) == null ? void 0 : p.percent) ?? 0
+          size: a(t).progressSize.value,
+          class: S(a(U)(a(F), "progress")),
+          indeterminate: a(e).props.uploadFile.status === "waiting",
+          percent: ((p = a(e).props.uploadFile) == null ? void 0 : p.percent) ?? 0
         }, null, 8, ["size", "class", "indeterminate", "percent"])) : R("", !0),
-        E(Ke, {
-          class: j(
-            l(Ve)(l(U)(l(F), "cancel"), "pantograph-tokens pantograph-dark")
+        j(Ke, {
+          class: S(
+            a(be)(a(U)(a(F), "cancel"), "pantograph-tokens pantograph-dark")
           ),
           color: "neutral",
           icon: "tabler:x",
@@ -333,19 +333,19 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
   ...q("UploadFileGO"),
   __name: "UploadFileGO",
   setup(s) {
-    const t = fe(), e = K(), o = _(() => Ie(ot(t.props.uploadFile))), n = _(() => J(e.props.getFileIcon) ? e.props.getFileIcon(t.props.uploadFile) : oe[o.value].icon), c = _(() => oe[o.value].fg), p = _(() => oe[o.value].bg), m = () => {
-      var u, y, L, S;
+    const t = fe(), e = K(), o = _(() => Ue(ot(t.props.uploadFile))), n = _(() => J(e.props.getFileIcon) ? e.props.getFileIcon(t.props.uploadFile) : oe[o.value].icon), c = _(() => oe[o.value].fg), p = _(() => oe[o.value].bg), m = () => {
+      var u, y, L, $;
       const g = (y = (u = e.slots).go) == null ? void 0 : y.call(u, { uploadFile: t.props.uploadFile });
-      return A(g) ? Le(t.props.uploadFile) ? V("img", {
+      return A(g) ? Te(t.props.uploadFile) ? V("img", {
         class: U(F, "thumb"),
         alt: t.props.uploadFile.name ?? "",
-        src: ((L = t.props.uploadFile) == null ? void 0 : L.thumbUrl) ?? ((S = t.props.uploadFile) == null ? void 0 : S.url)
+        src: ((L = t.props.uploadFile) == null ? void 0 : L.thumbUrl) ?? (($ = t.props.uploadFile) == null ? void 0 : $.url)
       }) : null : g;
     }, d = () => {
       var u, y;
       const g = (y = (u = e.slots).goIcon) == null ? void 0 : y.call(u, { uploadFile: t.props.uploadFile });
       return A(g) ? null : g;
-    }, a = () => V(
+    }, r = () => V(
       Ye,
       {
         size: e.goSize.value,
@@ -358,7 +358,7 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
         icon: d
       }
     );
-    return (g, u) => (b(), z(a));
+    return (g, u) => (b(), z(r));
   }
 }), rt = /* @__PURE__ */ D({
   ...q("UploadListItemCard"),
@@ -367,12 +367,12 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
     const t = K(), e = fe(), o = () => {
       var g, u;
       const d = (u = (g = t.slots).description) == null ? void 0 : u.call(g, { uploadFile: e.props.uploadFile });
-      let a;
-      if (A(d) || (a = d), e.props.uploadFile.description && (a = e.props.uploadFile.description), a)
-        return V("div", { class: U(F, "description") }, a);
+      let r;
+      if (A(d) || (r = d), e.props.uploadFile.description && (r = e.props.uploadFile.description), r)
+        return V("div", { class: U(F, "description") }, r);
     }, n = () => {
-      var a, g;
-      const d = (g = (a = t.slots).title) == null ? void 0 : g.call(a, { uploadFile: e.props.uploadFile });
+      var r, g;
+      const d = (g = (r = t.slots).title) == null ? void 0 : g.call(r, { uploadFile: e.props.uploadFile });
       return A(d) ? e.label.value : d;
     }, c = () => {
       var d;
@@ -381,52 +381,52 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
       if ((d = e.props.uploadFile) != null && d.url && typeof window < "u")
         return window.open(e.props.uploadFile.url);
     }, p = _(() => {
-      var d, a;
-      return (d = e.props.uploadFile) != null && d.percent && ((a = e.props.uploadFile) == null ? void 0 : a.status) !== "waiting" ? `${(e.props.uploadFile.percent ?? 0).toFixed(0)}%` : "waiting...";
-    }), m = (d, a) => {
-      var u, y, L, S;
+      var d, r;
+      return (d = e.props.uploadFile) != null && d.percent && ((r = e.props.uploadFile) == null ? void 0 : r.status) !== "waiting" ? `${(e.props.uploadFile.percent ?? 0).toFixed(0)}%` : "waiting...";
+    }), m = (d, r) => {
+      var u, y, L, $;
       const g = (y = (u = t.slots) == null ? void 0 : u.actions) == null ? void 0 : y.call(u, {
         ...t,
         uploadFile: e.props.uploadFile,
         downloadFile: c
       });
-      return A(g) ? (S = (L = a.slots) == null ? void 0 : L.default) == null ? void 0 : S.call(L, {}) : g;
+      return A(g) ? ($ = (L = r.slots) == null ? void 0 : L.default) == null ? void 0 : $.call(L, {}) : g;
     };
-    return (d, a) => {
+    return (d, r) => {
       var g;
       return b(), O(pe, null, [
-        l(t).props.go ? (b(), z(at, { key: 0 })) : R("", !0),
-        ["error", "done"].includes(l(e).props.uploadFile.status) ? (b(), O("div", {
+        a(t).props.go ? (b(), z(at, { key: 0 })) : R("", !0),
+        ["error", "done"].includes(a(e).props.uploadFile.status) ? (b(), O("div", {
           key: 2,
-          class: j(l(U)(l(F), "content"))
+          class: S(a(U)(a(F), "content"))
         }, [
           ye("div", {
-            class: j(l(U)(l(F), "title"))
+            class: S(a(U)(a(F), "title"))
           }, [
-            E(n)
+            j(n)
           ], 2),
-          l(e).props.uploadFile.status === "error" ? (b(), z(He, {
+          a(e).props.uploadFile.status === "error" ? (b(), z(He, {
             key: 0,
             message: "Failed",
             status: "error"
-          })) : l(t).props.size !== "md" ? (b(), z(o, { key: 1 })) : R("", !0)
-        ], 2)) : (b(), z(we, {
+          })) : a(t).props.size !== "md" ? (b(), z(o, { key: 1 })) : R("", !0)
+        ], 2)) : (b(), z(xe, {
           key: 1,
-          class: j(l(U)(l(F), "progress")),
-          percent: ((g = l(e).props.uploadFile) == null ? void 0 : g.percent) ?? 0,
-          label: l(e).label.value,
+          class: S(a(U)(a(F), "progress")),
+          percent: ((g = a(e).props.uploadFile) == null ? void 0 : g.percent) ?? 0,
+          label: a(e).label.value,
           helperText: p.value
         }, {
           label: Q(() => [
-            E(n)
+            j(n)
           ]),
           _: 1
         }, 8, ["class", "percent", "label", "helperText"])),
-        E(m, null, {
+        j(m, null, {
           default: Q(() => {
             var u;
             return [
-              l(e).props.uploadFile.status === "done" ? (b(), z(G, {
+              a(e).props.uploadFile.status === "done" ? (b(), z(G, {
                 key: 0,
                 icon: "tabler:download",
                 size: "sm",
@@ -434,27 +434,27 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
                 color: "neutral",
                 onClick: c
               })) : R("", !0),
-              l(t).props.pausableChunked && l(e).props.uploadFile.status === "uploading" && ((u = l(e).props.uploadFile.chunks) != null && u.length) && l(J)(l(e).props.uploadFile.cancel) ? (b(), z(G, {
+              a(t).props.pausableChunked && a(e).props.uploadFile.status === "uploading" && ((u = a(e).props.uploadFile.chunks) != null && u.length) && a(J)(a(e).props.uploadFile.cancel) ? (b(), z(G, {
                 key: 1,
                 icon: "tabler:pause",
                 size: "sm",
                 type: "ghost",
                 color: "neutral",
-                onClick: l(e).props.uploadFile.cancel
-              }, null, 8, ["onClick"])) : l(t).canRunUpload(l(e).props.uploadFile) ? (b(), z(G, {
+                onClick: a(e).props.uploadFile.cancel
+              }, null, 8, ["onClick"])) : a(t).canRunUpload(a(e).props.uploadFile) ? (b(), z(G, {
                 key: 2,
-                icon: ["paused", "waiting"].includes(l(e).props.uploadFile.status) ? "tabler:player-play" : "tabler:reload",
+                icon: ["paused", "waiting"].includes(a(e).props.uploadFile.status) ? "tabler:player-play" : "tabler:reload",
                 size: "sm",
                 type: "ghost",
                 color: "neutral",
-                onClick: a[0] || (a[0] = (y) => l(t).resetRequest(l(e).props.uploadFile))
+                onClick: r[0] || (r[0] = (y) => a(t).resetRequest(a(e).props.uploadFile))
               }, null, 8, ["icon"])) : R("", !0),
-              E(G, {
-                icon: ["done", "error"].includes(l(e).props.uploadFile.status) ? "tabler:trash" : "tabler:x",
+              j(G, {
+                icon: ["done", "error"].includes(a(e).props.uploadFile.status) ? "tabler:trash" : "tabler:x",
                 size: "sm",
                 type: "ghost",
                 color: "neutral",
-                onClick: a[1] || (a[1] = (y) => l(t).remove(l(e).props.uploadFile))
+                onClick: r[1] || (r[1] = (y) => a(t).remove(a(e).props.uploadFile))
               }, null, 8, ["icon"])
             ];
           }),
@@ -470,11 +470,11 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
     uploadFile: {}
   },
   setup(s) {
-    const t = s, e = be(F, {
+    const t = s, e = we(F, {
       variants: {
-        size: N(ze, F),
+        size: N(Fe, F),
         listType: N(
-          Fe,
+          Ie,
           F
         ),
         type: N(st, F),
@@ -496,16 +496,16 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
     return (p, m) => {
       var d;
       return b(), O("div", {
-        class: j(
-          l(e)({
-            size: l(n).props.size,
-            listType: l(n).props.listType,
-            type: l(n).props.type,
+        class: S(
+          a(e)({
+            size: a(n).props.size,
+            listType: a(n).props.listType,
+            type: a(n).props.type,
             status: (d = p.uploadFile) == null ? void 0 : d.status
           })
         )
       }, [
-        E(c)
+        j(c)
       ], 2);
     };
   }
@@ -513,10 +513,10 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
   ...q("UploadList"),
   __name: "UploadList",
   setup(s) {
-    const t = K(), e = be(Z, {
+    const t = K(), e = we(Z, {
       variants: {
-        size: N(ze, Z),
-        listType: N(Fe, Z)
+        size: N(Fe, Z),
+        listType: N(Ie, Z)
       }
     }), o = () => {
       var c, p;
@@ -527,16 +527,16 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
     };
     return (n, c) => {
       var p;
-      return (p = l(t).fileList.value) != null && p.length ? (b(), O("div", {
+      return (p = a(t).fileList.value) != null && p.length ? (b(), O("div", {
         key: 0,
-        class: j(
-          l(e)({
-            size: l(t).props.size,
-            listType: l(t).props.listType
+        class: S(
+          a(e)({
+            size: a(t).props.size,
+            listType: a(t).props.listType
           })
         )
       }, [
-        E(o)
+        j(o)
       ], 2)) : R("", !0);
     };
   }
@@ -582,7 +582,8 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
     directory: { type: Boolean },
     multiple: { type: Boolean },
     disabled: { type: Boolean },
-    accept: {}
+    accept: {},
+    class: {}
   },
   emits: ["addFiles"],
   setup(s, { emit: t }) {
@@ -594,23 +595,24 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
       (u = p.value) == null || u.click();
     }, d = (u) => {
       u.key === "Enter" && m();
-    }, a = async (u) => {
+    }, r = async (u) => {
       if (u.preventDefault(), u.type === "dragover")
         return;
       let y = [];
       u.dataTransfer && (o.directory ? y = await ft(Array.prototype.slice.call(u.dataTransfer.items)) : y = Array.prototype.slice.call(u.dataTransfer.files)), o.multiple || (y = y.slice(0, 1)), e(
         "addFiles",
-        y.filter((L) => _e(L, o.accept))
+        y.filter((L) => Ce(L, o.accept))
       );
     }, g = _(() => o.disabled ? {} : {
       onClick: m,
       onKeydown: d,
-      onDrop: a,
-      onDragover: a,
-      tabindex: "0"
+      onDrop: r,
+      onDragover: r
     });
-    return (u, y) => (b(), O("div", Ae({ class: "uploadTrigger w-fit inline" }, g.value), [
-      ae(u.$slots, "default", re(le({ ...g.value, disabled: u.disabled }))),
+    return (u, y) => (b(), O("div", Oe({
+      class: a(be)(o.class)
+    }, g.value), [
+      ae(u.$slots, "default", re(le({ ...g.value, disabled: u.disabled, tabindex: "0" }))),
       ye("input", {
         type: "file",
         accept: u.accept,
@@ -624,7 +626,7 @@ const xe = Ge("upload"), Z = U(xe, "list"), F = U(Z, "item"), [K, Ze] = ke("Uplo
       }, null, 40, mt)
     ], 16));
   }
-}), B = 200;
+}), E = 200;
 function ht(s) {
   return new Promise((t) => {
     if (!s.type || !ue(de(s.type))) {
@@ -632,12 +634,12 @@ function ht(s) {
       return;
     }
     const e = document.createElement("canvas");
-    e.width = B, e.height = B, e.style.cssText = `position: fixed; left: 0; top: 0; width: ${B}px; height: ${B}px; z-index: 9999; display: none;`, document.body.appendChild(e);
+    e.width = E, e.height = E, e.style.cssText = `position: fixed; left: 0; top: 0; width: ${E}px; height: ${E}px; z-index: 9999; display: none;`, document.body.appendChild(e);
     const o = e.getContext("2d"), n = new Image();
     if (n.onload = () => {
       const { width: c, height: p } = n;
-      let m = B, d = B, a = 0, g = 0;
-      c > p ? (d = p * (B / c), g = -(d - m) / 2) : (m = c * (B / p), a = -(m - d) / 2), o.drawImage(n, a, g, m, d);
+      let m = E, d = E, r = 0, g = 0;
+      c > p ? (d = p * (E / c), g = -(d - m) / 2) : (m = c * (E / p), r = -(m - d) / 2), o.drawImage(n, r, g, m, d);
       const u = e.toDataURL();
       document.body.removeChild(e), t(u);
     }, n.crossOrigin = "anonymous", s.type.startsWith("image/svg+xml")) {
@@ -667,6 +669,7 @@ const Lt = /* @__PURE__ */ D({
     maxCount: {},
     action: {},
     getFileIcon: {},
+    triggerCls: {},
     directory: { type: Boolean },
     multiple: { type: Boolean, default: !0 },
     disabled: { type: Boolean },
@@ -674,24 +677,24 @@ const Lt = /* @__PURE__ */ D({
   },
   emits: ["update:fileList", "change", "preview", "createRequest", "resetRequest", "remove"],
   setup(s, { expose: t, emit: e }) {
-    const o = s, n = e, c = Oe(), p = De(), m = U(xe, "file"), d = (i) => ce(i ? U(m, "chunk") : m, !0), a = ie([]), g = _(() => o.listType !== "image" && o.pausableChunked);
+    const o = s, n = e, c = De(), p = qe(), m = U(_e, "file"), d = (i) => ce(i ? U(m, "chunk") : m, !0), r = ie([]), g = _(() => o.listType !== "image" && o.pausableChunked);
     let u = !1;
     ve(
       () => o.fileList,
       (i) => {
         var h, k;
-        u = !0, a.value = (k = (h = i ?? []) == null ? void 0 : h.map) == null ? void 0 : k.call(h, (C) => {
+        u = !0, r.value = (k = (h = i ?? []) == null ? void 0 : h.map) == null ? void 0 : k.call(h, (C) => {
           if (C && ee(C))
             return et(C, {
               getUid: d,
               chunkFile: g.value,
               chunkSize: o.chunkSize
             });
-        }).filter(Boolean), qe(() => u = !1);
+        }).filter(Boolean), Me(() => u = !1);
       },
       { immediate: !0, deep: !0 }
     ), ve(
-      a,
+      r,
       (i) => {
         u || n("update:fileList", i ?? []);
       },
@@ -699,21 +702,21 @@ const Lt = /* @__PURE__ */ D({
     );
     const y = _(() => o.maxCount ? Number(o.maxCount) : 0), L = (i) => {
       if (i) {
-        const h = a.value.findIndex(
+        const h = r.value.findIndex(
           (k) => k.uid && i.uid && k.uid === i.uid
         );
-        h === -1 && (!y.value || y.value > a.value.length) ? a.value.push(i) : h > -1 && a.value.splice(h, 0, i), n("change", {
+        h === -1 && (!y.value || y.value > r.value.length) ? r.value.push(i) : h > -1 && r.value.splice(h, 0, i), n("change", {
           file: x(i),
-          fileList: x(a.value),
+          fileList: x(r.value),
           event: "add"
         });
       }
-    }, S = _(
+    }, $ = _(
       () => o.accept ?? o.listType === "image" ? "image/*" : void 0
     ), me = (i) => {
-      We(i) && i.filter((h) => !o.directory || _e(h, S.value)).forEach((h) => {
+      We(i) && i.filter((h) => !o.directory || Ce(h, $.value)).forEach((h) => {
         L(
-          Ce(h, {
+          ze(h, {
             getUid: d,
             chunkFile: g.value,
             chunkSize: o.chunkSize
@@ -723,42 +726,42 @@ const Lt = /* @__PURE__ */ D({
     }, te = _(
       () => {
         var i;
-        return o.uploadOnSelect || o.listType === "image" ? ((i = a.value) == null ? void 0 : i.filter(
+        return o.uploadOnSelect || o.listType === "image" ? ((i = r.value) == null ? void 0 : i.filter(
           (h) => h.status === "waiting" && h.originFileObj
         )) ?? [] : [];
       }
     ), X = _(
       () => {
         var i;
-        return ((i = a.value) == null ? void 0 : i.filter(
+        return ((i = r.value) == null ? void 0 : i.filter(
           (h) => h.status === "uploading" && (h == null ? void 0 : h.cancel)
         )) ?? [];
       }
-    ), $ = (i, h) => {
+    ), P = (i, h) => {
       if (i && h) {
-        const k = a.value.findIndex((C) => C.uid === i);
-        k > -1 && (a.value[k] = {
-          ...a.value[k],
+        const k = r.value.findIndex((C) => C.uid === i);
+        k > -1 && (r.value[k] = {
+          ...r.value[k],
           ...h
         });
       }
     }, Y = async (i) => {
       var h, k, C, ge;
-      if (i.uid && a.value) {
-        const T = a.value.find((M) => M.uid === i.uid);
+      if (i.uid && r.value) {
+        const T = r.value.find((M) => M.uid === i.uid);
         if (T && J(o.action) && (!X.value.length || o.parallelUpload || g.value && ((h = T.chunks) != null && h.length) && T.chunks.length > 1 && T.status === "uploading" && T.chunks.some((M) => M.status === "waiting"))) {
-          const M = new AbortController(), Be = () => {
-            const v = () => M.abort(), r = x(T);
-            if (g.value && r.chunks && r.chunks.length > 1) {
-              const f = r.chunks.findIndex((I) => I.status === "waiting");
-              f > -1 && (r.chunks[f] = {
-                ...r.chunks[f],
+          const M = new AbortController(), Ee = () => {
+            const v = () => M.abort(), l = x(T);
+            if (g.value && l.chunks && l.chunks.length > 1) {
+              const f = l.chunks.findIndex((I) => I.status === "waiting");
+              f > -1 && (l.chunks[f] = {
+                ...l.chunks[f],
                 status: "uploading",
                 cancel: v
               });
             }
-            $(r.uid, {
-              ...r,
+            P(l.uid, {
+              ...l,
               status: "uploading",
               cancel: v
             });
@@ -770,29 +773,29 @@ const Lt = /* @__PURE__ */ D({
             uid: i.uid
           };
           if (g.value && T.chunks && T.chunks.length > 1 && T.chunks.some((v) => v.status === "waiting")) {
-            const v = T.chunks.find((r) => r.status === "waiting");
+            const v = T.chunks.find((l) => l.status === "waiting");
             v != null && v.uid && (w = {
               ...w,
               ...Je(v, "chunk", "chunkSiz", "index"),
               chunk_uid: v.uid,
-              onUploadProgress(r) {
-                var I, W, P, he;
+              onUploadProgress(l) {
+                var I, W, B, he;
                 const f = x(
-                  a.value.find((H) => H.uid === i.uid)
+                  r.value.find((H) => H.uid === i.uid)
                 );
                 if (f) {
                   const H = (I = f.chunks) == null ? void 0 : I.findIndex(
                     (ne) => ne.uid === v.uid
                   );
                   H !== void 0 && ((W = f.chunks) != null && W[H]) && (f.chunks[H].percent = Math.round(
-                    r.loaded * 100 / r.total
-                  )), (P = f.chunks) != null && P.length && ((he = f.chunks) == null ? void 0 : he.length) > 1 ? f.percent = Math.min(
+                    l.loaded * 100 / l.total
+                  )), (B = f.chunks) != null && B.length && ((he = f.chunks) == null ? void 0 : he.length) > 1 ? f.percent = Math.min(
                     Math.max(
-                      f.chunks.reduce((ne, Ee) => ne + (Ee.percent ?? 0), 0) / (100 * f.chunks.length),
+                      f.chunks.reduce((ne, je) => ne + (je.percent ?? 0), 0) / (100 * f.chunks.length),
                       0
                     ),
                     100
-                  ) : f.percent = Math.round(r.loaded * 100 / r.total), $(f.uid, f);
+                  ) : f.percent = Math.round(l.loaded * 100 / l.total), P(f.uid, f);
                 }
               }
             });
@@ -801,18 +804,18 @@ const Lt = /* @__PURE__ */ D({
               ...w,
               file: T.originFileObj,
               onUploadProgress(v) {
-                const r = x(
-                  a.value.find((f) => f.uid === i.uid)
+                const l = x(
+                  r.value.find((f) => f.uid === i.uid)
                 );
-                r && $(r.uid, {
+                l && P(l.uid, {
                   percent: Math.round(v.loaded * 100 / v.total)
                 });
               }
             };
-          if (Be(), w.file || w.chunk) {
+          if (Ee(), w.file || w.chunk) {
             n("createRequest", i), n("change", {
               file: x(i),
-              fileList: x(a.value),
+              fileList: x(r.value),
               event: "upload"
             });
             try {
@@ -821,116 +824,116 @@ const Lt = /* @__PURE__ */ D({
                 typeof v == "string" && (v = JSON.parse(v));
               } catch {
               }
-              let r = x(
-                a.value.find((f) => f.uid === w.uid)
+              let l = x(
+                r.value.find((f) => f.uid === w.uid)
               );
-              if (r) {
+              if (l) {
                 let f = !1;
-                if (w.chunk_uid && ((k = r.chunks) != null && k.length) && r.chunks.length > 1) {
-                  const I = r.chunks.findIndex(
-                    (P) => P.uid === w.chunk_uid
+                if (w.chunk_uid && ((k = l.chunks) != null && k.length) && l.chunks.length > 1) {
+                  const I = l.chunks.findIndex(
+                    (B) => B.uid === w.chunk_uid
                   );
-                  r.chunks[I] && (r.chunks[I] = {
-                    ...r.chunks[I],
+                  l.chunks[I] && (l.chunks[I] = {
+                    ...l.chunks[I],
                     cancel: void 0,
                     status: "done",
                     response: v ?? void 0
                   });
-                  const W = r.chunks.every((P) => P.status === "done") ? "done" : "uploading";
-                  W === "done" ? r = {
-                    ...r,
+                  const W = l.chunks.every((B) => B.status === "done") ? "done" : "uploading";
+                  W === "done" ? l = {
+                    ...l,
                     cancel: void 0,
                     status: W
-                  } : r.chunks.some((P) => P.status === "waiting") && (f = !0);
+                  } : l.chunks.some((B) => B.status === "waiting") && (f = !0);
                 } else
-                  r = {
-                    ...r,
+                  l = {
+                    ...l,
                     cancel: void 0,
                     status: "done",
                     response: v ?? void 0
                   };
-                $(w.uid, r), f && await Y(r);
+                P(w.uid, l), f && await Y(l);
               }
             } catch (v) {
               if (v.name === "CanceledError") {
-                let r = x(
-                  a.value.find((f) => f.uid === w.uid)
+                let l = x(
+                  r.value.find((f) => f.uid === w.uid)
                 );
-                if (r) {
-                  if (w.chunk_uid && ((C = r.chunks) != null && C.length) && r.chunks.length > 1) {
-                    const f = r.chunks.findIndex(
+                if (l) {
+                  if (w.chunk_uid && ((C = l.chunks) != null && C.length) && l.chunks.length > 1) {
+                    const f = l.chunks.findIndex(
                       (I) => I.uid === w.chunk_uid
                     );
-                    r.chunks[f] && (r.chunks[f] = {
-                      ...r.chunks[f],
+                    l.chunks[f] && (l.chunks[f] = {
+                      ...l.chunks[f],
                       cancel: void 0,
                       status: "waiting"
-                    }), r = {
-                      ...r,
+                    }), l = {
+                      ...l,
                       cancel: void 0,
                       status: "paused"
                     }, n("change", {
-                      file: x(r),
-                      fileList: x(a.value),
+                      file: x(l),
+                      fileList: x(r.value),
                       event: "paused"
                     });
                   } else
-                    r = {
-                      ...r,
+                    l = {
+                      ...l,
                       cancel: void 0,
                       status: "error"
                     }, n("change", {
-                      file: x(r),
-                      fileList: x(a.value),
+                      file: x(l),
+                      fileList: x(r.value),
                       event: "cancel"
                     });
-                  $(w.uid, r);
+                  P(w.uid, l);
                 }
               } else {
-                let r = x(
-                  a.value.find((f) => f.uid === w.uid)
+                let l = x(
+                  r.value.find((f) => f.uid === w.uid)
                 );
-                if (r) {
-                  if (w.chunk_uid && ((ge = r.chunks) != null && ge.length) && r.chunks.length > 1) {
-                    const f = r.chunks.findIndex(
+                if (l) {
+                  if (w.chunk_uid && ((ge = l.chunks) != null && ge.length) && l.chunks.length > 1) {
+                    const f = l.chunks.findIndex(
                       (I) => I.uid === w.chunk_uid
                     );
-                    r.chunks[f] && (r.chunks[f] = {
-                      ...r.chunks[f],
+                    l.chunks[f] && (l.chunks[f] = {
+                      ...l.chunks[f],
                       cancel: void 0,
                       status: "waiting"
                     });
                   }
-                  r = {
-                    ...r,
+                  l = {
+                    ...l,
                     cancel: void 0,
                     status: "error",
                     error: v,
                     percent: 0
                   }, n("change", {
-                    file: x(r),
-                    fileList: x(a.value),
+                    file: x(l),
+                    fileList: x(r.value),
                     event: "failed"
-                  }), $(w.uid, r);
+                  }), P(w.uid, l);
                 }
               }
             }
           }
         }
       }
-    }, Te = async (i) => {
-      if (i.uid && a.value)
-        return $(i.uid, { status: "waiting" }), n("resetRequest", i), Y(i);
     }, Re = async (i) => {
-      if (i.uid && a.value) {
-        const h = x(a.value ?? []), k = h.findIndex((C) => C.uid === i.uid);
-        k > -1 && h[k] && (h.splice(k, 1), a.value = h, n("remove", i), n("change", {
+      if (i.uid && r.value)
+        return P(i.uid, { status: "waiting" }), n("resetRequest", i), Y(i);
+    }, Se = async (i) => {
+      if (i.uid && r.value) {
+        const h = x(r.value ?? []), k = h.findIndex((C) => C.uid === i.uid);
+        k > -1 && h[k] && (h.splice(k, 1), r.value = h, n("remove", i), n("change", {
           file: x(i),
-          fileList: x(a.value),
+          fileList: x(r.value),
           event: "remove"
         }));
       }
-    }, Se = (i) => !!((o.parallelUpload || !X.value.length) && (i.status === "paused" || i.status === "error" || (!o.uploadOnSelect || o.listType === "image") && i.status === "waiting")), $e = _(() => {
+    }, $e = (i) => !!((o.parallelUpload || !X.value.length) && (i.status === "paused" || i.status === "error" || (!o.uploadOnSelect || o.listType === "image") && i.status === "waiting")), Pe = _(() => {
       switch (o.size) {
         case "xlg":
           return "md";
@@ -938,17 +941,17 @@ const Lt = /* @__PURE__ */ D({
           return "sm";
       }
     });
-    Me(() => {
-      (o.parallelUpload && te.value.length || !X.value.length) && te.value.forEach(Y), (a.value || []).forEach((i, h) => {
+    Ne(() => {
+      (o.parallelUpload && te.value.length || !X.value.length) && te.value.forEach(Y), (r.value || []).forEach((i, h) => {
         typeof document > "u" || typeof window > "u" || !window.FileReader || !window.File || !(i.originFileObj instanceof File || i.originFileObj instanceof Blob) || i.thumbUrl !== void 0 || (i.thumbUrl = "", ht(i.originFileObj).then((k) => {
           const C = k || "";
-          C !== i.thumbUrl && $(i == null ? void 0 : i.uid, {
+          C !== i.thumbUrl && P(i == null ? void 0 : i.uid, {
             thumbUrl: C
           });
         }));
       });
     });
-    const Pe = _(() => {
+    const Be = _(() => {
       switch (o.size) {
         case "xlg":
           return "sm";
@@ -962,15 +965,15 @@ const Lt = /* @__PURE__ */ D({
       attrs: p,
       slots: c,
       emit: n,
-      fileList: Ne(a),
-      progressSize: Pe,
+      fileList: Ge(r),
+      progressSize: Be,
       uploadableFiles: te,
       uploadingFiles: X,
       createRequest: Y,
-      resetRequest: Te,
-      canRunUpload: Se,
-      remove: Re,
-      goSize: $e,
+      resetRequest: Re,
+      canRunUpload: $e,
+      remove: Se,
+      goSize: Pe,
       addFiles: me
     };
     return Ze(se), t(se), (i, h) => (b(), O(pe, null, [
@@ -979,16 +982,17 @@ const Lt = /* @__PURE__ */ D({
         multiple: i.multiple,
         directory: i.directory,
         disabled: i.disabled,
-        accept: S.value,
-        onAddFiles: me
+        accept: $.value,
+        onAddFiles: me,
+        class: S(i.triggerCls)
       }, {
         default: Q((k) => [
           ae(i.$slots, "default", re(le(k)))
         ]),
         _: 3
-      }, 8, ["multiple", "directory", "disabled", "accept"])),
+      }, 8, ["multiple", "directory", "disabled", "accept", "class"])),
       ae(i.$slots, "list", re(le(se)), () => [
-        E(ut)
+        j(ut)
       ])
     ], 64));
   }
@@ -999,10 +1003,10 @@ export {
   gt as a,
   Z as b,
   F as c,
-  ze as d,
-  Fe as e,
+  Fe as d,
+  Ie as e,
   st as f,
   K as i,
   Ze as p,
-  xe as u
+  _e as u
 };