@pantograph/vue 0.29.1 → 0.29.3

package/dist/Upload/index.js

@@ -1,17 +1,1117 @@
-import { _ as o, a as e, h as p, g as t, U as d, b as i, j as l, i as U, e as r, p as x, f as n, d as f, c as u, u as C } from "../Upload.vue_vue_type_style_index_0_lang-rhWj1fgd.js";
+import { defineComponent as G, createElementBlock as N, openBlock as U, Fragment as fe, createBlock as L, createCommentVNode as P, createVNode as O, unref as a, normalizeClass as q, createSlots as ot, withCtx as te, withModifiers as D, computed as x, h as J, createElementVNode as Ce, mergeProps as _e, useSlots as ze, useAttrs as Ie, ref as se, watch as ue, nextTick as be, readonly as lt, renderSlot as Le, normalizeProps as Te, guardReactiveProps as Re } from "vue";
+import { createContext as me } from "reka-ui";
+import { getBemBlock as it, getBemElement as T, getComponentOptions as V, normCls as ge, generateVariantClassList as W, usePCId as de, getComponentName as ve } from "@pantograph/utils";
+import { cva as Be } from "class-variance-authority";
+import { _ as Se } from "../Progress.vue_vue_type_style_index_0_lang-VcaWRb-o.js";
+import { _ as at } from "../FloatButton.vue_vue_type_script_setup_true_lang-CjWleMQR.js";
+import { _ as H } from "../IconButton.vue_vue_type_script_setup_true_lang-DBDmWePu.js";
+import { _ as rt } from "../Image.vue_vue_type_style_index_0_lang-DyZjQGcE.js";
+import { isFunction as Y, isEqual as ct, throttle as ut, pick as pt, cloneDeep as C } from "es-toolkit";
+import { _ as dt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Cw-dYlrK.js";
+import { isEmptyElement as M, useFormInput as ft, installComponent as he } from "@pantograph/utils-vue";
+import { _ as mt } from "../FormValidation.vue_vue_type_style_index_0_lang-4DQfQtme.js";
+import { i as ne } from "../isObject-vmP43YLW.js";
+import { i as gt } from "../isArray-QlWcxgml.js";
+const Pe = it("upload"), ee = T(Pe, "list"), z = T(ee, "item"), [vt, ht] = me("BaseUpload"), yt = () => vt(null), [le, kt] = me("Upload"), wt = ["error", "paused", "done", "uploading", "waiting"], $e = ["md", "lg", "xlg"], je = ["image", "card"], bt = ["outline", "transparent"], pe = {
+  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"
+  }
+}, xe = {
+  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"]
+}, Ae = (e, s) => {
+  if (e) {
+    for (const [t, d] of Object.entries(xe))
+      if (d.includes(e.toLowerCase()))
+        return t;
+  }
+  return s && Object.keys(xe).includes(s) ? s : "other";
+}, Ee = (e = "") => {
+  const s = e.split("/"), d = s[s.length - 1].split(/#|\?/)[0];
+  return (/\.[^./\\]*$/.exec(d) || [""])[0];
+}, ie = (e) => {
+  var s, t, d;
+  return (d = (t = (s = e == null ? void 0 : e.split) == null ? void 0 : s.call(e, "/")) == null ? void 0 : t.pop) == null ? void 0 : d.call(t);
+}, xt = (e) => {
+  var t;
+  let s = ie((e == null ? void 0 : e.type) || ((t = e == null ? void 0 : e.originFileObj) == null ? void 0 : t.type));
+  if (e != null && e.url && !s)
+    try {
+      s = Ee(e == null ? void 0 : e.url);
+    } catch {
+    }
+  return s;
+}, Ut = (e) => {
+  var s, t;
+  return (t = (s = e == null ? void 0 : e.split) == null ? void 0 : s.call(e, "/")) == null ? void 0 : t[0];
+}, Ft = (e) => {
+  var s;
+  return Ut((e == null ? void 0 : e.type) || ((s = e == null ? void 0 : e.originFileObj) == null ? void 0 : s.type));
+}, oe = (e) => Ae(e) === "image", Oe = (e) => {
+  if (e.type && !e.thumbUrl)
+    return oe(ie(e.type));
+  const s = e.thumbUrl || e.url || "", t = Ee(s);
+  return /^data:image\//.test(s) || oe(t) ? !0 : !(/^data:/.test(s) || t);
+}, Ct = /* @__PURE__ */ G({
+  ...V("UploadListItemImage"),
+  __name: "UploadListItemImage",
+  setup(e) {
+    const s = le(), t = ye(), d = () => {
+      var n, u, v;
+      Y((n = t.props.uploadFile) == null ? void 0 : n.cancel) && ((v = (u = t.props.uploadFile).cancel) == null || v.call(u)), s.remove(t.props.uploadFile.uid);
+    };
+    return (n, u) => {
+      var v;
+      return U(), N(fe, null, [
+        a(t).props.uploadFile.status !== "waiting" ? (U(), L(rt, {
+          key: 0,
+          src: a(Oe)(a(t).props.uploadFile) ? a(t).props.uploadFile.thumbUrl ?? a(t).props.uploadFile.url : void 0,
+          aspectRatio: "1:1",
+          class: q(a(T)(a(z), "image")),
+          sizeRange: "xsm",
+          alt: a(t).label.value,
+          hovered: a(t).props.uploadFile.status === "uploading",
+          width: "100%"
+        }, ot({ _: 2 }, [
+          ["error", "done"].includes(a(t).props.uploadFile.status) ? {
+            name: "actions",
+            fn: te(() => [
+              a(t).props.uploadFile.status === "done" ? (U(), L(H, {
+                key: 0,
+                color: "neutral",
+                type: "ghost",
+                icon: "tabler:eye",
+                size: "sm",
+                onClick: u[0] || (u[0] = D((p) => a(s).emit("preview", a(t).props.uploadFile), ["stop"]))
+              })) : a(t).props.uploadFile.status === "error" ? (U(), L(H, {
+                key: 1,
+                color: "neutral",
+                type: "ghost",
+                icon: "tabler:reload",
+                size: "sm",
+                onClick: u[1] || (u[1] = D((p) => a(s).resetRequest(a(t).props.uploadFile.uid), ["stop"]))
+              })) : P("", !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["src", "class", "alt", "hovered"])) : P("", !0),
+        ["uploading", "waiting"].includes(a(t).props.uploadFile.status) ? (U(), L(Se, {
+          key: 1,
+          type: "circle",
+          size: a(s).progressSize.value,
+          class: q(a(T)(a(z), "progress")),
+          indeterminate: a(t).props.uploadFile.status === "waiting",
+          percent: ((v = a(t).props.uploadFile) == null ? void 0 : v.percent) ?? 0
+        }, null, 8, ["size", "class", "indeterminate", "percent"])) : P("", !0),
+        O(at, {
+          class: q(
+            a(ge)(a(T)(a(z), "cancel"), "pantograph-tokens pantograph-dark")
+          ),
+          color: "neutral",
+          icon: "tabler:x",
+          size: "sm",
+          onClick: D(d, ["stop"])
+        }, null, 8, ["class"])
+      ], 64);
+    };
+  }
+}), _t = /* @__PURE__ */ G({
+  ...V("UploadFileGO"),
+  __name: "UploadFileGO",
+  setup(e) {
+    const s = ye(), t = le(), d = x(() => Ae(
+      xt(s.props.uploadFile),
+      Ft(s.props.uploadFile)
+    )), n = x(() => Y(t.props.getFileIcon) ? t.props.getFileIcon(s.props.uploadFile) : pe[d.value].icon), u = x(() => pe[d.value].fg), v = x(() => pe[d.value].bg), p = () => {
+      var h, r, k, B;
+      const o = (r = (h = t.slots).go) == null ? void 0 : r.call(h, { uploadFile: s.props.uploadFile });
+      return M(o) ? Oe(s.props.uploadFile) ? J("img", {
+        class: T(z, "thumb"),
+        alt: s.props.uploadFile.name ?? "",
+        src: ((k = s.props.uploadFile) == null ? void 0 : k.thumbUrl) ?? ((B = s.props.uploadFile) == null ? void 0 : B.url)
+      }) : null : o;
+    }, l = () => {
+      var h, r;
+      const o = (r = (h = t.slots).goIcon) == null ? void 0 : r.call(h, { uploadFile: s.props.uploadFile });
+      return M(o) ? null : o;
+    }, m = () => J(
+      dt,
+      {
+        size: t.goSize.value,
+        icon: n.value,
+        fg: u.value,
+        bg: v.value
+      },
+      {
+        default: p,
+        icon: l
+      }
+    );
+    return (o, h) => (U(), L(m));
+  }
+}), zt = /* @__PURE__ */ G({
+  ...V("UploadListItemCard"),
+  __name: "UploadListItemCard",
+  setup(e) {
+    const s = le(), t = ye(), d = () => {
+      var o, h;
+      const l = (h = (o = s.slots).description) == null ? void 0 : h.call(o, { uploadFile: t.props.uploadFile });
+      let m;
+      if (M(l) || (m = l), t.props.uploadFile.description && (m = t.props.uploadFile.description), m)
+        return J("div", { class: T(z, "description") }, m);
+    }, n = () => {
+      var m, o;
+      const l = (o = (m = s.slots).title) == null ? void 0 : o.call(m, { uploadFile: t.props.uploadFile });
+      return M(l) ? t.label.value : l;
+    }, u = () => {
+      var l;
+      if (Y(s.props.onDownload))
+        return s.props.onDownload(t.props.uploadFile);
+      if ((l = t.props.uploadFile) != null && l.url && typeof window < "u")
+        return window.open(t.props.uploadFile.url);
+    }, v = x(() => {
+      var l, m;
+      return (l = t.props.uploadFile) != null && l.percent && ((m = t.props.uploadFile) == null ? void 0 : m.status) !== "waiting" ? `${(t.props.uploadFile.percent ?? 0).toFixed(0)}%` : "waiting...";
+    }), p = (l, m) => {
+      var h, r, k, B;
+      const o = (r = (h = s.slots) == null ? void 0 : h.actions) == null ? void 0 : r.call(h, {
+        ...s,
+        uploadFile: t.props.uploadFile,
+        downloadFile: u
+      });
+      return M(o) ? (B = (k = m.slots) == null ? void 0 : k.default) == null ? void 0 : B.call(k, {}) : o;
+    };
+    return (l, m) => {
+      var o;
+      return U(), N(fe, null, [
+        a(s).props.go ? (U(), L(_t, { key: 0 })) : P("", !0),
+        ["error", "done"].includes(a(t).props.uploadFile.status) ? (U(), N("div", {
+          key: 2,
+          class: q(a(T)(a(z), "content"))
+        }, [
+          Ce("div", {
+            class: q(a(T)(a(z), "title"))
+          }, [
+            O(n)
+          ], 2),
+          a(t).props.uploadFile.status === "error" ? (U(), L(mt, {
+            key: 0,
+            message: "Failed",
+            status: "error"
+          })) : a(s).props.size !== "md" ? (U(), L(d, { key: 1 })) : P("", !0)
+        ], 2)) : (U(), L(Se, {
+          key: 1,
+          class: q(a(T)(a(z), "progress")),
+          percent: ((o = a(t).props.uploadFile) == null ? void 0 : o.percent) ?? 0,
+          label: a(t).label.value,
+          helperText: v.value,
+          helperTextCls: a(T)(a(z), "percent")
+        }, {
+          label: te(() => [
+            O(n)
+          ]),
+          _: 1
+        }, 8, ["class", "percent", "label", "helperText", "helperTextCls"])),
+        O(p, null, {
+          default: te(() => {
+            var h;
+            return [
+              a(t).props.uploadFile.status === "done" ? (U(), L(H, {
+                key: 0,
+                icon: "tabler:download",
+                size: "sm",
+                type: "ghost",
+                color: "neutral",
+                onClick: D(u, ["stop"])
+              })) : P("", !0),
+              a(s).props.pausableChunked && a(t).props.uploadFile.status === "uploading" && ((h = a(t).props.uploadFile.chunks) != null && h.length) && a(Y)(a(t).props.uploadFile.cancel) ? (U(), L(H, {
+                key: 1,
+                icon: "tabler:pause",
+                size: "sm",
+                type: "ghost",
+                color: "neutral",
+                onClick: D(a(t).props.uploadFile.cancel, ["stop"])
+              }, null, 8, ["onClick"])) : a(s).canRunUpload(a(t).props.uploadFile.uid) ? (U(), L(H, {
+                key: 2,
+                icon: ["paused", "waiting"].includes(a(t).props.uploadFile.status) ? "tabler:player-play" : "tabler:reload",
+                size: "sm",
+                type: "ghost",
+                color: "neutral",
+                onClick: m[0] || (m[0] = D((r) => a(s).resetRequest(a(t).props.uploadFile.uid), ["stop"]))
+              }, null, 8, ["icon"])) : P("", !0),
+              O(H, {
+                icon: ["done", "error"].includes(a(t).props.uploadFile.status) ? "tabler:trash" : "tabler:x",
+                size: "sm",
+                type: "ghost",
+                color: "neutral",
+                onClick: m[1] || (m[1] = D((r) => a(s).remove(a(t).props.uploadFile.uid), ["stop"]))
+              }, null, 8, ["icon"])
+            ];
+          }),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), [ye, It] = me("UploadItem"), Lt = /* @__PURE__ */ G({
+  ...V("UploadListItem"),
+  __name: "UploadListItem",
+  props: {
+    uploadFile: {}
+  },
+  setup(e) {
+    const s = e, t = Be(z, {
+      variants: {
+        size: W($e, z),
+        listType: W(
+          je,
+          z
+        ),
+        type: W(bt, z),
+        status: W(wt, z)
+      }
+    }), d = x(() => {
+      var v, p, l;
+      return ((v = s.uploadFile) == null ? void 0 : v.name) ?? ((l = (p = s.uploadFile) == null ? void 0 : p.originFileObj) == null ? void 0 : l.name);
+    }), n = le();
+    It({
+      props: s,
+      label: d
+    });
+    const u = () => {
+      var p, l;
+      const v = (l = (p = n.slots).listItem) == null ? void 0 : l.call(p, { ...n, uploadFile: s.uploadFile });
+      return M(v) ? n.props.listType === "card" ? J(zt) : J(Ct) : v;
+    };
+    return (v, p) => {
+      var l, m, o;
+      return U(), N("div", _e({
+        class: a(t)({
+          size: a(n).props.size,
+          listType: a(n).props.listType,
+          type: a(n).props.type,
+          status: (l = v.uploadFile) == null ? void 0 : l.status
+        })
+      }, { ...((o = (m = a(n).props).getUploadItemProps) == null ? void 0 : o.call(m, v.uploadFile)) ?? {} }), [
+        O(u)
+      ], 16);
+    };
+  }
+}), Tt = (e, s, t = 1024 * 1024) => {
+  const d = [];
+  let n = 0, u = 0;
+  for (; n < e.size; ) {
+    const v = Math.min(n + t, e.size), p = e.slice(n, v);
+    d.push({
+      chunk: p,
+      chunkSize: v - n,
+      index: u,
+      uid: s(),
+      status: "waiting"
+    }), n = v, u++;
+  }
+  return d;
+}, qe = (e, { getUid: s, chunkFile: t, chunkSize: d }) => {
+  if (ne(e)) {
+    let n;
+    if (e instanceof File)
+      n = e;
+    else
+      try {
+        n = new File(
+          [e],
+          e.name ?? "",
+          {
+            type: e.type ?? ""
+          }
+        );
+      } catch {
+        n = new Blob([e], {
+          type: e.type ?? ""
+        }), n.lastModified = (/* @__PURE__ */ new Date()).getTime(), n.name = e.name ?? "", n.webkitRelativePath = "";
+      }
+    if (ne(n) && n instanceof Blob) {
+      let u = [];
+      return t && (u = Tt(
+        n,
+        () => (s == null ? void 0 : s(!0)) ?? de(void 0, !0),
+        d
+      )), {
+        uid: e.uid ?? (s == null ? void 0 : s()) ?? de(void 0, !0),
+        originFileObj: n,
+        status: "waiting",
+        chunks: u != null && u.length && (u == null ? void 0 : u.length) > 1 ? u : void 0,
+        chunksCount: u != null && u.length && (u == null ? void 0 : u.length) > 1 ? u.length : void 0,
+        name: n == null ? void 0 : n.name,
+        type: n == null ? void 0 : n.type,
+        size: n == null ? void 0 : n.size,
+        lastModified: n == null ? void 0 : n.lastModified,
+        thumbUrl: void 0
+      };
+    }
+  }
+}, Rt = (e, s) => {
+  if (ne(e))
+    return e instanceof Blob || e instanceof File ? qe(e, s) : (!e.uid && !Object.isFrozen(e) && (e.uid = s.getUid()), e);
+}, De = (e, s) => {
+  if (e && s) {
+    const t = Array.isArray(s) ? s : s.split(","), d = (e == null ? void 0 : e.name) || "", n = (e == null ? void 0 : e.type) || "", u = n.replace(/\/.*$/, "");
+    return t.some((v) => {
+      const p = v.trim();
+      if (/^\*(?<temp1>\/\*)?$/.test(v))
+        return !0;
+      if (p.charAt(0) === ".") {
+        const l = d.toLowerCase(), m = p.toLowerCase();
+        let o = [m];
+        return (m === ".jpg" || m === ".jpeg") && (o = [".jpg", ".jpeg"]), o.some((h) => l.endsWith(h));
+      }
+      return /\/\*$/.test(p) ? u === p.replace(/\/.*$/, "") : !!(n === p || /^\w+$/.test(p));
+    });
+  }
+  return !0;
+}, E = 200;
+function Bt(e) {
+  return new Promise((s) => {
+    if (!e.type || !oe(ie(e.type))) {
+      s("");
+      return;
+    }
+    const t = document.createElement("canvas");
+    t.width = E, t.height = E, t.style.cssText = `position: fixed; left: 0; top: 0; width: ${E}px; height: ${E}px; z-index: 9999; display: none;`, document.body.appendChild(t);
+    const d = t.getContext("2d"), n = new Image();
+    if (n.onload = () => {
+      const { width: u, height: v } = n;
+      let p = E, l = E, m = 0, o = 0;
+      u > v ? (l = v * (E / u), o = -(l - p) / 2) : (p = u * (E / v), m = -(p - l) / 2), d.drawImage(n, m, o, p, l);
+      const h = t.toDataURL();
+      document.body.removeChild(t), s(h);
+    }, n.crossOrigin = "anonymous", e.type.startsWith("image/svg+xml")) {
+      const u = new FileReader();
+      u.addEventListener("load", () => {
+        u.result && (n.src = u.result);
+      }), u.readAsDataURL(e);
+    } else
+      n.src = window.URL.createObjectURL(e);
+  });
+}
+const Me = /* @__PURE__ */ G({
+  ...V("UploadList"),
+  __name: "UploadList",
+  props: {
+    onDownload: {},
+    parallelUpload: { type: Boolean },
+    uploadOnSelect: { type: Boolean, default: !0 },
+    pausableChunked: { type: Boolean },
+    getUploadItemProps: {},
+    noTrigger: { type: Boolean },
+    fileList: {},
+    size: { default: "md" },
+    chunkSize: {},
+    listType: { default: "card" },
+    type: { default: "outline" },
+    go: { type: Boolean, default: !0 },
+    maxCount: {},
+    action: {},
+    getFileIcon: {},
+    triggerCls: {},
+    fileListCls: {},
+    directory: { type: Boolean },
+    multiple: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: void 0 },
+    accept: {}
+  },
+  emits: ["update:fileList", "change", "preview", "createRequest", "resetRequest", "remove"],
+  setup(e, { expose: s, emit: t }) {
+    const d = e, n = t, u = ze(), v = Ie(), p = yt(), l = x(() => (p == null ? void 0 : p.props) ?? d), m = x(() => l.value.maxCount ? Number(l.value.maxCount) : 0), o = x(
+      () => l.value.listType !== "image" && l.value.pausableChunked
+    ), h = x(
+      () => l.value.accept ?? l.value.listType === "image" ? "image/*" : void 0
+    ), r = se([]);
+    let k = !1;
+    ue(
+      () => l.value.fileList,
+      (i) => {
+        var f, b;
+        if (!k) {
+          const _ = (b = (f = i ?? []) == null ? void 0 : f.map) == null ? void 0 : b.call(f, (I) => {
+            if (I && ne(I))
+              return Rt(I, {
+                getUid: Fe,
+                chunkFile: o.value,
+                chunkSize: l.value.chunkSize
+              });
+          }).filter(Boolean);
+          ct(_, r.value) || (k = !0, r.value = _, be(() => k = !1));
+        }
+      },
+      { immediate: !0, deep: !0 }
+    ), ue(
+      r,
+      (i) => {
+        k || (k = !0, n("update:fileList", i ?? []), be(() => k = !1));
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const B = (i) => r.value.find((f) => i && f.uid === i), ae = (i) => r.value.findIndex((f) => i && f.uid === i), Ge = (i) => {
+      if (i) {
+        const f = ae(i.uid);
+        f === -1 && (!m.value || m.value > r.value.length) ? r.value.push(i) : f > -1 && r.value.splice(f, 0, i), n("change", {
+          file: C(i),
+          fileList: C(r.value),
+          event: "add"
+        });
+      }
+    }, Ve = (i) => {
+      gt(i) && i.filter((f) => !l.value.directory || De(f, h.value)).forEach((f) => {
+        Ge(
+          qe(f, {
+            getUid: Fe,
+            chunkFile: o.value,
+            chunkSize: l.value.chunkSize
+          })
+        );
+      });
+    };
+    let $ = [];
+    const ke = () => {
+      var i;
+      return l.value.uploadOnSelect || l.value.listType === "image" ? ((i = r.value) == null ? void 0 : i.filter((f) => $.includes(f.uid) ? !1 : f.status === "waiting" && f.originFileObj)) ?? [] : [];
+    }, j = (i, f) => {
+      if (i && f) {
+        const b = ae(i);
+        b > -1 && (r.value[b] = {
+          ...r.value[b],
+          ...f
+        });
+      }
+    }, Z = (i) => {
+      $ = $.filter((f) => f !== i);
+    }, re = async (i) => {
+      var f, b, _, I;
+      if (i && r.value) {
+        const y = B(i), et = o.value && ((f = y == null ? void 0 : y.chunks) == null ? void 0 : f.length) && (y == null ? void 0 : y.chunks.length) > 1 && (y == null ? void 0 : y.status) === "uploading" && (y == null ? void 0 : y.chunks.some((Q) => Q.status === "waiting"));
+        if (y && Y(l.value.action) && (!$.length || l.value.parallelUpload || et)) {
+          $.includes(i) || $.push(i);
+          const Q = new AbortController(), tt = () => {
+            const w = () => {
+              Z(i), Q.abort();
+            }, c = C(y);
+            if (o.value && c.chunks && c.chunks.length > 1) {
+              const g = c.chunks.findIndex((R) => R.status === "waiting");
+              g > -1 && (c.chunks[g] = {
+                ...c.chunks[g],
+                status: "uploading",
+                cancel: w
+              });
+            }
+            j(c.uid, {
+              status: "uploading",
+              cancel: w
+            });
+          };
+          let F = {
+            signal: Q.signal,
+            onUploadProgress() {
+            },
+            uid: y.uid
+          };
+          if (o.value && y.chunks && y.chunks.length > 1 && y.chunks.some((w) => w.status === "waiting")) {
+            const w = y.chunks.find((c) => c.status === "waiting");
+            w != null && w.uid && (F = {
+              ...F,
+              ...pt(w, ["chunk", "chunkSize", "index"]),
+              chunkUid: w.uid,
+              onUploadProgress(c) {
+                var R, K, A, we;
+                const g = C(
+                  r.value.find((X) => X.uid === y.uid)
+                );
+                if (g) {
+                  const X = (R = g.chunks) == null ? void 0 : R.findIndex(
+                    (ce) => ce.uid === w.uid
+                  );
+                  if (X !== void 0 && ((K = g.chunks) != null && K[X]) && (g.chunks[X].percent = Math.round(
+                    c.loaded * 100 / c.total
+                  )), (A = g.chunks) != null && A.length && ((we = g.chunks) == null ? void 0 : we.length) > 1) {
+                    const ce = g.chunks.reduce((st, nt) => st + (nt.percent ?? 0), 0);
+                    g.percent = Math.min(
+                      Math.max(
+                        ce / g.chunks.length,
+                        0
+                      ),
+                      100
+                    );
+                  } else
+                    g.percent = Math.round(c.loaded * 100 / c.total);
+                  j(g.uid, {
+                    chunks: g.chunks,
+                    percent: g.percent
+                  });
+                }
+              }
+            });
+          } else
+            F = {
+              ...F,
+              file: y.originFileObj,
+              onUploadProgress(w) {
+                const c = C(
+                  r.value.find((g) => g.uid === y.uid)
+                );
+                c && j(c.uid, {
+                  percent: Math.round(w.loaded * 100 / w.total)
+                });
+              }
+            };
+          if (tt(), F.file || F.chunk) {
+            n("createRequest", y), n("change", {
+              file: C(y),
+              fileList: C(r.value),
+              event: "upload"
+            });
+            try {
+              let w = await l.value.action(F);
+              try {
+                typeof w == "string" && (w = JSON.parse(w));
+              } catch {
+              }
+              let c = C(
+                r.value.find((g) => g.uid === F.uid)
+              );
+              if (c) {
+                let g = !1;
+                if (F.chunkUid && ((b = c.chunks) != null && b.length) && c.chunks.length > 1) {
+                  const R = c.chunks.findIndex(
+                    (A) => A.uid === F.chunkUid
+                  );
+                  c.chunks[R] && (c.chunks[R] = {
+                    ...c.chunks[R],
+                    cancel: void 0,
+                    status: "done",
+                    response: w ?? void 0
+                  });
+                  const K = c.chunks.every((A) => A.status === "done") ? "done" : "uploading";
+                  K === "done" ? c = {
+                    ...c,
+                    cancel: void 0,
+                    status: K
+                  } : c.chunks.some((A) => A.status === "waiting") && (g = !0);
+                } else
+                  c = {
+                    ...c,
+                    cancel: void 0,
+                    status: "done",
+                    response: w ?? void 0
+                  };
+                j(F.uid, c), g ? await re(i) : Z(i);
+              }
+            } catch (w) {
+              if (w.name === "CanceledError") {
+                let c = C(
+                  r.value.find((g) => g.uid === F.uid)
+                );
+                if (c) {
+                  if (F.chunkUid && ((_ = c.chunks) != null && _.length) && c.chunks.length > 1) {
+                    const g = c.chunks.findIndex(
+                      (R) => R.uid === F.chunkUid
+                    );
+                    c.chunks[g] && (c.chunks[g] = {
+                      ...c.chunks[g],
+                      cancel: void 0,
+                      status: "waiting"
+                    }), c = {
+                      ...c,
+                      cancel: void 0,
+                      status: "paused"
+                    }, n("change", {
+                      file: C(c),
+                      fileList: C(r.value),
+                      event: "paused"
+                    });
+                  } else
+                    c = {
+                      ...c,
+                      cancel: void 0,
+                      status: "error"
+                    }, n("change", {
+                      file: C(c),
+                      fileList: C(r.value),
+                      event: "cancel"
+                    });
+                  j(F.uid, c), Z(i);
+                }
+              } else {
+                let c = C(
+                  r.value.find((g) => g.uid === F.uid)
+                );
+                if (c) {
+                  if (F.chunkUid && ((I = c.chunks) != null && I.length) && c.chunks.length > 1) {
+                    const g = c.chunks.findIndex(
+                      (R) => R.uid === F.chunkUid
+                    );
+                    c.chunks[g] && (c.chunks[g] = {
+                      ...c.chunks[g],
+                      cancel: void 0,
+                      status: "waiting"
+                    });
+                  }
+                  c = {
+                    ...c,
+                    cancel: void 0,
+                    status: "error",
+                    error: w,
+                    percent: 0
+                  }, n("change", {
+                    file: C(c),
+                    fileList: C(r.value),
+                    event: "failed"
+                  }), j(F.uid, c), Z(i);
+                }
+              }
+            }
+          }
+        }
+      }
+    }, We = async (i) => {
+      if (i && r.value) {
+        const f = B(i);
+        if (f)
+          return j(i, { status: "waiting" }), n("resetRequest", f), re(i);
+      }
+    }, He = async (i) => {
+      var f, b;
+      if (i && r.value) {
+        const _ = ae(i), I = C(r.value ?? []);
+        _ > -1 && I[_] && ((b = (f = I[_]).cancel) == null || b.call(f), I.splice(_, 1), r.value = I, n("remove", I[_]), n("change", {
+          file: I[_],
+          fileList: C(r.value),
+          event: "remove"
+        }));
+      }
+    }, Je = (i) => {
+      if (l.value.parallelUpload || !$.length) {
+        const f = B(i);
+        if (f && (f.status === "paused" || f.status === "error" || (!l.value.uploadOnSelect || l.value.listType === "image") && f.status === "waiting"))
+          return !0;
+      }
+      return !1;
+    }, Ke = x(() => {
+      switch (l.value.size) {
+        case "xlg":
+          return "md";
+        default:
+          return "sm";
+      }
+    }), Xe = ut(() => {
+      (l.value.parallelUpload && ke().length || !$.length) && ke().forEach((i) => re(i.uid)), (r.value || []).forEach((i) => {
+        typeof document > "u" || typeof window > "u" || !window.FileReader || !window.File || !(i.originFileObj instanceof File || i.originFileObj instanceof Blob) || i.thumbUrl !== void 0 || !i.type || !oe(ie(i.type)) || (i.thumbUrl = "", Bt(i.originFileObj).then((f) => {
+          const b = f || "";
+          b !== i.thumbUrl && j(i == null ? void 0 : i.uid, {
+            thumbUrl: b
+          });
+        }));
+      });
+    }, 50);
+    ue(r, Xe, { deep: !0 });
+    const Ye = x(() => {
+      switch (l.value.size) {
+        case "xlg":
+          return "sm";
+        case "lg":
+          return "xsm";
+        default:
+          return "x2sm";
+      }
+    }), S = {
+      props: (p == null ? void 0 : p.props) ?? d,
+      attrs: (p == null ? void 0 : p.attrs) ?? v,
+      slots: (p == null ? void 0 : p.slots) ?? u,
+      emit: (p == null ? void 0 : p.emit) ?? n,
+      fileList: lt(r),
+      progressSize: Ye,
+      getAccept: h,
+      goSize: Ke,
+      resetRequest: We,
+      canRunUpload: Je,
+      remove: He,
+      addFiles: Ve
+    };
+    kt(S);
+    const Ze = Be(ee, {
+      variants: {
+        size: W($e, ee),
+        listType: W(je, ee)
+      }
+    }), Qe = () => {
+      var f, b;
+      const i = (b = (f = S.slots).list) == null ? void 0 : b.call(f, S);
+      return M(i) ? S.fileList.value.map(
+        (_) => J(Lt, { uploadFile: _, key: _.uid })
+      ) : i;
+    };
+    return s(S), (i, f) => {
+      var b;
+      return (b = S.fileList.value) != null && b.length ? (U(), N("div", {
+        key: 0,
+        class: q(
+          a(ge)(
+            a(Ze)({
+              size: S.props.size,
+              listType: S.props.listType
+            }),
+            S.props.fileListCls
+          )
+        )
+      }, [
+        O(Qe)
+      ], 2)) : P("", !0);
+    };
+  }
+}), St = (e) => new Promise((s) => {
+  e.file((t) => {
+    e.fullPath && !t.webkitRelativePath && Object.defineProperty(t, "webkitRelativePath", {
+      value: e.fullPath.replace(/^\//, ""),
+      writable: !1
+    }), s(t);
+  });
+}), Pt = (e) => {
+  const s = e.createReader(), t = [];
+  return new Promise((d) => {
+    const n = () => {
+      s.readEntries((u) => {
+        u.length === 0 ? d(t) : (t.push(...u), n());
+      });
+    };
+    n();
+  });
+}, $t = async (e) => {
+  const s = [], t = async (d) => {
+    if (d.isFile) {
+      const n = await St(d);
+      s.push(n);
+    } else if (d.isDirectory) {
+      const n = await Pt(d);
+      await Promise.all(n.map(t));
+    }
+  };
+  return await Promise.all(
+    e.map((d) => {
+      var u;
+      const n = (u = d.webkitGetAsEntry) == null ? void 0 : u.call(d);
+      if (n)
+        return t(n);
+    }).filter(Boolean)
+  ), s;
+}, jt = ["accept", "webkitdirectory", "multiple", "value", "disabled"], Ne = /* @__PURE__ */ G({
+  ...V("UploadTrigger"),
+  __name: "UploadTrigger",
+  props: {
+    directory: { type: Boolean },
+    multiple: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    accept: {},
+    class: {}
+  },
+  emits: ["addFiles"],
+  setup(e, { emit: s }) {
+    const t = s, d = e, { getDisabled: n } = ft(), u = se(), v = (r) => {
+      const { files: k } = r.target;
+      t("addFiles", Array.prototype.slice.call(k)), p.value && (p.value.value = "");
+    }, p = se(), l = () => {
+      var r;
+      (r = p.value) == null || r.click();
+    }, m = (r) => {
+      r.key === "Enter" && l();
+    }, o = async (r) => {
+      if (r.preventDefault(), r.type === "dragover")
+        return;
+      let k = [];
+      r.dataTransfer && (d.directory ? k = await $t(Array.prototype.slice.call(r.dataTransfer.items)) : k = Array.prototype.slice.call(r.dataTransfer.files)), d.multiple || (k = k.slice(0, 1)), t(
+        "addFiles",
+        k.filter((B) => De(B, d.accept))
+      );
+    }, h = x(() => n.value ? {} : {
+      onClick: l,
+      onKeydown: m,
+      onDrop: o,
+      onDragover: o
+    });
+    return (r, k) => (U(), N("div", _e({
+      class: a(ge)(d.class)
+    }, h.value), [
+      Le(r.$slots, "default", Te(Re({ ...h.value, disabled: a(n), tabindex: "0" }))),
+      Ce("input", {
+        type: "file",
+        accept: r.accept,
+        webkitdirectory: r.directory,
+        multiple: r.multiple,
+        value: u.value,
+        disabled: a(n),
+        onChange: v,
+        ref_key: "inputRef",
+        ref: p,
+        style: { display: "none" }
+      }, null, 40, jt)
+    ], 16));
+  }
+}), Ue = T(Pe, "file"), Fe = (e) => de(e ? T(Ue, "chunk") : Ue, !0), At = /* @__PURE__ */ G({
+  ...V("Upload", !1),
+  __name: "Upload",
+  props: {
+    onDownload: {},
+    parallelUpload: { type: Boolean },
+    uploadOnSelect: { type: Boolean, default: !0 },
+    pausableChunked: { type: Boolean },
+    getUploadItemProps: {},
+    noTrigger: { type: Boolean },
+    fileList: {},
+    size: { default: "md" },
+    chunkSize: {},
+    listType: { default: "card" },
+    type: { default: "outline" },
+    go: { type: Boolean, default: !0 },
+    maxCount: {},
+    action: {},
+    getFileIcon: {},
+    triggerCls: {},
+    fileListCls: {},
+    directory: { type: Boolean },
+    multiple: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: void 0 },
+    accept: {}
+  },
+  emits: ["update:fileList", "change", "preview", "createRequest", "resetRequest", "remove"],
+  setup(e, { expose: s, emit: t }) {
+    const d = e, n = t, u = ze(), v = Ie(), p = {
+      props: d,
+      attrs: v,
+      slots: u,
+      emit: n
+    };
+    ht(p);
+    const l = se(), m = {
+      progressSize: x(() => {
+        var o;
+        return (o = l.value) == null ? void 0 : o.progressSize;
+      }),
+      resetRequest: x(() => {
+        var o;
+        return (o = l.value) == null ? void 0 : o.resetRequest;
+      }),
+      canRunUpload: x(() => {
+        var o;
+        return (o = l.value) == null ? void 0 : o.canRunUpload;
+      }),
+      remove: x(() => {
+        var o;
+        return (o = l.value) == null ? void 0 : o.remove;
+      }),
+      goSize: x(() => {
+        var o;
+        return (o = l.value) == null ? void 0 : o.goSize;
+      }),
+      addFiles: x(() => {
+        var o;
+        return (o = l.value) == null ? void 0 : o.addFiles;
+      }),
+      fileList: x(() => {
+        var o;
+        return (o = l.value) == null ? void 0 : o.fileList;
+      }),
+      getAccept: x(() => {
+        var o;
+        return (o = l.value) == null ? void 0 : o.getAccept;
+      })
+    };
+    return s({ ...p, ...m, listRef: l }), (o, h) => (U(), N(fe, null, [
+      o.noTrigger ? P("", !0) : (U(), L(Ne, {
+        key: 0,
+        multiple: o.multiple,
+        directory: o.directory,
+        disabled: o.disabled,
+        accept: m.getAccept.value,
+        onAddFiles: m.addFiles.value,
+        class: q(o.triggerCls)
+      }, {
+        default: te((r) => [
+          Le(o.$slots, "default", Te(Re(r)))
+        ]),
+        _: 3
+      }, 8, ["multiple", "directory", "disabled", "accept", "onAddFiles", "class"])),
+      O(Me, {
+        action: o.action,
+        ref_key: "listRef",
+        ref: l
+      }, null, 8, ["action"])
+    ], 64));
+  }
+}), Zt = he(At, ve("Upload")), Qt = he(Me, ve("UploadList")), es = he(Ne, ve("UploadTrigger"));
 export {
-  o as Upload,
-  e as UploadList,
-  p as UploadListTypes,
-  t as UploadSizes,
-  d as UploadStatuses,
-  i as UploadTrigger,
-  l as UploadTypes,
-  U as injectBaseUploadContext,
-  r as injectUploadContext,
-  x as provideBaseUploadContext,
-  n as provideUploadContext,
-  f as uploadListItemPrefix,
-  u as uploadListPrefix,
-  C as uploadPrefix
+  At as Upload,
+  Me as UploadList,
+  Qt as UploadListPlugin,
+  je as UploadListTypes,
+  Zt as UploadPlugin,
+  $e as UploadSizes,
+  wt as UploadStatuses,
+  Ne as UploadTrigger,
+  es as UploadTriggerPlugin,
+  bt as UploadTypes,
+  yt as injectBaseUploadContext,
+  le as injectUploadContext,
+  ht as provideBaseUploadContext,
+  kt as provideUploadContext,
+  z as uploadListItemPrefix,
+  ee as uploadListPrefix,
+  Pe as uploadPrefix
 };