hys-ui 0.1.1 → 0.3.0

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

@@ -1,146 +1,481 @@
-import { defineComponent as L, ref as b, watch as S, onActivated as N, onDeactivated as V, onBeforeUnmount as W, openBlock as p, createElementBlock as y, normalizeProps as E, guardReactiveProps as R, unref as g, createElementVNode as m, withModifiers as h, withKeys as x, normalizeClass as T, renderSlot as C, createVNode as k, toDisplayString as U, Fragment as H, renderList as K, createTextVNode as P, createCommentVNode as I } from "vue";
-import { CloudUpload as M, FileText as X, X as j } from "lucide-vue-next";
-import { useHysRootAttrs as q } from "../../config.js";
-const G = ["aria-disabled", "tabindex"], J = ["accept", "multiple", "disabled"], O = { key: 0 }, Q = ["aria-label", "disabled", "onClick"], ee = /* @__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(n, { expose: $, emit: B }) {
-    const l = n, r = B, D = q(), o = b([]), d = b(), v = b(!1), u = b(!1);
-    function A(i) {
-      return !l.accept || l.accept.split(",").some((e) => (e = e.trim().toLowerCase(), e.startsWith(".") ? i.name.toLowerCase().endsWith(e) : e.endsWith("/*") ? i.type.startsWith(e.slice(0, -1)) : i.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, s = !0;
-    function c() {
-      f++, u.value = !1, v.value = !1, d.value && (d.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();
+      }
     }
-    S(() => l.disabled, c), N(() => {
-      s = !0;
-    }), V(() => {
-      s = !1, c();
-    }), W(() => {
-      s = !1, c();
-    });
-    async function z(i) {
-      if (!s || l.disabled || u.value) return;
-      if (l.multiple || (i = i.slice(0, 1)), l.limit && (l.multiple ? o.value.length : 0) + i.length > l.limit) {
-        r("exceed", i);
+    function G(l, s) {
+      var p, q;
+      if (l.target.closest(
+        'input,textarea,select,[contenteditable="true"]'
+      ))
         return;
+      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();
       }
-      const e = ++f;
-      u.value = !0;
-      const a = [];
-      try {
-        for (const t of i) {
-          if (!s || e !== f || l.disabled) return;
-          try {
-            if (!A(t)) {
-              r("error", "文件类型不符合要求：" + t.name);
-              continue;
-            }
-            if (l.maxSize && t.size > l.maxSize) {
-              r("error", "文件超过大小限制：" + t.name);
-              continue;
-            }
-            if (l.beforeUpload && await l.beforeUpload(t) === !1) continue;
-            if (!s || e !== f || l.disabled) return;
-            a.push({ uid: crypto.randomUUID(), name: t.name, size: t.size, raw: t });
-          } catch (w) {
-            s && e === f && r("error", w instanceof Error ? w.message : "文件检查失败");
-          }
-        }
-        if (!s || e !== f || l.disabled || !a.length) return;
-        o.value = l.multiple ? [...o.value, ...a] : a, a.length && (r("select", a.map((t) => t.raw)), r("change", [...o.value]));
-      } finally {
-        e === f && (u.value = !1, d.value && (d.value.value = ""));
-      }
     }
-    function F(i) {
-      l.disabled || (o.value = o.value.filter((e) => e.uid !== i.uid), r("remove", i), r("change", [...o.value]));
+    function J(l, s) {
+      s instanceof HTMLElement ? E.set(l, s) : E.delete(l);
+    }
+    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)];
     }
-    return $({ clearFiles: () => {
-      c(), o.value = [], r("change", []);
-    }, open: () => {
-      var i;
-      s && !l.disabled && !u.value && ((i = d.value) == null || i.click());
-    } }), (i, e) => (p(), y("div", E(R(g(D))), [
-      m("div", {
-        class: T(["hys-ui-upload-zone", { "hys-ui-upload-dragging": v.value }]),
-        role: "button",
-        "aria-disabled": n.disabled || u.value,
-        tabindex: n.disabled ? -1 : 0,
-        "aria-label": "选择上传文件",
-        onClick: e[0] || (e[0] = (a) => {
-          var t;
-          return !n.disabled && ((t = d.value) == null ? void 0 : t.click());
-        }),
-        onKeydown: [
-          e[1] || (e[1] = x(h((a) => {
-            var t;
-            return !n.disabled && ((t = d.value) == null ? void 0 : t.click());
-          }, ["prevent"]), ["enter"])),
-          e[2] || (e[2] = x(h((a) => {
-            var t;
-            return !n.disabled && ((t = d.value) == null ? void 0 : t.click());
-          }, ["prevent"]), ["space"]))
-        ],
-        onDragover: e[3] || (e[3] = h((a) => n.drag && !n.disabled && (v.value = !0), ["prevent"])),
-        onDragleave: e[4] || (e[4] = (a) => v.value = !1),
-        onDrop: e[5] || (e[5] = h((a) => {
-          var t;
-          v.value = !1, n.drag && z(Array.from(((t = a.dataTransfer) == null ? void 0 : t.files) || []));
-        }, ["prevent"]))
-      }, [
-        C(i.$slots, "default", {}, () => [
-          k(g(M), {
-            size: 28,
-            "aria-hidden": "true"
-          }),
-          m("strong", null, U(u.value ? "正在检查文件…" : "点击选择或拖入文件"), 1),
-          e[7] || (e[7] = m("span", null, "文件通过事件交给业务层上传", -1))
-        ], !0)
-      ], 42, G),
-      m("input", {
-        ref_key: "input",
-        ref: d,
-        hidden: "",
-        type: "file",
-        accept: n.accept,
-        multiple: n.multiple,
-        disabled: n.disabled || u.value,
-        onChange: e[6] || (e[6] = (a) => z(Array.from(a.target.files || [])))
-      }, null, 40, J),
-      n.showFileList ? (p(), y("div", O, [
-        (p(!0), y(H, null, K(o.value, (a) => (p(), y("div", {
-          key: a.uid,
-          class: "hys-ui-upload-file"
+    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))
         }, [
-          k(g(X), { size: 16 }),
-          C(i.$slots, "file", { file: a }, () => [
-            P(U(a.name), 1)
-          ], !0),
-          m("button", {
-            type: "button",
-            "aria-label": "移除" + a.name,
-            disabled: n.disabled,
-            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
           }, [
-            k(g(j), { size: 14 })
-          ], 8, Q)
-        ]))), 128))
-      ])) : I("", !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 {
-  ee as default
+  We as default
 };