@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XUpload.vue2.js

@@ -0,0 +1,1060 @@
+import { defineComponent as Oe, useSlots as vt, toRefs as mt, ref as M, computed as C, watch as fe, onBeforeUnmount as yt, openBlock as a, createElementBlock as u, normalizeClass as D, unref as n, createElementVNode as g, renderSlot as y, createVNode as E, toDisplayString as x, createCommentVNode as v, Fragment as S, withModifiers as U, createBlock as m, withCtx as Ve, createTextVNode as Y, renderList as gt, normalizeStyle as Ae, Teleport as ht, reactive as He } from "vue";
+import kt from "./XButton.vue.js";
+import k from "./XIcon.js";
+import { useXI18n as wt } from "../composables/i18n.js";
+import { hasDarkThemeContext as xt } from "../composables/theme-context.js";
+const bt = ["disabled", "accept", "multiple", "webkitdirectory"], _t = {
+  key: 0,
+  class: "x-upload-picture-card"
+}, Ct = { class: "x-upload-picture-card-text" }, Bt = {
+  key: 0,
+  class: "x-upload-tip"
+}, $t = {
+  key: 1,
+  class: "x-upload-dragger"
+}, Rt = { class: "x-upload-dragger__text" }, Lt = {
+  key: 0,
+  class: "x-upload-tip"
+}, Ut = {
+  key: 2,
+  class: "x-upload-easy-trigger"
+}, Et = ["src", "alt", "loading"], Ft = { class: "x-upload-easy-mask" }, zt = {
+  key: 0,
+  class: "x-upload-easy-progress"
+}, Dt = {
+  key: 1,
+  class: "x-upload-easy-empty"
+}, It = { class: "x-upload-easy-text" }, Pt = {
+  key: 0,
+  class: "x-upload-tip"
+}, Tt = { class: "x-upload-list-item-content" }, jt = {
+  key: 0,
+  class: "x-upload-list-item-thumbnail"
+}, Nt = ["src", "alt", "loading"], Mt = { class: "x-upload-list-item-name" }, St = {
+  key: 0,
+  class: "x-upload-list-item-file-icon"
+}, Ot = ["href", "download", "onClick"], Vt = ["onClick"], At = ["title"], Ht = { class: "x-upload-progress" }, Kt = ["onClick"], Xt = ["onClick"], qt = {
+  key: 1,
+  class: "x-upload-icon x-upload-icon-success"
+}, Gt = ["onClick"], Jt = ["onClick"], Qt = { class: "x-upload-icon x-upload-icon-remove" }, Wt = { class: "x-upload-list-picture-uploading-text" }, Yt = ["src", "alt", "loading"], Zt = { class: "x-upload-list-picture-mask" }, eo = {
+  key: 0,
+  class: "x-upload-list-picture-error-tip"
+}, to = { class: "x-upload-icon x-upload-icon-error" }, oo = { class: "x-upload-list-picture-operation" }, no = ["onClick"], ro = ["onClick"], ao = ["onClick"], io = ["disabled", "accept", "multiple", "webkitdirectory"], so = { class: "x-upload-picture-card" }, uo = { class: "x-upload-picture-card-text" }, lo = {
+  key: 0,
+  class: "x-upload-tip"
+}, co = ["src"], po = {
+  key: 2,
+  class: "x-upload-image-preview-indicator"
+}, ho = /* @__PURE__ */ Oe({
+  __name: "XUpload",
+  props: {
+    fileList: { default: void 0 },
+    defaultFileList: { default: () => [] },
+    modelValue: { default: void 0 },
+    accept: { default: void 0 },
+    action: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    directory: { type: Boolean, default: !1 },
+    draggable: { type: Boolean, default: !1 },
+    drag: { type: Boolean, default: !1 },
+    easy: { type: Boolean, default: !1 },
+    tip: { default: void 0 },
+    headers: { default: void 0 },
+    data: { type: [Object, Function], default: void 0 },
+    name: { type: [String, Function], default: void 0 },
+    withCredentials: { type: Boolean, default: !1 },
+    customRequest: { type: Function, default: void 0 },
+    limit: { default: 0 },
+    autoUpload: { type: Boolean, default: !0 },
+    showFileList: { type: Boolean, default: !0 },
+    showRemoveButton: { type: Boolean, default: !0 },
+    showRetryButton: { type: Boolean, default: !0 },
+    showCancelButton: { type: Boolean, default: !0 },
+    showUploadButton: { type: [Boolean, Object], default: !0 },
+    showPreviewButton: { type: Boolean, default: !0 },
+    download: { type: Boolean, default: !1 },
+    showLink: { type: Boolean, default: !0 },
+    imageLoading: { default: void 0 },
+    listType: { default: "text" },
+    responseUrlKey: { type: [String, Function], default: void 0 },
+    customIcon: { default: void 0 },
+    imagePreview: { type: Boolean, default: !1 },
+    onBeforeUpload: { type: Function, default: void 0 },
+    beforeUpload: { type: Function, default: void 0 },
+    onBeforeRemove: { type: Function, default: void 0 },
+    beforeRemove: { type: Function, default: void 0 },
+    onButtonClick: { type: Function, default: void 0 },
+    buttonText: { default: "选择文件" }
+  },
+  emits: ["update:fileList", "update:modelValue", "exceed-limit", "exceedLimit", "exceed", "change", "progress", "preview", "success", "error", "remove", "download", "abort"],
+  setup(ve, { expose: Ke, emit: Xe }) {
+    const s = ve, b = Xe;
+    vt();
+    const { t: B } = wt(), {
+      customIcon: c,
+      directory: me,
+      disabled: $,
+      download: qe,
+      imageLoading: Z,
+      listType: R,
+      multiple: ye,
+      showCancelButton: ge,
+      showFileList: he,
+      showLink: Ge,
+      showPreviewButton: ke,
+      showRemoveButton: ee,
+      showRetryButton: we,
+      tip: I
+    } = mt(s), te = M(null), xe = M(null), q = M(0), O = M(!1), h = M([]), F = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), V = M(!1), T = M(0), _ = Oe({
+      name: "XUploadVNodeRenderer",
+      props: {
+        node: {
+          type: [Object, String, Number, Boolean, Array],
+          required: !0
+        }
+      },
+      setup(e) {
+        return () => e.node;
+      }
+    }), j = C(() => !!(s.draggable || s.drag)), Je = C(() => !!s.easy), P = C(() => h.value[0]), be = C(() => s.buttonText === "选择文件" ? B("upload.buttonText", void 0, "点击上传") : s.buttonText), A = C(() => {
+      if (s.accept) return s.accept;
+      if (s.easy || s.listType === "picture" || s.listType === "picture-card")
+        return "image/*";
+    }), Qe = C(() => s.limit > 0 && h.value.length >= s.limit), oe = C(() => s.showUploadButton ? Qe.value ? typeof s.showUploadButton == "object" ? !!s.showUploadButton.showOnExceedLimit : !1 : !0 : !1), N = C(
+      () => h.value.filter((e) => !!e.url).map((e) => e.url)
+    ), We = C(() => N.value[T.value] || ""), _e = C(() => T.value > 0), Ce = C(() => T.value < N.value.length - 1), Ye = C(() => typeof document > "u" ? "" : (V.value, xt(xe.value) ? "x-theme-dark" : "")), Ze = C(() => O.value ? B("upload.dragHover", void 0, B("upload.dragRelease", void 0, "释放文件并开始上传")) : B("upload.drag", void 0, B("upload.dragDrop", void 0, "点击或拖拽文件到此处上传")));
+    function ne(e, t) {
+      return typeof e != "number" || Number.isNaN(e) ? t === "done" ? 1 : 0 : e > 1 ? Math.min(1, Math.max(0, e / 100)) : Math.min(1, Math.max(0, e));
+    }
+    function et(e, t) {
+      const o = e.status ?? "done", i = e.uid || `${Date.now()}-${t}`, r = e.raw ?? e.file;
+      return He({
+        ...e,
+        uid: i,
+        status: o,
+        percent: ne(e.percent, o),
+        file: e.file ?? r,
+        raw: r,
+        name: e.name ?? (r == null ? void 0 : r.name) ?? e.uid,
+        size: e.size ?? (r == null ? void 0 : r.size),
+        type: e.type ?? (r == null ? void 0 : r.type)
+      });
+    }
+    function tt(e) {
+      F.clear(), e.forEach((t) => {
+        F.set(t.uid, t);
+      });
+    }
+    function G(e) {
+      const t = H.get(e);
+      t && typeof URL < "u" && URL.revokeObjectURL(t), H.delete(e);
+    }
+    function re(e) {
+      if (!e) return;
+      const t = new Set(h.value.map((i) => i.uid)), o = e.map((i, r) => et(i, r));
+      o.forEach((i) => {
+        t.delete(i.uid);
+      }), t.forEach((i) => {
+        G(i), L.delete(i);
+      }), h.value = o, tt(o);
+    }
+    re(s.defaultFileList), fe(
+      () => s.fileList,
+      (e) => {
+        e !== void 0 && re(e);
+      },
+      { immediate: !0, deep: !0 }
+    ), fe(
+      () => s.modelValue,
+      (e) => {
+        s.fileList === void 0 && e !== void 0 && re(e);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function z(e) {
+      const t = [...h.value];
+      b("update:fileList", t), b("update:modelValue", t), b("change", t, e);
+    }
+    function Be(e, t) {
+      if (!t || !e) return !!e;
+      const o = t.split(",").map((l) => l.trim()).filter(Boolean);
+      if (!o.length) return !0;
+      const i = (e.name.includes(".") ? `.${e.name.split(".").pop()}` : "").toLowerCase(), r = (e.type || "").toLowerCase(), p = r.split("/")[0];
+      return o.some((l) => {
+        const d = l.toLowerCase();
+        return d === r || `${p}${i.replace(".", "/")}` === d || /^\*(\/\*)?$/.test(d) ? !0 : /\/\*/.test(d) ? r.replace(/\/.*$/, "") === d.replace(/\/.*$/, "") : /\..*/.test(d) ? (d === ".jpg" || d === ".jpeg" ? [".jpg", ".jpeg"] : [d]).includes(i) : !1;
+      });
+    }
+    function ae(e, t) {
+      if (!e) return [];
+      const o = Array.from(e);
+      return t ? o.filter((i) => Be(i, t)) : o;
+    }
+    function $e(e, t) {
+      var o;
+      if (!(typeof URL > "u") && (o = e.type) != null && o.includes("image"))
+        try {
+          const i = URL.createObjectURL(e);
+          return H.set(t, i), i;
+        } catch {
+          return;
+        }
+    }
+    function Re(e, t) {
+      return typeof e == "function" ? e(t) : e;
+    }
+    function Le(e) {
+      const t = e.responseText || e.response;
+      if (!t) return;
+      const o = e.getResponseHeader("Content-Type");
+      if (o != null && o.includes("json"))
+        try {
+          return JSON.parse(t);
+        } catch {
+          return t;
+        }
+      return t;
+    }
+    function ot(e) {
+      const t = new XMLHttpRequest(), o = Re(e.name ?? "file", e.fileItem) || "file", i = e.data ? Re(e.data, e.fileItem) : void 0;
+      e.withCredentials && (t.withCredentials = !0), t.upload.onprogress = (p) => {
+        const l = p.total > 0 ? Number((p.loaded / p.total).toFixed(2)) : 0;
+        e.onProgress(l, p);
+      }, t.onerror = (p) => {
+        e.onError(p);
+      }, t.onload = () => {
+        if (t.status < 200 || t.status >= 300) {
+          e.onError(Le(t));
+          return;
+        }
+        e.onSuccess(Le(t));
+      };
+      const r = new FormData();
+      return i && Object.keys(i).forEach((p) => {
+        const l = i[p];
+        l != null && (l instanceof Blob ? r.append(p, l) : r.append(p, String(l)));
+      }), e.fileItem.file && r.append(o, e.fileItem.file), t.open("post", e.action ?? "", !0), Object.entries(e.headers ?? {}).forEach(([p, l]) => {
+        t.setRequestHeader(p, l);
+      }), t.send(r), {
+        abort() {
+          t.abort();
+        }
+      };
+    }
+    function nt(e, t) {
+      if (s.responseUrlKey) {
+        if (typeof s.responseUrlKey == "function")
+          return s.responseUrlKey(e);
+        if (t && typeof t == "object")
+          return t[s.responseUrlKey];
+      }
+    }
+    function K(e, t) {
+      const o = F.get(e);
+      if (o)
+        return t(o), o;
+    }
+    function ie(e) {
+      const t = F.get(e.uid);
+      if (!t) return;
+      const o = (l, d) => {
+        const f = K(t.uid, (w) => {
+          w.status = "uploading", w.percent = ne(l, "uploading"), w.error = void 0;
+        });
+        f && (b("progress", f, d), z(f));
+      }, i = (l) => {
+        const d = K(t.uid, (f) => {
+          f.status = "done", f.percent = 1, f.response = l, f.error = void 0;
+          const w = nt(f, l);
+          w && (G(f.uid), f.url = w);
+        });
+        L.delete(t.uid), d && (b("success", d), z(d));
+      }, r = (l) => {
+        const d = K(t.uid, (f) => {
+          f.status = "error", f.percent = 0, f.response = l, f.error = l instanceof Error ? l.message : typeof l == "string" ? l : B("upload.error", void 0, B("upload.statusError", void 0, "上传失败"));
+        });
+        L.delete(t.uid), d && (b("error", d), z(d));
+      };
+      K(t.uid, (l) => {
+        l.status = "uploading", l.percent = 0, l.error = void 0;
+      }), z(t);
+      const p = {
+        fileItem: t,
+        action: s.action,
+        name: s.name,
+        data: s.data,
+        headers: s.headers,
+        withCredentials: s.withCredentials,
+        onProgress: o,
+        onSuccess: i,
+        onError: r
+      };
+      try {
+        const l = s.customRequest ? s.customRequest(p) : ot(p);
+        if (l && typeof l.then == "function") {
+          l.then((d) => {
+            d && L.set(t.uid, d);
+          }).catch((d) => {
+            r(d);
+          });
+          return;
+        }
+        l && L.set(t.uid, l);
+      } catch (l) {
+        r(l);
+      }
+    }
+    function se(e) {
+      (e ? [e] : h.value.filter((o) => o.status === "uploading")).forEach((o) => {
+        var p;
+        const i = L.get(o.uid);
+        if (!i) return;
+        (p = i.abort) == null || p.call(i), L.delete(o.uid);
+        const r = K(o.uid, (l) => {
+          l.status = "error", l.percent = 0, l.error = B("upload.cancel", void 0, B("upload.actionCancel", void 0, "取消"));
+        });
+        r && (b("abort", r), z(r));
+      });
+    }
+    function J(e) {
+      if (e) {
+        const t = F.get(e.uid);
+        t && ie(t);
+        return;
+      }
+      h.value.forEach((t) => {
+        t.status === "init" && ie(t);
+      });
+    }
+    function rt(e, t) {
+      var i;
+      const o = F.get(e);
+      o && (o.file = t, o.raw = t, o.name = t.name, o.size = t.size, o.type = t.type, !o.url && ((i = t.type) != null && i.includes("image")) && (o.url = $e(t, o.uid)), z(o));
+    }
+    function ue(e) {
+      if (b("preview", e), !s.imagePreview || !e.url)
+        return;
+      const t = N.value.indexOf(e.url);
+      t > -1 && (T.value = t, V.value = !0);
+    }
+    function at() {
+      if (s.onBeforeUpload)
+        return s.onBeforeUpload;
+      if (s.beforeUpload)
+        return (e) => {
+          var t;
+          return (t = s.beforeUpload) == null ? void 0 : t.call(s, e, h.value);
+        };
+    }
+    function it() {
+      if (s.onBeforeRemove)
+        return s.onBeforeRemove;
+      if (s.beforeRemove)
+        return (e) => {
+          var t;
+          return (t = s.beforeRemove) == null ? void 0 : t.call(s, e, h.value);
+        };
+    }
+    async function Ue(e, t) {
+      const o = `${Date.now()}-${t}-${Math.random().toString(36).slice(2, 8)}`, i = He({
+        uid: o,
+        file: e,
+        raw: e,
+        name: e.name,
+        status: "init",
+        percent: 0,
+        size: e.size,
+        type: e.type,
+        url: $e(e, o)
+      });
+      h.value = [...h.value, i], F.set(o, i), z(i), s.autoUpload && ie(i);
+    }
+    function st(e) {
+      const t = [...h.value];
+      b("exceed-limit", t, e), b("exceedLimit", t, e), b("exceed", e);
+    }
+    async function X(e) {
+      if (!e.length) return;
+      if (s.limit > 0 && h.value.length + e.length > s.limit) {
+        st(e);
+        return;
+      }
+      const t = at();
+      for (let o = 0; o < e.length; o += 1) {
+        const i = e[o];
+        if (!t) {
+          await Ue(i, o);
+          continue;
+        }
+        try {
+          const r = await Promise.resolve(t(i));
+          if (!r) continue;
+          await Ue(typeof r == "boolean" ? i : r, o);
+        } catch (r) {
+          console.error(r);
+        }
+      }
+    }
+    function Ee(e) {
+      var o;
+      const t = L.get(e.uid);
+      (o = t == null ? void 0 : t.abort) == null || o.call(t), G(e.uid), L.delete(e.uid), F.delete(e.uid), h.value = h.value.filter((i) => i.uid !== e.uid), z(e), b("remove", e, [...h.value]);
+    }
+    async function Q(e) {
+      const t = it();
+      if (!t) {
+        Ee(e);
+        return;
+      }
+      try {
+        await Promise.resolve(t(e)) && Ee(e);
+      } catch (o) {
+        console.error(o);
+      }
+    }
+    function ut() {
+      [...h.value].forEach((e) => {
+        se(e), G(e.uid);
+      }), h.value = [], F.clear(), L.clear(), z();
+    }
+    function lt(e) {
+      b("download", e);
+    }
+    async function le(e) {
+      var t;
+      if (!s.disabled) {
+        if (s.onButtonClick) {
+          const o = s.onButtonClick(e);
+          if (o && typeof o.then == "function") {
+            const i = await o, r = Array.isArray(i) ? i.filter((p) => p instanceof File) : ae(i, A.value);
+            await X(s.multiple ? r : r.slice(0, 1));
+            return;
+          }
+        }
+        (t = te.value) == null || t.click();
+      }
+    }
+    function Fe(e) {
+      const t = e.target, o = ae(t.files, A.value);
+      X(s.multiple ? o : o.slice(0, 1)), t.value = "";
+    }
+    function W(e) {
+      e === "add" && (q.value += 1), e === "subtract" && (q.value -= 1), e === "reset" && (q.value = 0);
+    }
+    function dt(e, t, o) {
+      const i = [];
+      let r = 0;
+      const p = () => {
+        r || o(i);
+      }, l = (d) => {
+        if (r += 1, d != null && d.isFile) {
+          d.file((f) => {
+            var w;
+            r -= 1, Be(f, t) && (Object.defineProperty(f, "webkitRelativePath", {
+              value: (w = d.fullPath) == null ? void 0 : w.replace(/^\//, ""),
+              configurable: !0
+            }), i.push(f)), p();
+          });
+          return;
+        }
+        if (d != null && d.isDirectory) {
+          const f = d.createReader();
+          let w = !1;
+          const Me = () => {
+            f.readEntries((Se) => {
+              w || (r -= 1, w = !0), Se.length === 0 ? p() : (Me(), Se.forEach(l));
+            });
+          };
+          Me();
+          return;
+        }
+        r -= 1, p();
+      };
+      Array.from(e).forEach((d) => {
+        var w;
+        const f = (w = d.webkitGetAsEntry) == null ? void 0 : w.call(d);
+        f && l(f);
+      });
+    }
+    function ze(e) {
+      !j.value || s.disabled || (e.preventDefault(), W("add"));
+    }
+    function De(e) {
+      !j.value || s.disabled || (e.preventDefault(), O.value || (O.value = !0));
+    }
+    function Ie(e) {
+      !j.value || s.disabled || (e.preventDefault(), W("subtract"), q.value <= 0 && (O.value = !1, W("reset")));
+    }
+    function Pe(e) {
+      var o, i;
+      if (!j.value || s.disabled) return;
+      if (e.preventDefault(), O.value = !1, W("reset"), s.directory && ((o = e.dataTransfer) != null && o.items)) {
+        dt(e.dataTransfer.items, A.value, (r) => {
+          X(s.multiple ? r : r.slice(0, 1));
+        });
+        return;
+      }
+      const t = ae((i = e.dataTransfer) == null ? void 0 : i.files, A.value);
+      X(s.multiple ? t : t.slice(0, 1));
+    }
+    function ct(e) {
+      var i, r;
+      const t = (((i = e.file) == null ? void 0 : i.type) || e.type || "").toLowerCase(), o = (((r = e.name) == null ? void 0 : r.split(".").pop()) || "").toLowerCase();
+      return t.includes("image") || ["png", "jpg", "jpeg", "bmp", "gif", "webp"].includes(o) ? "tupian" : t.includes("pdf") || o === "pdf" ? "pdf" : t.includes("audio") || ["mp3", "wav", "m4a", "flac"].includes(o) ? "yuyin" : t.includes("video") || ["mp4", "mkv", "mov", "m4v"].includes(o) ? "video-camera" : "file-text";
+    }
+    function pt(e) {
+      return `x-upload-list-item-${e.status || "init"}`;
+    }
+    function de(e) {
+      const t = ne(e.percent, e.status || "init");
+      return Math.round(t * 100);
+    }
+    function Te(e) {
+      return {
+        "--x-upload-progress-value": `${de(e)}%`
+      };
+    }
+    function ce() {
+      V.value = !1;
+    }
+    function je() {
+      _e.value && (T.value -= 1);
+    }
+    function Ne() {
+      Ce.value && (T.value += 1);
+    }
+    function ft(e) {
+      e.target === e.currentTarget && ce();
+    }
+    function pe(e) {
+      if (V.value) {
+        if (e.key === "Escape") {
+          ce();
+          return;
+        }
+        if (e.key === "ArrowLeft") {
+          je();
+          return;
+        }
+        e.key === "ArrowRight" && Ne();
+      }
+    }
+    return fe(V, (e) => {
+      typeof document > "u" || (e ? (document.body.style.overflow = "hidden", window.addEventListener("keydown", pe)) : (document.body.style.overflow = "", window.removeEventListener("keydown", pe)));
+    }), yt(() => {
+      L.forEach((e) => {
+        var t;
+        (t = e.abort) == null || t.call(e);
+      }), L.clear(), H.forEach((e) => {
+        typeof URL < "u" && URL.revokeObjectURL(e);
+      }), H.clear(), typeof window < "u" && window.removeEventListener("keydown", pe), typeof document < "u" && (document.body.style.overflow = "");
+    }), Ke({
+      submit: J,
+      abort: se,
+      updateFile: rt,
+      upload: X,
+      pick: le,
+      clear: ut,
+      remove: Q
+    }), (e, t) => (a(), u("div", {
+      ref_key: "uploadRootRef",
+      ref: xe,
+      class: D(["x-upload-wrapper", [`x-upload-wrapper-type-${n(R)}`]])
+    }, [
+      oe.value && (n(R) !== "picture-card" || !n(he)) ? (a(), u("div", {
+        key: 0,
+        class: D(["x-upload-trigger", {
+          "is-draggable": j.value && n(R) !== "picture-card",
+          "is-dragging": O.value,
+          "is-disabled": n($),
+          "x-upload-trigger-picture": n(R) === "picture-card"
+        }]),
+        onClick: le,
+        onDragenter: ze,
+        onDragover: De,
+        onDragleave: Ie,
+        onDrop: Pe
+      }, [
+        g("input", {
+          ref_key: "inputRef",
+          ref: te,
+          class: "x-upload-trigger__input",
+          type: "file",
+          disabled: n($),
+          accept: A.value,
+          multiple: n(ye),
+          webkitdirectory: n(me) ? "webkitdirectory" : void 0,
+          onChange: Fe
+        }, null, 40, bt),
+        y(e.$slots, "upload-button", {}, () => [
+          y(e.$slots, "trigger", {}, () => [
+            y(e.$slots, "default", {}, () => {
+              var o;
+              return [
+                n(R) === "picture-card" ? (a(), u("div", _t, [
+                  g("div", Ct, [
+                    E(n(k), {
+                      name: "checkbox-plus",
+                      size: 14
+                    }),
+                    n(I) ? (a(), u("div", Bt, x(n(I)), 1)) : v("", !0)
+                  ])
+                ])) : j.value ? (a(), u("div", $t, [
+                  E(n(k), {
+                    name: "checkbox-plus",
+                    size: 14
+                  }),
+                  g("div", Rt, x(Ze.value), 1),
+                  n(I) ? (a(), u("div", Lt, x(n(I)), 1)) : v("", !0)
+                ])) : Je.value ? (a(), u("div", Ut, [
+                  (o = P.value) != null && o.url ? (a(), u(S, { key: 0 }, [
+                    g("img", {
+                      src: P.value.url,
+                      alt: P.value.name || "upload-image",
+                      loading: n(Z)
+                    }, null, 8, Et),
+                    g("div", Ft, [
+                      n(ke) && P.value.url ? (a(), u("span", {
+                        key: 0,
+                        class: "x-upload-icon x-upload-icon-preview",
+                        onClick: t[0] || (t[0] = U((i) => ue(P.value), ["stop"]))
+                      }, [
+                        E(n(k), {
+                          name: "yanjing-zhengyan",
+                          size: 14
+                        })
+                      ])) : v("", !0),
+                      n(ee) && !n($) ? (a(), u("span", {
+                        key: 1,
+                        class: "x-upload-icon x-upload-icon-remove",
+                        onClick: t[1] || (t[1] = U((i) => Q(P.value), ["stop"]))
+                      }, [
+                        E(n(k), {
+                          name: "shanchu",
+                          size: 14
+                        })
+                      ])) : v("", !0)
+                    ]),
+                    P.value.status === "uploading" ? (a(), u("div", zt, x(de(P.value)) + "% ", 1)) : v("", !0)
+                  ], 64)) : (a(), u("div", Dt, [
+                    E(n(k), {
+                      name: "checkbox-plus",
+                      size: 14
+                    }),
+                    g("div", It, x(be.value), 1)
+                  ]))
+                ])) : (a(), m(kt, {
+                  key: 3,
+                  type: "primary",
+                  disabled: n($)
+                }, {
+                  icon: Ve(() => [
+                    E(n(k), {
+                      name: "upload",
+                      size: 14
+                    })
+                  ]),
+                  default: Ve(() => [
+                    Y(" " + x(be.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]))
+              ];
+            }, !0)
+          ], !0)
+        ], !0),
+        n(I) && !j.value && n(R) !== "picture-card" ? (a(), u("div", Pt, x(n(I)), 1)) : v("", !0)
+      ], 34)) : v("", !0),
+      n(he) ? (a(), u("div", {
+        key: 1,
+        class: D(["x-upload-list", [
+          `x-upload-list-type-${n(R)}`,
+          { "x-upload-list-has-trigger": n(R) !== "picture-card" && oe.value }
+        ]])
+      }, [
+        (a(!0), u(S, null, gt(h.value, (o, i) => y(e.$slots, "upload-item", {
+          key: o.uid,
+          fileItem: o,
+          index: i
+        }, () => [
+          n(R) !== "picture-card" ? (a(), u("div", {
+            key: 0,
+            class: D(["x-upload-list-item", pt(o)])
+          }, [
+            g("div", Tt, [
+              n(R) === "picture" ? (a(), u("span", jt, [
+                y(e.$slots, "image", { fileItem: o }, () => [
+                  o.url ? (a(), u("img", {
+                    key: 0,
+                    src: o.url,
+                    alt: o.name,
+                    loading: n(Z)
+                  }, null, 8, Nt)) : v("", !0)
+                ], !0)
+              ])) : v("", !0),
+              g("div", Mt, [
+                n(R) === "text" ? (a(), u("span", St, [
+                  y(e.$slots, "file-icon", { fileItem: o }, () => {
+                    var r;
+                    return [
+                      (r = n(c)) != null && r.fileIcon ? (a(), m(n(_), {
+                        key: 0,
+                        node: n(c).fileIcon(o)
+                      }, null, 8, ["node"])) : (a(), m(n(k), {
+                        key: 1,
+                        name: ct(o),
+                        size: 14
+                      }, null, 8, ["name"]))
+                    ];
+                  }, !0)
+                ])) : v("", !0),
+                n(Ge) && o.url ? (a(), u("a", {
+                  key: 1,
+                  class: "x-upload-list-item-name-link",
+                  href: o.url,
+                  target: "_blank",
+                  download: n(qe) ? o.name : void 0,
+                  onClick: (r) => lt(o)
+                }, [
+                  y(e.$slots, "file-name", { fileItem: o }, () => {
+                    var r;
+                    return [
+                      (r = n(c)) != null && r.fileName ? (a(), m(n(_), {
+                        key: 0,
+                        node: n(c).fileName(o)
+                      }, null, 8, ["node"])) : (a(), u(S, { key: 1 }, [
+                        Y(x(o.name), 1)
+                      ], 64))
+                    ];
+                  }, !0)
+                ], 8, Ot)) : (a(), u("span", {
+                  key: 2,
+                  class: "x-upload-list-item-name-text",
+                  onClick: (r) => ue(o)
+                }, [
+                  y(e.$slots, "file-name", { fileItem: o }, () => {
+                    var r;
+                    return [
+                      (r = n(c)) != null && r.fileName ? (a(), m(n(_), {
+                        key: 0,
+                        node: n(c).fileName(o)
+                      }, null, 8, ["node"])) : (a(), u(S, { key: 1 }, [
+                        Y(x(o.name), 1)
+                      ], 64))
+                    ];
+                  }, !0)
+                ], 8, Vt)),
+                o.status === "error" ? (a(), u("span", {
+                  key: 3,
+                  class: "x-upload-icon x-upload-icon-error",
+                  title: o.error || n(B)("upload.error", void 0, n(B)("upload.statusError", void 0, "上传失败"))
+                }, [
+                  y(e.$slots, "error-icon", {}, () => {
+                    var r;
+                    return [
+                      (r = n(c)) != null && r.errorIcon ? (a(), m(n(_), {
+                        key: 0,
+                        node: n(c).errorIcon()
+                      }, null, 8, ["node"])) : (a(), m(n(k), {
+                        key: 1,
+                        name: "a-014_quxiao",
+                        size: 14
+                      }))
+                    ];
+                  }, !0)
+                ], 8, At)) : v("", !0)
+              ]),
+              g("div", Ht, [
+                o.status === "uploading" || o.status === "init" ? (a(), u(S, { key: 0 }, [
+                  g("span", {
+                    class: "x-upload-progress-circle",
+                    style: Ae(Te(o))
+                  }, [...t[2] || (t[2] = [
+                    g("span", { class: "x-upload-progress-circle-inner" }, null, -1)
+                  ])], 4),
+                  o.status === "uploading" && n(ge) && !n($) ? (a(), u("span", {
+                    key: 0,
+                    class: "x-upload-progress-action",
+                    onClick: U((r) => se(o), ["stop"])
+                  }, [
+                    y(e.$slots, "cancel-icon", {}, () => {
+                      var r;
+                      return [
+                        (r = n(c)) != null && r.cancelIcon ? (a(), m(n(_), {
+                          key: 0,
+                          node: n(c).cancelIcon()
+                        }, null, 8, ["node"])) : (a(), m(n(k), {
+                          key: 1,
+                          name: "pause",
+                          size: 12
+                        }))
+                      ];
+                    }, !0)
+                  ], 8, Kt)) : o.status === "init" && !n($) ? (a(), u("span", {
+                    key: 1,
+                    class: "x-upload-progress-action",
+                    onClick: U((r) => J(o), ["stop"])
+                  }, [
+                    y(e.$slots, "start-icon", {}, () => {
+                      var r;
+                      return [
+                        (r = n(c)) != null && r.startIcon ? (a(), m(n(_), {
+                          key: 0,
+                          node: n(c).startIcon()
+                        }, null, 8, ["node"])) : (a(), m(n(k), {
+                          key: 1,
+                          name: "play",
+                          size: 12
+                        }))
+                      ];
+                    }, !0)
+                  ], 8, Xt)) : v("", !0)
+                ], 64)) : o.status === "done" ? (a(), u("span", qt, [
+                  y(e.$slots, "success-icon", {}, () => {
+                    var r;
+                    return [
+                      (r = n(c)) != null && r.successIcon ? (a(), m(n(_), {
+                        key: 0,
+                        node: n(c).successIcon()
+                      }, null, 8, ["node"])) : (a(), m(n(k), {
+                        key: 1,
+                        name: "dui",
+                        size: 14
+                      }))
+                    ];
+                  }, !0)
+                ])) : o.status === "error" && n(we) && !n($) ? (a(), u("span", {
+                  key: 2,
+                  class: "x-upload-icon x-upload-icon-upload",
+                  onClick: U((r) => J(o), ["stop"])
+                }, [
+                  y(e.$slots, "retry-icon", {}, () => {
+                    var r;
+                    return [
+                      (r = n(c)) != null && r.retryIcon ? (a(), m(n(_), {
+                        key: 0,
+                        node: n(c).retryIcon()
+                      }, null, 8, ["node"])) : (a(), u(S, { key: 1 }, [
+                        Y(x(n(B)("upload.retry", void 0, "点击重试")), 1)
+                      ], 64))
+                    ];
+                  }, !0)
+                ], 8, Gt)) : v("", !0)
+              ])
+            ]),
+            n(ee) && !n($) ? (a(), u("span", {
+              key: 0,
+              class: "x-upload-list-item-operation",
+              onClick: U((r) => Q(o), ["stop"])
+            }, [
+              g("span", Qt, [
+                y(e.$slots, "remove-icon", {}, () => {
+                  var r;
+                  return [
+                    (r = n(c)) != null && r.removeIcon ? (a(), m(n(_), {
+                      key: 0,
+                      node: n(c).removeIcon()
+                    }, null, 8, ["node"])) : (a(), m(n(k), {
+                      key: 1,
+                      name: "shanchu",
+                      size: 14
+                    }))
+                  ];
+                }, !0)
+              ])
+            ], 8, Jt)) : v("", !0),
+            y(e.$slots, "extra-button", { fileItem: o }, void 0, !0)
+          ], 2)) : (a(), u("span", {
+            key: 1,
+            class: D(["x-upload-list-picture", { "is-error": o.status === "error" }])
+          }, [
+            o.status === "uploading" ? (a(), u("div", {
+              key: 0,
+              class: "x-upload-list-picture-uploading",
+              style: Ae(Te(o))
+            }, [
+              t[3] || (t[3] = g("span", { class: "x-upload-list-picture-uploading-circle" }, [
+                g("span", { class: "x-upload-list-picture-uploading-inner" })
+              ], -1)),
+              g("span", Wt, x(de(o)) + "%", 1)
+            ], 4)) : (a(), u(S, { key: 1 }, [
+              y(e.$slots, "image", { fileItem: o }, () => [
+                o.url ? (a(), u("img", {
+                  key: 0,
+                  src: o.url,
+                  alt: o.name,
+                  loading: n(Z)
+                }, null, 8, Yt)) : v("", !0)
+              ], !0),
+              g("div", Zt, [
+                o.status === "error" && n(ge) ? (a(), u("div", eo, [
+                  g("span", to, [
+                    y(e.$slots, "error-icon", {}, () => {
+                      var r;
+                      return [
+                        (r = n(c)) != null && r.errorIcon ? (a(), m(n(_), {
+                          key: 0,
+                          node: n(c).errorIcon()
+                        }, null, 8, ["node"])) : (a(), m(n(k), {
+                          key: 1,
+                          name: "a-014_quxiao",
+                          size: 26
+                        }))
+                      ];
+                    }, !0)
+                  ])
+                ])) : v("", !0),
+                g("div", oo, [
+                  o.status !== "error" && n(ke) ? (a(), u("span", {
+                    key: 0,
+                    class: "x-upload-icon x-upload-icon-preview",
+                    onClick: U((r) => ue(o), ["stop"])
+                  }, [
+                    y(e.$slots, "preview-icon", {}, () => {
+                      var r;
+                      return [
+                        (r = n(c)) != null && r.previewIcon ? (a(), m(n(_), {
+                          key: 0,
+                          node: n(c).previewIcon()
+                        }, null, 8, ["node"])) : (a(), m(n(k), {
+                          key: 1,
+                          name: "yanjing-zhengyan",
+                          size: 14
+                        }))
+                      ];
+                    }, !0)
+                  ], 8, no)) : v("", !0),
+                  (o.status === "init" || o.status === "error") && n(we) && !n($) ? (a(), u("span", {
+                    key: 1,
+                    class: "x-upload-icon x-upload-icon-upload",
+                    onClick: U((r) => J(o), ["stop"])
+                  }, [
+                    y(e.$slots, "retry-icon", {}, () => {
+                      var r;
+                      return [
+                        (r = n(c)) != null && r.retryIcon ? (a(), m(n(_), {
+                          key: 0,
+                          node: n(c).retryIcon()
+                        }, null, 8, ["node"])) : (a(), m(n(k), {
+                          key: 1,
+                          name: "upload",
+                          size: 14
+                        }))
+                      ];
+                    }, !0)
+                  ], 8, ro)) : v("", !0),
+                  n(ee) && !n($) ? (a(), u("span", {
+                    key: 2,
+                    class: "x-upload-icon x-upload-icon-remove",
+                    onClick: U((r) => Q(o), ["stop"])
+                  }, [
+                    y(e.$slots, "remove-icon", {}, () => {
+                      var r;
+                      return [
+                        (r = n(c)) != null && r.removeIcon ? (a(), m(n(_), {
+                          key: 0,
+                          node: n(c).removeIcon()
+                        }, null, 8, ["node"])) : (a(), m(n(k), {
+                          key: 1,
+                          name: "shanchu",
+                          size: 14
+                        }))
+                      ];
+                    }, !0)
+                  ], 8, ao)) : v("", !0),
+                  y(e.$slots, "extra-button", { fileItem: o }, void 0, !0)
+                ])
+              ])
+            ], 64))
+          ], 2))
+        ], !0)), 128)),
+        n(R) === "picture-card" && oe.value ? (a(), u("div", {
+          key: 0,
+          class: D(["x-upload-trigger x-upload-trigger-picture", { "is-disabled": n($) }]),
+          onClick: le,
+          onDragenter: ze,
+          onDragover: De,
+          onDragleave: Ie,
+          onDrop: Pe
+        }, [
+          g("input", {
+            ref_key: "inputRef",
+            ref: te,
+            class: "x-upload-trigger__input",
+            type: "file",
+            disabled: n($),
+            accept: A.value,
+            multiple: n(ye),
+            webkitdirectory: n(me) ? "webkitdirectory" : void 0,
+            onChange: Fe
+          }, null, 40, io),
+          y(e.$slots, "upload-button", {}, () => [
+            y(e.$slots, "trigger", {}, () => [
+              y(e.$slots, "default", {}, () => [
+                g("div", so, [
+                  g("div", uo, [
+                    E(n(k), {
+                      name: "checkbox-plus",
+                      size: 14
+                    }),
+                    n(I) ? (a(), u("div", lo, x(n(I)), 1)) : v("", !0)
+                  ])
+                ])
+              ], !0)
+            ], !0)
+          ], !0)
+        ], 34)) : v("", !0)
+      ], 2)) : v("", !0),
+      (a(), m(ht, { to: "body" }, [
+        ve.imagePreview && V.value ? (a(), u("div", {
+          key: 0,
+          class: D(["x-upload-image-preview", Ye.value]),
+          onClick: ft
+        }, [
+          g("button", {
+            class: "x-upload-image-preview-close",
+            type: "button",
+            onClick: U(ce, ["stop"])
+          }, [
+            E(n(k), {
+              name: "guanbi",
+              size: 18
+            })
+          ]),
+          N.value.length > 1 ? (a(), u("button", {
+            key: 0,
+            class: D(["x-upload-image-preview-nav is-prev", { "is-disabled": !_e.value }]),
+            type: "button",
+            onClick: U(je, ["stop"])
+          }, [
+            E(n(k), {
+              name: "fanhui",
+              size: 20
+            })
+          ], 2)) : v("", !0),
+          g("img", {
+            class: "x-upload-image-preview-img",
+            src: We.value,
+            alt: "preview"
+          }, null, 8, co),
+          N.value.length > 1 ? (a(), u("button", {
+            key: 1,
+            class: D(["x-upload-image-preview-nav is-next", { "is-disabled": !Ce.value }]),
+            type: "button",
+            onClick: U(Ne, ["stop"])
+          }, [
+            E(n(k), {
+              name: "gengduo",
+              size: 20
+            })
+          ], 2)) : v("", !0),
+          N.value.length > 1 ? (a(), u("div", po, x(T.value + 1) + " / " + x(N.value.length), 1)) : v("", !0)
+        ], 2)) : v("", !0)
+      ]))
+    ], 2));
+  }
+});
+export {
+  ho as default
+};