hys-ui 0.2.0 → 0.4.0

package/dist/components/HysUpload/HysUpload.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysUpload2.vue.js";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-41868bf4"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2a1015ce"]]);
 export {
-  f as default
+  m as default
 };

package/dist/components/HysUpload/HysUpload2.vue.js

@@ -1,147 +1,481 @@
-import { defineComponent as L, ref as g, watch as N, onActivated as V, onDeactivated as W, onBeforeUnmount as E, openBlock as b, createElementBlock as h, normalizeProps as H, guardReactiveProps as R, unref as i, createElementVNode as c, withModifiers as k, withKeys as x, normalizeClass as T, renderSlot as U, createVNode as z, toDisplayString as $, Fragment as K, renderList as P, createTextVNode as I, createCommentVNode as M } from "vue";
-import { useHysControlState as X } from "../../composables/formContext.js";
-import { CloudUpload as j, FileText as q, X as G } from "lucide-vue-next";
-import { useHysRootAttrs as J } from "../../config.js";
-const O = ["aria-disabled", "tabindex"], Q = ["accept", "multiple", "disabled"], Y = { key: 0 }, Z = ["aria-label", "disabled", "onClick"], le = /* @__PURE__ */ L({
+import { defineComponent as Z, useAttrs as _, computed as P, ref as U, onMounted as ee, onUpdated as ae, watch as te, openBlock as r, createElementBlock as n, mergeProps as T, unref as a, createElementVNode as d, normalizeClass as D, renderSlot as h, normalizeProps as B, guardReactiveProps as $, createBlock as i, toDisplayString as v, createCommentVNode as u, Fragment as R, createTextVNode as x, withCtx as g, createVNode as z, normalizeStyle as le, renderList as se, nextTick as re } from "vue";
+import { LoaderCircle as M, CloudUpload as oe, ImageOff as ie, FileText as ue, CheckCircle2 as de, AlertCircle as ne, Eye as ve, Download as ye, Pause as ce, RotateCw as pe, X as me } from "lucide-vue-next";
+import f from "../HysButton/HysButton.vue.js";
+import he from "../HysProgress/HysProgress.vue.js";
+import ge from "../HysModal/HysModal.vue.js";
+import { useHysRootAttrs as be } from "../../config.js";
+import { useUpload as we } from "../../composables/useUpload.js";
+import { uploadStatus as b, uploadSize as fe, uploadPercent as ke } from "../../composables/upload.js";
+const ze = ["aria-label", "aria-busy", "aria-invalid", "aria-describedby"], Ce = ["role", "aria-disabled", "tabindex", "aria-label"], qe = ["id", "form", "accept", "multiple", "webkitdirectory", "disabled"], Be = {
+  key: 0,
+  class: "hys-ui-upload-tip"
+}, $e = {
+  key: 1,
+  class: "hys-ui-upload-error",
+  role: "alert"
+}, xe = {
+  key: 0,
+  class: "hys-ui-upload-toolbar"
+}, Fe = { class: "hys-ui-upload-count" }, Ee = { class: "hys-ui-upload-actions" }, He = ["aria-label"], Te = ["data-upload-uid", "tabindex", "onKeydown"], De = ["src", "alt", "onError"], Le = { class: "hys-ui-upload-file-content" }, Se = ["title"], Pe = { class: "hys-ui-upload-meta" }, Re = { key: 0 }, Me = { class: "hys-ui-upload-status" }, Ae = {
+  key: 1,
+  class: "hys-ui-upload-file-error",
+  role: "status"
+}, Ke = { class: "hys-ui-upload-row-actions" }, Oe = {
+  key: 2,
+  class: "hys-ui-upload-empty"
+}, Ue = ["src", "alt"], We = /* @__PURE__ */ Z({
+  inheritAttrs: !1,
   __name: "HysUpload",
   props: {
+    fileList: {},
+    modelValue: {},
+    defaultFileList: {},
+    defaultValue: {},
     accept: {},
     multiple: { type: Boolean, default: !0 },
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    loading: { type: Boolean },
     limit: {},
     maxSize: {},
     drag: { type: Boolean, default: !0 },
+    paste: { type: Boolean },
+    directory: { type: Boolean },
     showFileList: { type: Boolean, default: !0 },
-    beforeUpload: {}
+    listType: { default: "text" },
+    listHeight: { default: 320 },
+    size: {},
+    showToolbar: { type: Boolean, default: !0 },
+    showPreview: { type: Boolean, default: !0 },
+    showDownload: { type: Boolean, default: !0 },
+    showRemove: { type: Boolean, default: !0 },
+    showRetry: { type: Boolean, default: !0 },
+    openFileDialogOnClick: { type: Boolean, default: !0 },
+    autoUpload: { type: Boolean, default: !0 },
+    concurrency: { default: 2 },
+    action: {},
+    method: { default: "POST" },
+    name: { default: "file" },
+    headers: {},
+    data: {},
+    withCredentials: { type: Boolean },
+    timeout: {},
+    customRequest: {},
+    beforeUpload: {},
+    beforeRemove: {},
+    createFile: {},
+    previewFile: {},
+    downloadFile: {},
+    locale: {},
+    ariaLabel: {},
+    triggerLabel: {},
+    error: {},
+    validateEvent: { type: Boolean, default: !0 },
+    listStyle: {}
   },
-  emits: ["change", "remove", "exceed", "error", "select"],
-  setup(m, { expose: B, emit: D }) {
-    const r = m, { disabled: n } = X(r), o = D, S = J(), u = g([]), s = g(), p = g(!1), v = g(!1);
-    function A(l) {
-      return !r.accept || r.accept.split(",").some((e) => (e = e.trim().toLowerCase(), e.startsWith(".") ? l.name.toLowerCase().endsWith(e) : e.endsWith("/*") ? l.type.startsWith(e.slice(0, -1)) : l.type === e));
+  emits: ["update:fileList", "update:modelValue", "change", "fileChange", "remove", "exceed", "error", "select", "invalid", "start", "progress", "success", "uploadError", "removeError", "abort", "preview", "download", "drop", "paste"],
+  setup(o, { expose: V, emit: N }) {
+    const k = o, I = N, j = be(), L = _(), e = we(k, (l, ...s) => I(l, ...s)), X = P(
+      () => Object.fromEntries(
+        Object.entries(L).filter(([l]) => !["id", "form"].includes(l))
+      )
+    ), S = U(!1);
+    function A() {
+      var l;
+      S.value = !!((l = e.zone.value) != null && l.querySelector(
+        'button,a[href],input,select,textarea,[tabindex="0"]'
+      ));
     }
-    let f = 0, d = !0;
-    function y() {
-      f++, v.value = !1, p.value = !1, s.value && (s.value.value = "");
+    ee(A), ae(A);
+    const w = (l) => e.context(l), F = (l) => e.requests.activeKeys.value.has(l.uid), y = P(() => e.available.value), E = /* @__PURE__ */ new Map(), H = U(/* @__PURE__ */ new Map());
+    te(
+      () => e.files.value.map((l) => l.uid),
+      (l) => {
+        const s = new Set(l);
+        for (const c of H.value.keys())
+          s.has(c) || H.value.delete(c);
+      }
+    );
+    async function K(l) {
+      var c;
+      const s = e.files.value.findIndex((p) => p.uid === l.uid);
+      if (await e.remove(l)) {
+        await re();
+        const p = e.files.value[Math.min(s, e.files.value.length - 1)];
+        p ? (c = E.get(p.uid)) == null || c.focus({ preventScroll: !0 }) : e.focus();
+      }
     }
-    N(() => n.value, y), V(() => {
-      d = !0;
-    }), W(() => {
-      d = !1, y();
-    }), E(() => {
-      d = !1, y();
-    });
-    async function w(l) {
-      if (!d || n.value || v.value) return;
-      if (r.multiple || (l = l.slice(0, 1)), r.limit && (r.multiple ? u.value.length : 0) + l.length > r.limit) {
-        o("exceed", l);
+    function G(l, s) {
+      var p, q;
+      if (l.target.closest(
+        'input,textarea,select,[contenteditable="true"]'
+      ))
         return;
-      }
-      const e = ++f;
-      v.value = !0;
-      const a = [];
-      try {
-        for (const t of l) {
-          if (!d || e !== f || n.value) return;
-          try {
-            if (!A(t)) {
-              o("error", "文件类型不符合要求：" + t.name);
-              continue;
-            }
-            if (r.maxSize && t.size > r.maxSize) {
-              o("error", "文件超过大小限制：" + t.name);
-              continue;
-            }
-            if (r.beforeUpload && await r.beforeUpload(t) === !1) continue;
-            if (!d || e !== f || n.value) return;
-            a.push({ uid: crypto.randomUUID(), name: t.name, size: t.size, raw: t });
-          } catch (C) {
-            d && e === f && o("error", C instanceof Error ? C.message : "文件检查失败");
-          }
-        }
-        if (!d || e !== f || n.value || !a.length) return;
-        u.value = r.multiple ? [...u.value, ...a] : a, a.length && (o("select", a.map((t) => t.raw)), o("change", [...u.value]));
-      } finally {
-        e === f && (v.value = !1, s.value && (s.value.value = ""));
+      const c = e.files.value.findIndex((C) => C.uid === s.uid);
+      if (l.key === "Delete" && y.value && k.showRemove)
+        l.preventDefault(), K(s);
+      else if (l.target === l.currentTarget && ["ArrowDown", "ArrowUp", "Home", "End"].includes(l.key)) {
+        l.preventDefault();
+        const C = l.key === "Home" ? 0 : l.key === "End" ? e.files.value.length - 1 : Math.max(
+          0,
+          Math.min(
+            e.files.value.length - 1,
+            c + (l.key === "ArrowDown" ? 1 : -1)
+          )
+        );
+        (q = E.get((p = e.files.value[C]) == null ? void 0 : p.uid)) == null || q.focus();
       }
     }
-    function F(l) {
-      n.value || (u.value = u.value.filter((e) => e.uid !== l.uid), o("remove", l), o("change", [...u.value]));
+    function J(l, s) {
+      s instanceof HTMLElement ? E.set(l, s) : E.delete(l);
     }
-    return B({ clearFiles: () => {
-      y(), u.value = [], o("change", []);
-    }, open: () => {
-      var l;
-      d && !n.value && !v.value && ((l = s.value) == null || l.click());
-    } }), (l, e) => (b(), h("div", H(R(i(S))), [
-      c("div", {
-        class: T(["hys-ui-upload-zone", { "hys-ui-upload-dragging": p.value }]),
-        role: "button",
-        "aria-disabled": i(n) || v.value,
-        tabindex: i(n) ? -1 : 0,
-        "aria-label": "选择上传文件",
-        onClick: e[0] || (e[0] = (a) => {
-          var t;
-          return !i(n) && ((t = s.value) == null ? void 0 : t.click());
-        }),
-        onKeydown: [
-          e[1] || (e[1] = x(k((a) => {
-            var t;
-            return !i(n) && ((t = s.value) == null ? void 0 : t.click());
-          }, ["prevent"]), ["enter"])),
-          e[2] || (e[2] = x(k((a) => {
-            var t;
-            return !i(n) && ((t = s.value) == null ? void 0 : t.click());
-          }, ["prevent"]), ["space"]))
-        ],
-        onDragover: e[3] || (e[3] = k((a) => m.drag && !i(n) && (p.value = !0), ["prevent"])),
-        onDragleave: e[4] || (e[4] = (a) => p.value = !1),
-        onDrop: e[5] || (e[5] = k((a) => {
-          var t;
-          p.value = !1, m.drag && w(Array.from(((t = a.dataTransfer) == null ? void 0 : t.files) || []));
-        }, ["prevent"]))
-      }, [
-        U(l.$slots, "default", {}, () => [
-          z(i(j), {
-            size: 28,
-            "aria-hidden": "true"
-          }),
-          c("strong", null, $(v.value ? "正在检查文件…" : "点击选择或拖入文件"), 1),
-          e[7] || (e[7] = c("span", null, "文件通过事件交给业务层上传", -1))
-        ], !0)
-      ], 42, O),
-      c("input", {
-        ref_key: "input",
-        ref: s,
-        hidden: "",
-        type: "file",
-        accept: m.accept,
-        multiple: m.multiple,
-        disabled: i(n) || v.value,
-        onChange: e[6] || (e[6] = (a) => w(Array.from(a.target.files || [])))
-      }, null, 40, Q),
-      m.showFileList ? (b(), h("div", Y, [
-        (b(!0), h(K, null, P(u.value, (a) => (b(), h("div", {
-          key: a.uid,
-          class: "hys-ui-upload-file"
+    function Q(l) {
+      return e.removing.value.has(l.uid) ? e.words.value.removing : e.requests.queuedKeys.value.has(l.uid) ? e.words.value.queued : F(l) && b(l) === "ready" ? e.words.value.checking : e.words.value[b(l)];
+    }
+    const W = P(() => ({
+      ...k.listStyle,
+      maxHeight: typeof k.listHeight == "number" ? (Number.isFinite(k.listHeight) ? Math.max(80, k.listHeight) : 320) + "px" : k.listHeight
+    }));
+    return V({
+      element: e.element,
+      input: e.input,
+      files: e.files,
+      busy: e.checking,
+      uploading: e.requests.uploading,
+      queued: e.requests.queued,
+      open: e.open,
+      focus: e.focus,
+      addFiles: e.addFiles,
+      getFiles: () => [...e.files.value],
+      clearFiles: e.clearFiles,
+      remove: e.remove,
+      submit: (l) => e.requests.submit(typeof l == "string" ? l : l == null ? void 0 : l.uid),
+      retry: (l) => e.requests.retry(typeof l == "string" ? l : l.uid),
+      abort: (l) => e.requests.abort(typeof l == "string" ? l : l == null ? void 0 : l.uid),
+      preview: e.previewFile,
+      download: e.download
+    }), (l, s) => {
+      var c, p, q, C, O;
+      return r(), n("div", T({
+        ref: (t) => a(e).element.value = t
+      }, { ...a(j), ...X.value }, {
+        class: ["hys-ui-upload", [
+          "hys-ui-upload-" + a(e).size.value,
+          {
+            "hys-ui-upload-disabled": a(e).disabled.value,
+            "hys-ui-upload-readonly": o.readonly
+          }
+        ]],
+        role: "group",
+        "aria-label": o.ariaLabel || a(e).label.value || "文件上传",
+        "aria-busy": a(e).checking.value || a(e).requests.uploading.value > 0 || void 0,
+        "aria-invalid": !!(o.error || (p = (c = a(e).field) == null ? void 0 : c.invalid) != null && p.value) || void 0,
+        "aria-describedby": (q = a(e).field) == null ? void 0 : q.describedBy.value,
+        onPaste: s[10] || (s[10] = //@ts-ignore
+        (...t) => a(e).paste && a(e).paste(...t)),
+        onFocusout: s[11] || (s[11] = //@ts-ignore
+        (...t) => a(e).blur && a(e).blur(...t))
+      }), [
+        d("div", {
+          ref: (t) => a(e).zone.value = t,
+          class: D(["hys-ui-upload-zone", {
+            "hys-ui-upload-dragging": a(e).dragging.value,
+            "hys-ui-upload-click": !o.drag
+          }]),
+          role: S.value ? void 0 : "button",
+          "aria-disabled": !y.value || a(e).checking.value,
+          tabindex: S.value || !y.value ? -1 : 0,
+          "aria-label": o.triggerLabel || a(e).label.value || "选择上传文件",
+          onClick: s[0] || (s[0] = //@ts-ignore
+          (...t) => a(e).click && a(e).click(...t)),
+          onKeydown: s[1] || (s[1] = //@ts-ignore
+          (...t) => a(e).keys && a(e).keys(...t)),
+          onDragenter: s[2] || (s[2] = //@ts-ignore
+          (...t) => a(e).dragEnter && a(e).dragEnter(...t)),
+          onDragover: s[3] || (s[3] = //@ts-ignore
+          (...t) => a(e).dragOver && a(e).dragOver(...t)),
+          onDragleave: s[4] || (s[4] = //@ts-ignore
+          (...t) => a(e).dragLeave && a(e).dragLeave(...t)),
+          onDrop: s[5] || (s[5] = //@ts-ignore
+          (...t) => a(e).drop && a(e).drop(...t))
         }, [
-          z(i(q), { size: 16 }),
-          U(l.$slots, "file", { file: a }, () => [
-            I($(a.name), 1)
-          ], !0),
-          c("button", {
-            type: "button",
-            "aria-label": "移除" + a.name,
-            disabled: i(n),
-            onClick: (t) => F(a)
+          h(l.$slots, "trigger", B($(a(e).scope.value)), () => [
+            h(l.$slots, "default", B($(a(e).scope.value)), () => [
+              a(e).checking.value ? (r(), i(a(M), {
+                key: 0,
+                class: "hys-ui-upload-spinner",
+                size: 28,
+                "aria-hidden": "true"
+              })) : (r(), i(a(oe), {
+                key: 1,
+                size: 28,
+                "aria-hidden": "true"
+              })),
+              d("strong", null, v(a(e).checking.value ? a(e).words.value.checking : o.drag ? a(e).words.value.drag : a(e).words.value.choose), 1),
+              d("span", null, v(a(e).requests.configured.value ? a(e).words.value.uploadHint : a(e).words.value.localHint), 1)
+            ], !0)
+          ], !0)
+        ], 42, Ce),
+        d("input", {
+          ref: (t) => a(e).input.value = t,
+          id: a(L).id || ((C = a(e).field) == null ? void 0 : C.id.value),
+          form: a(L).form,
+          hidden: "",
+          type: "file",
+          accept: o.accept,
+          multiple: o.multiple,
+          webkitdirectory: o.directory || void 0,
+          disabled: !y.value || a(e).checking.value,
+          onChange: s[6] || (s[6] = (t) => a(e).addFiles(
+            Array.from(t.target.files || [])
+          ))
+        }, null, 40, qe),
+        l.$slots.tip ? (r(), n("div", Be, [
+          h(l.$slots, "tip", B($(a(e).scope.value)), void 0, !0)
+        ])) : u("", !0),
+        o.error || a(e).lastError.value ? (r(), n("p", $e, v(o.error || a(e).lastError.value), 1)) : u("", !0),
+        o.showFileList ? (r(), n(R, { key: 2 }, [
+          a(e).files.value.length && o.showToolbar ? (r(), n("div", xe, [
+            h(l.$slots, "toolbar", B($(a(e).scope.value)), () => [
+              d("span", Fe, [
+                x(v(a(e).words.value.files) + " ", 1),
+                d("strong", null, v(a(e).files.value.length), 1)
+              ]),
+              d("div", Ee, [
+                a(e).requests.configured.value ? (r(), i(f, {
+                  key: 0,
+                  variant: "ghost",
+                  size: "sm",
+                  disabled: !y.value || !a(e).files.value.some(
+                    (t) => t.raw && ["ready", "error"].includes(a(b)(t))
+                  ),
+                  onClick: s[7] || (s[7] = (t) => a(e).requests.submit())
+                }, {
+                  default: g(() => [
+                    x(v(a(e).words.value.submit), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])) : u("", !0),
+                a(e).requests.uploading.value || a(e).requests.queued.value ? (r(), i(f, {
+                  key: 1,
+                  variant: "ghost",
+                  size: "sm",
+                  disabled: !y.value,
+                  onClick: s[8] || (s[8] = (t) => a(e).requests.abort())
+                }, {
+                  default: g(() => [
+                    x(v(a(e).words.value.abort), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])) : u("", !0),
+                z(f, {
+                  variant: "ghost",
+                  size: "sm",
+                  disabled: !y.value,
+                  onClick: s[9] || (s[9] = (t) => a(e).clearFiles())
+                }, {
+                  default: g(() => [
+                    x(v(a(e).words.value.clear), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ], !0)
+          ])) : u("", !0),
+          a(e).files.value.length ? (r(), n("ul", {
+            key: 1,
+            class: D(["hys-ui-upload-list", "hys-ui-upload-list-" + o.listType]),
+            style: le(W.value),
+            "aria-label": a(e).words.value.files
           }, [
-            z(i(G), { size: 14 })
-          ], 8, Z)
-        ]))), 128))
-      ])) : M("", !0)
-    ], 16));
+            (r(!0), n(R, null, se(a(e).files.value, (t, Y) => (r(), n("li", {
+              key: t.uid,
+              ref_for: !0,
+              ref: (m) => J(t.uid, m),
+              class: D(["hys-ui-upload-file", [
+                "hys-ui-upload-file-" + a(b)(t),
+                { "hys-ui-upload-file-busy": F(t) }
+              ]]),
+              "data-upload-uid": t.uid,
+              tabindex: Y === 0 ? 0 : -1,
+              onKeydown: (m) => G(m, t)
+            }, [
+              l.$slots.item ? h(l.$slots, "item", T({ ref_for: !0 }, w(t)), void 0, !0, 0) : (r(), n(R, { key: 1 }, [
+                d("div", {
+                  class: D(["hys-ui-upload-thumbnail", { "hys-ui-upload-thumbnail-image": o.listType !== "text" }])
+                }, [
+                  o.listType !== "text" && w(t).thumbnail && H.value.get(t.uid) !== w(t).thumbnail ? (r(), n("img", {
+                    key: 0,
+                    src: w(t).thumbnail,
+                    alt: t.name,
+                    loading: "lazy",
+                    onError: (m) => H.value.set(t.uid, w(t).thumbnail)
+                  }, null, 40, De)) : o.listType !== "text" && w(t).thumbnail ? (r(), i(a(ie), {
+                    key: 1,
+                    size: 28,
+                    "aria-hidden": "true"
+                  })) : (r(), i(a(ue), {
+                    key: 2,
+                    size: o.listType === "text" ? 20 : 28,
+                    "aria-hidden": "true"
+                  }, null, 8, ["size"]))
+                ], 2),
+                d("div", Le, [
+                  h(l.$slots, "file", T({ ref_for: !0 }, w(t)), () => [
+                    d("span", {
+                      class: "hys-ui-upload-name",
+                      title: t.name
+                    }, v(t.name), 9, Se)
+                  ], !0),
+                  d("div", Pe, [
+                    t.size !== void 0 ? (r(), n("span", Re, v(a(fe)(t.size)), 1)) : u("", !0),
+                    d("span", Me, [
+                      F(t) || a(e).removing.value.has(t.uid) ? (r(), i(a(M), {
+                        key: 0,
+                        class: "hys-ui-upload-spinner",
+                        size: 12,
+                        "aria-hidden": "true"
+                      })) : a(b)(t) === "success" ? (r(), i(a(de), {
+                        key: 1,
+                        size: 12,
+                        "aria-hidden": "true"
+                      })) : a(b)(t) === "error" ? (r(), i(a(ne), {
+                        key: 2,
+                        size: 12,
+                        "aria-hidden": "true"
+                      })) : u("", !0),
+                      x(v(Q(t)), 1)
+                    ])
+                  ]),
+                  a(b)(t) === "uploading" ? h(l.$slots, "progress", T({ ref_for: !0 }, w(t)), () => [
+                    z(he, {
+                      value: a(ke)(t),
+                      "stroke-width": 3,
+                      "show-label": !1,
+                      "aria-label": t.name + " 上传进度"
+                    }, null, 8, ["value", "aria-label"])
+                  ], !0, 0) : u("", !0),
+                  t.error && a(b)(t) === "error" ? (r(), n("span", Ae, v(t.error.message), 1)) : u("", !0)
+                ]),
+                d("div", Ke, [
+                  a(e).canPreview(t) ? (r(), i(f, {
+                    key: 0,
+                    variant: "ghost",
+                    size: "sm",
+                    disabled: a(e).disabled.value || o.loading,
+                    "aria-label": a(e).words.value.preview + t.name,
+                    onClick: (m) => a(e).previewFile(t)
+                  }, {
+                    default: g(() => [
+                      z(a(ve), {
+                        size: 15,
+                        "aria-hidden": "true"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "aria-label", "onClick"])) : u("", !0),
+                  a(e).canDownload(t) ? (r(), i(f, {
+                    key: 1,
+                    variant: "ghost",
+                    size: "sm",
+                    disabled: a(e).disabled.value || o.loading,
+                    "aria-label": a(e).words.value.download + t.name,
+                    onClick: (m) => a(e).download(t)
+                  }, {
+                    default: g(() => [
+                      z(a(ye), {
+                        size: 15,
+                        "aria-hidden": "true"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "aria-label", "onClick"])) : u("", !0),
+                  F(t) || a(e).requests.queuedKeys.value.has(t.uid) ? (r(), i(f, {
+                    key: 2,
+                    variant: "ghost",
+                    size: "sm",
+                    disabled: !y.value,
+                    "aria-label": a(e).words.value.abort + t.name,
+                    onClick: (m) => a(e).requests.abort(t.uid)
+                  }, {
+                    default: g(() => [
+                      z(a(ce), {
+                        size: 15,
+                        "aria-hidden": "true"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "aria-label", "onClick"])) : o.showRetry && t.raw && a(b)(t) === "error" && a(e).requests.configured.value ? (r(), i(f, {
+                    key: 3,
+                    variant: "ghost",
+                    size: "sm",
+                    disabled: !y.value,
+                    "aria-label": a(e).words.value.retry + t.name,
+                    onClick: (m) => a(e).requests.retry(t.uid)
+                  }, {
+                    default: g(() => [
+                      z(a(pe), {
+                        size: 15,
+                        "aria-hidden": "true"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "aria-label", "onClick"])) : u("", !0),
+                  o.showRemove ? (r(), i(f, {
+                    key: 4,
+                    variant: "ghost",
+                    size: "sm",
+                    disabled: !y.value || a(e).removing.value.has(t.uid),
+                    "aria-label": a(e).words.value.remove + t.name,
+                    onClick: (m) => K(t)
+                  }, {
+                    default: g(() => [
+                      a(e).removing.value.has(t.uid) ? (r(), i(a(M), {
+                        key: 0,
+                        class: "hys-ui-upload-spinner",
+                        size: 15,
+                        "aria-hidden": "true"
+                      })) : (r(), i(a(me), {
+                        key: 1,
+                        size: 15,
+                        "aria-hidden": "true"
+                      }))
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "aria-label", "onClick"])) : u("", !0)
+                ])
+              ], 64))
+            ], 42, Te))), 128))
+          ], 14, He)) : l.$slots.empty ? (r(), n("div", Oe, [
+            h(l.$slots, "empty", B($(a(e).scope.value)), void 0, !0)
+          ])) : u("", !0)
+        ], 64)) : u("", !0),
+        z(ge, {
+          open: !!a(e).preview.value,
+          title: ((O = a(e).preview.value) == null ? void 0 : O.file.name) || a(e).words.value.preview,
+          footer: !1,
+          size: "lg",
+          onClose: a(e).closePreview
+        }, {
+          default: g(() => [
+            a(e).preview.value ? h(l.$slots, "preview", {
+              file: a(e).preview.value.file,
+              url: a(e).preview.value.url,
+              close: a(e).closePreview
+            }, () => [
+              d("img", {
+                class: "hys-ui-upload-preview-image",
+                src: a(e).preview.value.url,
+                alt: a(e).preview.value.file.name
+              }, null, 8, Ue)
+            ], !0, 0) : u("", !0)
+          ]),
+          _: 3
+        }, 8, ["open", "title", "onClose"])
+      ], 16, ze);
+    };
   }
 });
 export {
-  le as default
+  We as default
 };