@pantograph/vue 0.26.0 → 0.27.1

package/dist/Upload.vue_vue_type_script_setup_true_lang-BNiFkx47.js

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