@pantograph/vue 0.24.0 → 0.25.1

package/dist/Upload.vue_vue_type_style_index_0_lang-DC0jVRjM.js

@@ -0,0 +1,1012 @@
+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 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 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 _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) => {
+      const m = p.trim();
+      if (/^\*(?<temp1>\/\*)?$/.test(p))
+        return !0;
+      if (m.charAt(0) === ".") {
+        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));
+    });
+  }
+  return !0;
+}, Qe = (s, t, e = 1 * 1024 * 1024) => {
+  const o = [];
+  let n = 0, c = 0;
+  for (; n < s.size; ) {
+    const p = Math.min(n + e, s.size), m = s.slice(n, p);
+    o.push({
+      chunk: m,
+      chunkSize: p - n,
+      index: c,
+      uid: t(),
+      status: "waiting"
+    }), n = p, c++;
+  }
+  return o;
+}, ze = (s, { getUid: t, chunkFile: e, chunkSize: o }) => {
+  if (ee(s)) {
+    let n;
+    if (s instanceof File)
+      n = s;
+    else
+      try {
+        n = new File(
+          [s],
+          s.name ?? "",
+          {
+            type: s.type ?? ""
+          }
+        );
+      } catch {
+        n = new Blob([s], {
+          type: s.type ?? ""
+        }), n.lastModified = (/* @__PURE__ */ new Date()).getTime(), n.name = s.name ?? "", n.webkitRelativePath = "";
+      }
+    if (ee(n) && n instanceof Blob) {
+      let c = [];
+      return e && (c = Qe(
+        n,
+        () => (t == null ? void 0 : t(!0)) ?? ce(void 0, !0),
+        o
+      )), {
+        uid: s.uid ?? (t == null ? void 0 : t()) ?? ce(void 0, !0),
+        originFileObj: n,
+        status: "waiting",
+        chunks: c != null && c.length && (c == null ? void 0 : c.length) > 1 ? c : void 0,
+        chunksCount: c != null && c.length && (c == null ? void 0 : c.length) > 1 ? c.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
+      };
+    }
+  }
+}, et = (s, t) => {
+  if (ee(s))
+    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",
+    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"
+  }
+}, nt = {
+  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"]
+}, Ue = (s) => {
+  if (s) {
+    for (const [t, e] of Object.entries(nt))
+      if (e.includes(s.toLowerCase()))
+        return t;
+  }
+  return "other";
+}, Le = (s = "") => {
+  const t = s.split("/"), o = t[t.length - 1].split(/#|\?/)[0];
+  return (/\.[^./\\]*$/.exec(o) || [""])[0];
+}, de = (s) => {
+  var t, e, o;
+  return (o = (e = (t = s == null ? void 0 : s.split) == null ? void 0 : t.call(s, "/")) == null ? void 0 : e.pop) == null ? void 0 : o.call(e);
+}, ot = (s) => {
+  var e;
+  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 = Le(s == null ? void 0 : s.url);
+    } catch {
+    }
+  return t;
+}, ue = (s) => Ue(s) === "image", Te = (s) => {
+  if (s.type && !s.thumbUrl)
+    return ue(de(s.type));
+  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"),
+  __name: "UploadListItemImage",
+  setup(s) {
+    const t = K(), e = fe(), o = () => {
+      var n, c, p;
+      J((n = e.props.uploadFile) == null ? void 0 : n.cancel) && ((p = (c = e.props.uploadFile).cancel) == null || p.call(c)), t.remove(e.props.uploadFile);
+    };
+    return (n, c) => {
+      var p;
+      return b(), O(pe, null, [
+        a(e).props.uploadFile.status !== "waiting" ? (b(), z(Xe, {
+          key: 0,
+          src: a(Te)(a(e).props.uploadFile) ? a(e).props.uploadFile.thumbUrl ?? a(e).props.uploadFile.url : void 0,
+          aspectRatio: "1:1",
+          class: S(a(U)(a(F), "image")),
+          sizeRange: "xsm",
+          alt: a(e).label.value,
+          hovered: a(e).props.uploadFile.status === "uploading",
+          width: "100%"
+        }, Ae({ _: 2 }, [
+          ["error", "done"].includes(a(e).props.uploadFile.status) ? {
+            name: "actions",
+            fn: Q(() => [
+              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) => 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) => a(t).resetRequest(a(e).props.uploadFile))
+              })) : R("", !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["src", "class", "alt", "hovered"])) : R("", !0),
+        ["uploading", "waiting"].includes(a(e).props.uploadFile.status) ? (b(), z(xe, {
+          key: 1,
+          type: "circle",
+          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),
+        j(Ke, {
+          class: S(
+            a(be)(a(U)(a(F), "cancel"), "pantograph-tokens pantograph-dark")
+          ),
+          color: "neutral",
+          icon: "tabler:x",
+          size: "sm",
+          onClick: o
+        }, null, 8, ["class"])
+      ], 64);
+    };
+  }
+}), at = /* @__PURE__ */ D({
+  ...q("UploadFileGO"),
+  __name: "UploadFileGO",
+  setup(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) ? 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) ?? (($ = 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;
+    }, r = () => V(
+      Ye,
+      {
+        size: e.goSize.value,
+        icon: n.value,
+        fg: c.value,
+        bg: p.value
+      },
+      {
+        default: m,
+        icon: d
+      }
+    );
+    return (g, u) => (b(), z(r));
+  }
+}), rt = /* @__PURE__ */ D({
+  ...q("UploadListItemCard"),
+  __name: "UploadListItemCard",
+  setup(s) {
+    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 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 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;
+      if (J(t.props.onDownload))
+        return t.props.onDownload(e.props.uploadFile);
+      if ((d = e.props.uploadFile) != null && d.url && typeof window < "u")
+        return window.open(e.props.uploadFile.url);
+    }, p = _(() => {
+      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) ? ($ = (L = r.slots) == null ? void 0 : L.default) == null ? void 0 : $.call(L, {}) : g;
+    };
+    return (d, r) => {
+      var g;
+      return b(), O(pe, null, [
+        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: S(a(U)(a(F), "content"))
+        }, [
+          ye("div", {
+            class: S(a(U)(a(F), "title"))
+          }, [
+            j(n)
+          ], 2),
+          a(e).props.uploadFile.status === "error" ? (b(), z(He, {
+            key: 0,
+            message: "Failed",
+            status: "error"
+          })) : a(t).props.size !== "md" ? (b(), z(o, { key: 1 })) : R("", !0)
+        ], 2)) : (b(), z(xe, {
+          key: 1,
+          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(() => [
+            j(n)
+          ]),
+          _: 1
+        }, 8, ["class", "percent", "label", "helperText"])),
+        j(m, null, {
+          default: Q(() => {
+            var u;
+            return [
+              a(e).props.uploadFile.status === "done" ? (b(), z(G, {
+                key: 0,
+                icon: "tabler:download",
+                size: "sm",
+                type: "ghost",
+                color: "neutral",
+                onClick: c
+              })) : R("", !0),
+              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: a(e).props.uploadFile.cancel
+              }, null, 8, ["onClick"])) : a(t).canRunUpload(a(e).props.uploadFile) ? (b(), z(G, {
+                key: 2,
+                icon: ["paused", "waiting"].includes(a(e).props.uploadFile.status) ? "tabler:player-play" : "tabler:reload",
+                size: "sm",
+                type: "ghost",
+                color: "neutral",
+                onClick: r[0] || (r[0] = (y) => a(t).resetRequest(a(e).props.uploadFile))
+              }, null, 8, ["icon"])) : R("", !0),
+              j(G, {
+                icon: ["done", "error"].includes(a(e).props.uploadFile.status) ? "tabler:trash" : "tabler:x",
+                size: "sm",
+                type: "ghost",
+                color: "neutral",
+                onClick: r[1] || (r[1] = (y) => a(t).remove(a(e).props.uploadFile))
+              }, null, 8, ["icon"])
+            ];
+          }),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), [fe, lt] = ke("UploadItem"), ct = /* @__PURE__ */ D({
+  ...q("UploadListItem"),
+  __name: "UploadListItem",
+  props: {
+    uploadFile: {}
+  },
+  setup(s) {
+    const t = s, e = we(F, {
+      variants: {
+        size: N(Fe, F),
+        listType: N(
+          Ie,
+          F
+        ),
+        type: N(st, F),
+        status: N(tt, F)
+      }
+    }), o = _(() => {
+      var p, m, d;
+      return ((p = t.uploadFile) == null ? void 0 : p.name) ?? ((d = (m = t.uploadFile) == null ? void 0 : m.originFileObj) == null ? void 0 : d.name);
+    }), n = K();
+    lt({
+      props: t,
+      label: o
+    });
+    const c = () => {
+      var m, d;
+      const p = (d = (m = n.slots).listItem) == null ? void 0 : d.call(m, { ...n, uploadFile: t.uploadFile });
+      return A(p) ? n.props.listType === "card" ? V(rt) : V(it) : p;
+    };
+    return (p, m) => {
+      var d;
+      return b(), O("div", {
+        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
+          })
+        )
+      }, [
+        j(c)
+      ], 2);
+    };
+  }
+}), ut = /* @__PURE__ */ D({
+  ...q("UploadList"),
+  __name: "UploadList",
+  setup(s) {
+    const t = K(), e = we(Z, {
+      variants: {
+        size: N(Fe, Z),
+        listType: N(Ie, Z)
+      }
+    }), o = () => {
+      var c, p;
+      const n = (p = (c = t.slots).list) == null ? void 0 : p.call(c, t);
+      return A(n) ? t.fileList.value.map(
+        (m) => V(ct, { uploadFile: m, key: m.uid })
+      ) : n;
+    };
+    return (n, c) => {
+      var p;
+      return (p = a(t).fileList.value) != null && p.length ? (b(), O("div", {
+        key: 0,
+        class: S(
+          a(e)({
+            size: a(t).props.size,
+            listType: a(t).props.listType
+          })
+        )
+      }, [
+        j(o)
+      ], 2)) : R("", !0);
+    };
+  }
+}), pt = (s) => new Promise((t) => {
+  s.file((e) => {
+    s.fullPath && !e.webkitRelativePath && Object.defineProperty(e, "webkitRelativePath", {
+      value: s.fullPath.replace(/^\//, ""),
+      writable: !1
+    }), t(e);
+  });
+}), dt = (s) => {
+  const t = s.createReader(), e = [];
+  return new Promise((o) => {
+    const n = () => {
+      t.readEntries((c) => {
+        c.length === 0 ? o(e) : (e.push(...c), n());
+      });
+    };
+    n();
+  });
+}, ft = async (s) => {
+  const t = [], e = async (o) => {
+    if (o.isFile) {
+      const n = await pt(o);
+      t.push(n);
+    } else if (o.isDirectory) {
+      const n = await dt(o);
+      await Promise.all(n.map(e));
+    }
+  };
+  return await Promise.all(
+    s.map((o) => {
+      var c;
+      const n = (c = o.webkitGetAsEntry) == null ? void 0 : c.call(o);
+      if (n)
+        return e(n);
+    })
+  ), t;
+}, mt = ["accept", "webkitdirectory", "multiple", "value"], gt = /* @__PURE__ */ D({
+  ...q("UploadTrigger"),
+  __name: "UploadTrigger",
+  props: {
+    directory: { type: Boolean },
+    multiple: { type: Boolean },
+    disabled: { type: Boolean },
+    accept: {},
+    class: {}
+  },
+  emits: ["addFiles"],
+  setup(s, { emit: t }) {
+    const e = t, o = s, n = ie(), c = (u) => {
+      const { files: y } = u.target;
+      e("addFiles", Array.prototype.slice.call(y)), p.value && (p.value.value = "");
+    }, p = ie(), m = () => {
+      var u;
+      (u = p.value) == null || u.click();
+    }, d = (u) => {
+      u.key === "Enter" && m();
+    }, 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) => Ce(L, o.accept))
+      );
+    }, g = _(() => o.disabled ? {} : {
+      onClick: m,
+      onKeydown: d,
+      onDrop: r,
+      onDragover: r
+    });
+    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,
+        webkitdirectory: u.directory,
+        multiple: u.multiple,
+        value: n.value,
+        onChange: c,
+        ref_key: "inputRef",
+        ref: p,
+        style: { display: "none" }
+      }, null, 40, mt)
+    ], 16));
+  }
+}), E = 200;
+function ht(s) {
+  return new Promise((t) => {
+    if (!s.type || !ue(de(s.type))) {
+      t("");
+      return;
+    }
+    const e = document.createElement("canvas");
+    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 = 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")) {
+      const c = new FileReader();
+      c.addEventListener("load", () => {
+        c.result && (n.src = c.result);
+      }), c.readAsDataURL(s);
+    } else
+      n.src = window.URL.createObjectURL(s);
+  });
+}
+const Lt = /* @__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 },
+    accept: {}
+  },
+  emits: ["update:fileList", "change", "preview", "createRequest", "resetRequest", "remove"],
+  setup(s, { expose: t, emit: e }) {
+    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, 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), Me(() => u = !1);
+      },
+      { immediate: !0, deep: !0 }
+    ), ve(
+      r,
+      (i) => {
+        u || n("update:fileList", i ?? []);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const y = _(() => o.maxCount ? Number(o.maxCount) : 0), L = (i) => {
+      if (i) {
+        const h = r.value.findIndex(
+          (k) => k.uid && i.uid && k.uid === i.uid
+        );
+        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(r.value),
+          event: "add"
+        });
+      }
+    }, $ = _(
+      () => o.accept ?? o.listType === "image" ? "image/*" : void 0
+    ), me = (i) => {
+      We(i) && i.filter((h) => !o.directory || Ce(h, $.value)).forEach((h) => {
+        L(
+          ze(h, {
+            getUid: d,
+            chunkFile: g.value,
+            chunkSize: o.chunkSize
+          })
+        );
+      });
+    }, te = _(
+      () => {
+        var i;
+        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 = r.value) == null ? void 0 : i.filter(
+          (h) => h.status === "uploading" && (h == null ? void 0 : h.cancel)
+        )) ?? [];
+      }
+    ), P = (i, h) => {
+      if (i && h) {
+        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 && 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(), 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
+              });
+            }
+            P(l.uid, {
+              ...l,
+              status: "uploading",
+              cancel: v
+            });
+          };
+          let w = {
+            signal: M.signal,
+            onUploadProgress(v) {
+            },
+            uid: i.uid
+          };
+          if (g.value && T.chunks && T.chunks.length > 1 && T.chunks.some((v) => v.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(l) {
+                var I, W, B, he;
+                const f = x(
+                  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(
+                    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, je) => ne + (je.percent ?? 0), 0) / (100 * f.chunks.length),
+                      0
+                    ),
+                    100
+                  ) : f.percent = Math.round(l.loaded * 100 / l.total), P(f.uid, f);
+                }
+              }
+            });
+          } else
+            w = {
+              ...w,
+              file: T.originFileObj,
+              onUploadProgress(v) {
+                const l = x(
+                  r.value.find((f) => f.uid === i.uid)
+                );
+                l && P(l.uid, {
+                  percent: Math.round(v.loaded * 100 / v.total)
+                });
+              }
+            };
+          if (Ee(), w.file || w.chunk) {
+            n("createRequest", i), n("change", {
+              file: x(i),
+              fileList: x(r.value),
+              event: "upload"
+            });
+            try {
+              let v = await o.action(w);
+              try {
+                typeof v == "string" && (v = JSON.parse(v));
+              } catch {
+              }
+              let l = x(
+                r.value.find((f) => f.uid === w.uid)
+              );
+              if (l) {
+                let f = !1;
+                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
+                  );
+                  l.chunks[I] && (l.chunks[I] = {
+                    ...l.chunks[I],
+                    cancel: void 0,
+                    status: "done",
+                    response: v ?? void 0
+                  });
+                  const W = l.chunks.every((B) => B.status === "done") ? "done" : "uploading";
+                  W === "done" ? l = {
+                    ...l,
+                    cancel: void 0,
+                    status: W
+                  } : l.chunks.some((B) => B.status === "waiting") && (f = !0);
+                } else
+                  l = {
+                    ...l,
+                    cancel: void 0,
+                    status: "done",
+                    response: v ?? void 0
+                  };
+                P(w.uid, l), f && await Y(l);
+              }
+            } catch (v) {
+              if (v.name === "CanceledError") {
+                let l = x(
+                  r.value.find((f) => f.uid === w.uid)
+                );
+                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
+                    );
+                    l.chunks[f] && (l.chunks[f] = {
+                      ...l.chunks[f],
+                      cancel: void 0,
+                      status: "waiting"
+                    }), l = {
+                      ...l,
+                      cancel: void 0,
+                      status: "paused"
+                    }, n("change", {
+                      file: x(l),
+                      fileList: x(r.value),
+                      event: "paused"
+                    });
+                  } else
+                    l = {
+                      ...l,
+                      cancel: void 0,
+                      status: "error"
+                    }, n("change", {
+                      file: x(l),
+                      fileList: x(r.value),
+                      event: "cancel"
+                    });
+                  P(w.uid, l);
+                }
+              } else {
+                let l = x(
+                  r.value.find((f) => f.uid === w.uid)
+                );
+                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
+                    );
+                    l.chunks[f] && (l.chunks[f] = {
+                      ...l.chunks[f],
+                      cancel: void 0,
+                      status: "waiting"
+                    });
+                  }
+                  l = {
+                    ...l,
+                    cancel: void 0,
+                    status: "error",
+                    error: v,
+                    percent: 0
+                  }, n("change", {
+                    file: x(l),
+                    fileList: x(r.value),
+                    event: "failed"
+                  }), P(w.uid, l);
+                }
+              }
+            }
+          }
+        }
+      }
+    }, Re = async (i) => {
+      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(r.value),
+          event: "remove"
+        }));
+      }
+    }, $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";
+        default:
+          return "sm";
+      }
+    });
+    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 && P(i == null ? void 0 : i.uid, {
+            thumbUrl: C
+          });
+        }));
+      });
+    });
+    const Be = _(() => {
+      switch (o.size) {
+        case "xlg":
+          return "sm";
+        case "lg":
+          return "xsm";
+        default:
+          return "x2sm";
+      }
+    }), se = {
+      props: o,
+      attrs: p,
+      slots: c,
+      emit: n,
+      fileList: Ge(r),
+      progressSize: Be,
+      uploadableFiles: te,
+      uploadingFiles: X,
+      createRequest: Y,
+      resetRequest: Re,
+      canRunUpload: $e,
+      remove: Se,
+      goSize: Pe,
+      addFiles: me
+    };
+    return Ze(se), t(se), (i, h) => (b(), O(pe, null, [
+      i.noTrigger ? R("", !0) : (b(), z(gt, {
+        key: 0,
+        multiple: i.multiple,
+        directory: i.directory,
+        disabled: i.disabled,
+        accept: $.value,
+        onAddFiles: me,
+        class: S(i.triggerCls)
+      }, {
+        default: Q((k) => [
+          ae(i.$slots, "default", re(le(k)))
+        ]),
+        _: 3
+      }, 8, ["multiple", "directory", "disabled", "accept", "class"])),
+      ae(i.$slots, "list", re(le(se)), () => [
+        j(ut)
+      ])
+    ], 64));
+  }
+});
+export {
+  tt as U,
+  Lt as _,
+  gt as a,
+  Z as b,
+  F as c,
+  Fe as d,
+  Ie as e,
+  st as f,
+  K as i,
+  Ze as p,
+  _e as u
+};