@qynpm/ui 1.1.0 → 1.2.0

package/dist/shared/index-DSc98P0J.mjs

@@ -0,0 +1,957 @@
+import { ElUpload as ft, ElIcon as pt, ElPopover as mt, ElInput as vt, ElImageViewer as gt, ElDialog as yt } from "element-plus/es";
+import { openBlock as m, createElementBlock as h, normalizeStyle as ht, normalizeClass as ge, createElementVNode as w, createVNode as _, createSlots as xt, withCtx as U, withModifiers as v, Fragment as Y, toDisplayString as z, createCommentVNode as x, renderSlot as bt, createBlock as _t, createTextVNode as $, ref as g, onMounted as Me, computed as V, watch as ee, toRaw as ye, nextTick as Ne, onBeforeUnmount as Ke } from "vue";
+import { Delete as wt, ZoomIn as Ut, Document as kt, InfoFilled as Vt, Plus as Dt } from "@element-plus/icons-vue";
+import { useFormDisabled as We, genFileId as he, ElLoading as Xe, ElMessage as k } from "element-plus";
+import { a as Ft } from "./js.cookie-BA-dL3zT.mjs";
+import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Tt = "Admin-Token";
+function Ee(O = Tt) {
+  return Ft.get(O);
+}
+const qt = /* @__PURE__ */ Object.assign({
+  name: "QyUpload"
+}, {
+  __name: "index",
+  props: {
+    /**
+     * 受控值。valueFormat 为 object 时结构为 { files, text }，
+     * array 时为 string[]，string 时为逗号分隔 URL。
+     */
+    modelValue: { type: [Object, Array, String], default: void 0 },
+    /** 已选择的浏览器本地文件，不与上传完成后的远程值混用。 */
+    selectedFiles: { type: Array, default: () => [] },
+    /** 是否在选择后立即上传；false 时只维护 selectedFiles。 */
+    autoUpload: { type: Boolean, default: !0 },
+    /** Qy 展示模式：media-card | attachment-card | file-list。 */
+    variant: { type: String, default: "media-card" },
+    /**
+     * 初始值，结构为 { files: '逗号分隔的URL', text: '文字内容' }
+     * 非受控模式，仅初始化时读取一次
+     */
+    defaultValue: { type: Object, default: () => ({ files: "", text: "" }) },
+    /** v-model 输出格式：object | array | string */
+    valueFormat: { type: String, default: "object" },
+    /** 是否显示底部文字备注区 */
+    showText: { type: Boolean, default: !0 },
+    /** 是否显示纯粘贴输入条，不保存文字，仅用于承接 Ctrl+V 图片 */
+    showPasteInput: { type: Boolean, default: !1 },
+    /** 文字区占位文案，也用于凭证上传的粘贴提示 */
+    pastePlaceholder: { type: String, default: "输入文字" },
+    /** 是否多选 */
+    multiple: { type: Boolean, default: !0 },
+    /** 是否禁用 */
+    disabled: { type: Boolean, default: void 0 },
+    /** 允许的文件类型后缀（如 ['jpg', 'mp4']） */
+    fileType: { type: Array, default: () => [] },
+    /** 单个文件大小限制（MB） */
+    fileSize: { type: Number, default: 10 },
+    /** 文件数量限制 */
+    limit: { type: Number, default: 9 },
+    /** 是否显示格式/大小提示 */
+    isShowTip: { type: Boolean, default: !1 },
+    /** 接口路径 */
+    api: { type: String, default: "/permission-api/common/uploads" },
+    /** FormData 中文件字段名 */
+    name: { type: String, default: "file" },
+    /** token 读取 key，对应 utils/auth 中的存储字段 */
+    tokenKey: { type: String, default: "Admin-Token" },
+    /** 是否支持视频模式（强制 limit=1） */
+    supportVideo: { type: Boolean, default: !1 },
+    /**
+     * 卡片尺寸
+     * 预设：'large'(160px) | 'default'(140px) | 'small'(80px)
+     * 自定义：任意 CSS 单位，如 '60px'、'8vw'
+     */
+    size: { type: String, default: "default" },
+    /** 禁用拖拽（默认在触发区开启） */
+    disableDrag: { type: Boolean, default: !1 },
+    /** 成功回调（用于复杂业务联动） */
+    callBack: { type: Function, default: null },
+    /** 上传时附加的额外 FormData 字段 */
+    extraData: { type: Object, default: () => ({}) },
+    /** 自定义上传请求，用于接入宿主项目 request / 鉴权 / baseURL。 */
+    uploadRequest: { type: Function, default: null }
+  },
+  emits: [
+    "update:modelValue",
+    "update:selectedFiles",
+    "selectedFilesChange",
+    "change",
+    "success",
+    "error",
+    "remove",
+    "invalid",
+    "preview"
+  ],
+  setup(O, { expose: o, emit: f }) {
+    const t = O, p = f, xe = g(null), D = g(null), X = g(null), r = g([]), E = g(null), te = g(null), q = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new WeakMap();
+    let u = Date.now(), R = !1;
+    const P = g(!1), ae = g([]), be = g(0), _e = g(!1), we = g(""), Ue = g(""), M = /* @__PURE__ */ new Set(), I = /* @__PURE__ */ new Map();
+    function N(e) {
+      M.delete(e) && URL.revokeObjectURL(e);
+    }
+    function ne() {
+      for (const e of M) N(e);
+    }
+    function K(e) {
+      const a = I.get(e);
+      a && (I.delete(e), a.close());
+    }
+    function le() {
+      for (const e of I.keys()) K(e);
+    }
+    function ie(e) {
+      var a;
+      (a = q.get(e)) == null || a();
+    }
+    function oe() {
+      for (const e of q.values()) e();
+    }
+    const H = g(!1), S = g(""), He = g(!1);
+    Me(() => {
+      t.modelValue !== void 0 || !t.autoUpload || se(t.defaultValue);
+    });
+    const Ze = V(() => ({ large: "160px", default: "140px", small: "80px" })[t.size] ?? t.size), F = We(), Je = V(
+      () => r.value.some((e) => e.status === "uploading")
+    ), Qe = V(
+      () => t.variant === "file-list" || t.supportVideo ? "text" : "picture-card"
+    ), ke = V(() => t.supportVideo ? 1 : !t.autoUpload && !t.multiple ? 2 : t.limit), Ge = V(
+      () => {
+        var e;
+        return t.isShowTip && (t.fileSize || ((e = C.value) == null ? void 0 : e.length));
+      }
+    ), C = V(() => {
+      var e;
+      return (e = t.fileType) != null && e.length ? t.fileType.map((a) => String(a).trim().replace(/^\./, "").toLowerCase()).filter(Boolean) : t.variant === "file-list" ? [] : t.supportVideo ? ["mp4", "mov", "avi"] : ["jpg", "jpeg", "png", "gif", "webp"];
+    }), Z = V(() => {
+      if (!t.autoUpload && !t.multiple) return !1;
+      const e = t.supportVideo ? 1 : t.limit;
+      return r.value.length >= e;
+    }), Ye = V(
+      () => C.value.map((e) => `.${e}`).join(",")
+    ), $e = V(() => ({
+      "qy-upload--attachment-card": t.variant === "attachment-card",
+      "qy-upload--reached-limit": Z.value,
+      "qy-upload--disabled": F.value,
+      "qy-upload--video": t.supportVideo,
+      "qy-upload--without-text": !t.showText && !t.showPasteInput
+    }));
+    ee(S, () => {
+      R || j();
+    }), ee(
+      () => t.modelValue,
+      (e) => {
+        t.autoUpload && e !== void 0 && se(e);
+      },
+      { immediate: !0, deep: !0 }
+    ), ee(
+      () => [t.autoUpload, t.selectedFiles],
+      ([e, a]) => {
+        e || (r.value = B(a));
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function re(e) {
+      return Array.isArray(e) ? e.filter(Boolean) : e ? String(e).split(",").filter(Boolean) : [];
+    }
+    function Ve(e) {
+      return Array.isArray(e) ? { files: e, text: "" } : typeof e == "string" ? { files: re(e), text: "" } : e && typeof e == "object" ? {
+        files: re(e.files),
+        text: e.text ?? ""
+      } : { files: [], text: "" };
+    }
+    function De(e = []) {
+      return e.map((a, n) => ({
+        name: (t.variant === "attachment-card" ? String(a).split(/[?#]/, 1)[0] : String(a)).split("/").pop() || `file-${n}`,
+        url: a,
+        status: "success",
+        uid: he()
+      }));
+    }
+    function B(e = []) {
+      return e.filter(Boolean).map((a, n) => {
+        const l = ye(a);
+        return {
+          name: l.name,
+          raw: l,
+          status: "ready",
+          uid: Fe(l, n)
+        };
+      });
+    }
+    function Fe(e, a) {
+      if (e.uid != null) return e.uid;
+      const n = L.get(e);
+      return n ?? (u += a + 1, L.set(e, u), u);
+    }
+    function J(e = r.value) {
+      return e.map((a) => {
+        const n = a.raw ?? (a instanceof File ? a : null);
+        return n ? ye(n) : null;
+      }).filter(Boolean);
+    }
+    function W(e) {
+      p("update:selectedFiles", e), p("selectedFilesChange", e);
+    }
+    function et(e, a) {
+      if (t.autoUpload) return;
+      const n = e == null ? void 0 : e.raw;
+      if (n && !Q(n)) {
+        r.value = B(t.selectedFiles);
+        return;
+      }
+      const l = J(a);
+      n && !l.includes(n) && l.push(n);
+      const i = t.multiple ? l : l.slice(-1);
+      r.value = B(i), W(i);
+    }
+    function Ce(e) {
+      const a = new Set(e.map((l) => l.url)), n = r.value.filter(
+        (l) => (l.status === "ready" || l.status === "uploading") && !a.has(l.url)
+      );
+      return [...e, ...n];
+    }
+    function se(e) {
+      const a = Ve(e);
+      R = !0, S.value = a.text, r.value = Ce(De(a.files)), Ne(() => {
+        R = !1;
+      });
+    }
+    function ue(e) {
+      return t.valueFormat === "array" ? e.files : t.valueFormat === "string" ? e.files.join(",") : e;
+    }
+    function tt() {
+      var e;
+      (e = E.value) == null || e.focus();
+    }
+    function at(e) {
+      e.target.value = "";
+    }
+    function j(e) {
+      const l = { files: (e ?? r.value).filter((i) => i.status === "success" && i.url).map((i) => i.url), text: S.value };
+      p("update:modelValue", ue(l)), p("change", l), t.callBack && t.callBack(l);
+    }
+    function nt(e, a) {
+      if (K(e.uid), ie(e.uid), N(e.url), !t.autoUpload) {
+        const n = J(a);
+        r.value = B(n), W(n), p("remove", e, a);
+        return;
+      }
+      j(a), p("remove", e, a);
+    }
+    function de(e) {
+      var n;
+      const a = (e == null ? void 0 : e.name) || "";
+      return a.includes(".") && ((n = a.split(".").pop()) == null ? void 0 : n.toLowerCase()) || "";
+    }
+    function ce(e) {
+      var i, s, d;
+      const a = ((s = (i = e == null ? void 0 : e.type) == null ? void 0 : i.toLowerCase) == null ? void 0 : s.call(i)) || "", n = {
+        "image/jpeg": ["jpg", "jpeg"],
+        "image/png": ["png"],
+        "image/gif": ["gif"],
+        "image/bmp": ["bmp"],
+        "image/webp": ["webp"],
+        "video/mp4": ["mp4"],
+        "video/quicktime": ["mov"],
+        "video/x-msvideo": ["avi"],
+        "video/webm": ["webm"]
+      };
+      if (n[a]) return n[a];
+      const l = (d = a.split("/")[1]) == null ? void 0 : d.split("+")[0];
+      return l ? [l] : [];
+    }
+    function Te(e) {
+      if (!C.value.length) return !0;
+      const a = de(e);
+      if (t.variant === "attachment-card") return C.value.includes(a);
+      const n = ce(e);
+      return [a, ...n].some(
+        (l) => C.value.includes(l)
+      );
+    }
+    function Q(e) {
+      if (t.fileSize > 0 && e.size > t.fileSize * 1024 * 1024) {
+        const n = {
+          code: "size",
+          file: e,
+          message: `文件大小不能超过${t.fileSize}M`
+        };
+        return k.warning(n.message), p("invalid", n), !1;
+      }
+      if (!Te(e)) {
+        const n = {
+          code: "extension",
+          file: e,
+          message: `格式不支持，仅允许: ${C.value.join("/")}`
+        };
+        return k.warning(n.message), p("invalid", n), !1;
+      }
+      return !0;
+    }
+    async function qe(e, a, n, l, i) {
+      const s = fe(e), d = { close: () => l.close() };
+      I.set(i, d);
+      const b = () => I.get(i) === d;
+      try {
+        const c = await t.uploadRequest({
+          file: e,
+          formData: s,
+          api: t.api,
+          name: t.name,
+          tokenKey: t.tokenKey,
+          extraData: t.extraData
+        });
+        if (!b()) return;
+        const A = Re(c);
+        if (!A) {
+          const T = new Error("上传失败，未返回文件地址");
+          k.error(T.message), p("error", T), n == null || n(T);
+          return;
+        }
+        k.success("上传成功"), a == null || a({ ...typeof c == "object" && c ? c : {}, url: A });
+      } catch (c) {
+        if (!b()) return;
+        k.error("上传失败"), p("error", c), n == null || n(c);
+      } finally {
+        b() && K(i);
+      }
+    }
+    function fe(e) {
+      const a = new FormData();
+      return a.append(t.name, e), t.extraData && Object.entries(t.extraData).forEach(([n, l]) => a.append(n, l)), a;
+    }
+    function Re(e) {
+      var l, i;
+      if (typeof e == "string") return e;
+      const a = e || {}, n = a.urls ?? a.url ?? ((l = a.data) == null ? void 0 : l.urls) ?? ((i = a.data) == null ? void 0 : i.url) ?? "";
+      return Array.isArray(n) ? n[0] || "" : n || "";
+    }
+    function pe(e, a, n, l, i = e.uid) {
+      const s = Xe.service({
+        target: D.value,
+        text: "上传中",
+        background: "rgba(255,255,255,0.7)"
+      });
+      if (t.uploadRequest) {
+        qe(e, n, l, s, i);
+        return;
+      }
+      const d = t.api.startsWith("http") ? t.api : window.location.origin + t.api.replace(/^([^/])/, "/$1"), b = fe(e), c = new XMLHttpRequest();
+      let A = !1;
+      const T = () => A ? !1 : (A = !0, q.delete(i), s.close(), !0);
+      q.set(i, () => {
+        T() && c.abort();
+      }), c.onabort = T, c.open("POST", d);
+      const Oe = Ee(t.tokenKey);
+      Oe && c.setRequestHeader("Authorization", `Bearer ${Oe}`), c.upload.onprogress = (y) => {
+        !A && y.total > 0 && (a == null || a({ percent: y.loaded / y.total * 100 }));
+      }, c.onload = () => {
+        if (T()) {
+          if (c.status < 200 || c.status >= 300) {
+            const y = `上传失败 (HTTP ${c.status})`;
+            k.error(y), p("error", { msg: y, status: c.status }), l == null || l(new Error(y));
+            return;
+          }
+          try {
+            const y = JSON.parse(c.responseText);
+            y.code === 200 && y.urls ? (k.success("上传成功"), n == null || n({ ...y, url: y.urls })) : (k.error(y.msg || "上传失败"), p("error", y), l == null || l(y));
+          } catch {
+            k.error("上传失败，响应格式错误"), p("error", new Error("Response parse error")), l == null || l(new Error("Response parse error"));
+          }
+        }
+      }, c.onerror = () => {
+        T() && (k.error("上传失败，网络异常"), p("error", new Error("Network error")), l == null || l(new Error("Network error")));
+      }, c.send(b);
+    }
+    function Se(e) {
+      return F.value ? !1 : Q(e);
+    }
+    function Le(e, a) {
+      const n = r.value.find(
+        (l) => {
+          var i;
+          return l.uid === (e == null ? void 0 : e.uid) || ((i = l.raw) == null ? void 0 : i.uid) === (e == null ? void 0 : e.uid);
+        }
+      );
+      n && (n.url = a, n.status = "success");
+    }
+    function lt(e) {
+      pe(
+        e.file,
+        e.onProgress,
+        (a) => {
+          Le(e.file, a.url), e.onSuccess(a), j(), p("success", a);
+        },
+        (a) => e.onError(a)
+      );
+    }
+    function me(e) {
+      var n;
+      const a = ((n = e.name) == null ? void 0 : n.split(/[?#]/, 1)[0]) || "";
+      try {
+        return decodeURIComponent(a);
+      } catch {
+        return a;
+      }
+    }
+    function ve(e) {
+      return /\.(?:jpe?g|png|gif|bmp|webp|avif|svg|ico)$/i.test(me(e));
+    }
+    function it(e) {
+      var i;
+      if (!e.url) return;
+      const a = t.variant === "attachment-card";
+      if (a && !ve(e)) {
+        p("preview", { url: e.url, name: me(e) });
+        return;
+      }
+      const n = ((i = e.url.split(".").pop()) == null ? void 0 : i.toLowerCase()) || "";
+      if (["mp4", "mov", "avi", "webm"].includes(n)) {
+        we.value = e.url, Ue.value = e.name || "视频预览", _e.value = !0;
+        return;
+      }
+      const l = r.value.filter(
+        (s) => {
+          var d;
+          return s.status === "success" && s.url && (a ? ve(s) : !["mp4", "mov", "avi", "webm"].includes((d = s.url.split(".").pop()) == null ? void 0 : d.toLowerCase()));
+        }
+      );
+      ae.value = l.map((s) => s.url), be.value = l.findIndex((s) => s.uid === e.uid) || 0, P.value = !0;
+    }
+    function ot() {
+      P.value = !1, ae.value = [];
+    }
+    function Pe(e, a) {
+      if (e.name && de(e)) return e;
+      const n = ce(e).find(
+        (l) => C.value.includes(l)
+      );
+      return n ? new File([e], `paste-${Date.now() + a}.${n}`, {
+        type: e.type,
+        lastModified: e.lastModified
+      }) : e;
+    }
+    function G(e) {
+      if (!t.autoUpload) {
+        const a = J(), n = e.filter((i) => Q(i));
+        if (!n.length) return;
+        const l = t.multiple ? [...a, ...n].slice(0, t.limit) : n.slice(-1);
+        r.value = B(l), W(l);
+        return;
+      }
+      for (let a = 0; a < e.length && !(r.value.length >= ke.value); a++) {
+        const n = Pe(e[a], a);
+        if (!Se(n)) continue;
+        const l = he(), i = URL.createObjectURL(n);
+        M.add(i), r.value.push({
+          uid: l,
+          name: n.name || `file-${l}`,
+          status: "uploading",
+          percentage: 0,
+          url: i
+        }), pe(
+          n,
+          (s) => {
+            const d = r.value.find((b) => b.uid === l);
+            d && (d.percentage = s.percent);
+          },
+          (s) => {
+            const d = r.value.find((b) => b.uid === l);
+            d && (d.url !== s.url && N(d.url), d.status = "success", d.url = s.url, j(), p("success", s));
+          },
+          () => Be(l),
+          l
+        );
+      }
+    }
+    function rt(e) {
+      const a = e.target, n = Array.from(a.files || []);
+      if (a.value = "", F.value || !n.length) return;
+      const l = t.supportVideo || !t.multiple ? n.slice(0, 1) : n;
+      G(l);
+    }
+    function Ie(e) {
+      const a = Array.from((e == null ? void 0 : e.files) || []).filter(
+        (s) => {
+          var d;
+          return (d = s.type) == null ? void 0 : d.startsWith("image/");
+        }
+      );
+      if (a.length) return a;
+      const n = e == null ? void 0 : e.items;
+      if (!n) return [];
+      const l = [], i = /* @__PURE__ */ new Set();
+      for (let s = 0; s < n.length; s++) {
+        const d = n[s];
+        if (d.kind === "file" && d.type.startsWith("image/")) {
+          const b = d.getAsFile();
+          b && !i.has(b) && (i.add(b), l.push(b));
+        }
+      }
+      return l;
+    }
+    function st(e) {
+      if (F.value) return;
+      const a = Ie(e.clipboardData);
+      a.length && (e.preventDefault(), G(a));
+    }
+    function ut() {
+      F.value || t.disableDrag || (H.value = !0);
+    }
+    function dt() {
+      H.value = !1;
+    }
+    function ct(e) {
+      var n;
+      if (H.value = !1, F.value || t.disableDrag || Z.value) return;
+      const a = Array.from(((n = e.dataTransfer) == null ? void 0 : n.files) || []);
+      a.length && G(a);
+    }
+    function Be(e) {
+      K(e), ie(e);
+      const a = r.value.findIndex((n) => n.uid === e);
+      a !== -1 && (N(r.value[a].url), r.value.splice(a, 1));
+    }
+    Ke(() => {
+      le(), oe(), ne();
+    });
+    function je() {
+      var e;
+      F.value || Z.value || (e = X.value) == null || e.click();
+    }
+    function Ae() {
+      var e;
+      le(), oe();
+      for (const a of r.value)
+        (e = a.url) != null && e.startsWith("blob:") && M.add(a.url);
+      ne(), r.value = [], S.value = "", W([]), t.autoUpload && j();
+    }
+    o({
+      /** 主动打开文件选择框，供表单或快捷操作调用 */
+      openFileDialog: je,
+      /** 获取已上传成功的文件 URL 列表 */
+      getPathList: () => r.value.filter((e) => e.status === "success").map((e) => e.url),
+      /** 清空文件和文字，并同步 change 事件 */
+      clearFiles: Ae,
+      /** 获取完整值，结构与 change 事件保持一致 */
+      getValue: () => ({
+        files: r.value.filter((e) => e.status === "success" && e.url).map((e) => e.url),
+        text: S.value
+      }),
+      /** 获取按 valueFormat 输出的值，便于外部不走 v-model 时读取 */
+      getModelValue: () => ue({
+        files: r.value.filter((e) => e.status === "success" && e.url).map((e) => e.url),
+        text: S.value
+      })
+    });
+    const ze = { props: t, emit: p, uploadRef: xe, rootRef: D, nativeInputRef: X, fileList: r, inputRef: E, pasteInputRef: te, pendingXhrs: q, selectedFileUids: L, get selectedFileUid() {
+      return u;
+    }, set selectedFileUid(e) {
+      u = e;
+    }, get syncingFromValue() {
+      return R;
+    }, set syncingFromValue(e) {
+      R = e;
+    }, viewerVisible: P, viewerUrlList: ae, viewerIndex: be, videoVisible: _e, videoUrl: we, videoTitle: Ue, objectUrls: M, pendingCustomUploads: I, releaseObjectUrl: N, releaseObjectUrls: ne, cancelCustomUpload: K, cancelCustomUploads: le, cancelXhr: ie, cancelXhrs: oe, isDragOver: H, localText: S, textExpanded: He, sizeValue: Ze, isUploadDisabled: F, isUploading: Je, uploadListType: Qe, effectiveLimit: ke, shouldShowTip: Ge, allowedExtensions: C, isReachedLimit: Z, acceptAttr: Ye, uploadClasses: $e, normalizeFilesInput: re, parseValue: Ve, createFileList: De, createSelectedFileList: B, getSelectedFileUid: Fe, getSelectedRawFiles: J, emitSelectedFiles: W, handleFileChange: et, mergePendingFileList: Ce, syncValueToState: se, formatModelValue: ue, focusTextarea: tt, clearPasteInput: at, handleSyncValue: j, handleRemove: nt, getFileNameExtension: de, getMimeExtensions: ce, isAllowedFileType: Te, validateFile: Q, uploadViaCustomRequest: qe, createUploadFormData: fe, resolveUploadUrl: Re, uploadViaXhr: pe, handleBeforeUpload: Se, applyUploadResultToFile: Le, handleCustomUpload: lt, attachmentName: me, isAttachmentImage: ve, handlePreview: it, closeViewer: ot, createNamedPasteFile: Pe, uploadFiles: G, handleNativeInputChange: rt, collectImageFilesFromClipboard: Ie, handlePaste: st, handleDragOver: ut, handleDragLeave: dt, handleDrop: ct, handleRemoveByUid: Be, openFileDialog: je, clearFiles: Ae, ref: g, computed: V, watch: ee, onMounted: Me, onBeforeUnmount: Ke, nextTick: Ne, toRaw: ye, get Plus() {
+      return Dt;
+    }, get InfoFilled() {
+      return Vt;
+    }, get Document() {
+      return kt;
+    }, get ZoomIn() {
+      return Ut;
+    }, get Delete() {
+      return wt;
+    }, get ElMessage() {
+      return k;
+    }, get ElLoading() {
+      return Xe;
+    }, get genFileId() {
+      return he;
+    }, get useFormDisabled() {
+      return We;
+    }, get getToken() {
+      return Ee;
+    } };
+    return Object.defineProperty(ze, "__isScriptSetup", { enumerable: !1, value: !0 }), ze;
+  }
+}), Rt = ["accept", "multiple", "disabled"], St = { class: "qy-upload__attachment" }, Lt = ["src", "alt"], Pt = ["title"], It = {
+  key: 2,
+  class: "qy-upload__attachment-progress",
+  role: "status"
+}, Bt = {
+  key: 3,
+  class: "qy-upload__attachment-actions"
+}, jt = ["onClick"], At = ["onClick"], zt = ["disabled"], Ot = { class: "qy-upload__hint" }, Mt = ["placeholder", "disabled"], Nt = ["src"], Kt = {
+  key: 1,
+  class: "qy-upload__tip"
+}, Wt = { class: "error" }, Xt = { class: "error" };
+function Et(O, o, f, t, p, xe) {
+  var L;
+  const D = pt, X = vt, r = mt, E = ft, te = gt, q = yt;
+  return m(), h(
+    "div",
+    {
+      ref: "rootRef",
+      class: ge(["qy-upload", t.uploadClasses]),
+      style: ht({ "--qy-upload-size": t.sizeValue })
+    },
+    [
+      w("input", {
+        ref: "nativeInputRef",
+        class: "qy-upload__native-input",
+        type: "file",
+        accept: t.acceptAttr,
+        multiple: f.supportVideo ? !1 : f.multiple,
+        disabled: t.isUploadDisabled,
+        onChange: t.handleNativeInputChange
+      }, null, 40, Rt),
+      _(E, {
+        ref: "uploadRef",
+        "file-list": t.fileList,
+        "onUpdate:fileList": o[7] || (o[7] = (u) => t.fileList = u),
+        action: "#",
+        multiple: f.supportVideo ? !1 : f.multiple,
+        limit: t.effectiveLimit,
+        "auto-upload": f.autoUpload,
+        "list-type": t.uploadListType,
+        accept: t.acceptAttr,
+        disabled: t.isUploadDisabled,
+        "http-request": t.handleCustomUpload,
+        "before-upload": t.handleBeforeUpload,
+        "on-change": t.handleFileChange,
+        "on-preview": t.handlePreview,
+        "on-remove": t.handleRemove
+      }, xt({
+        default: U(() => [
+          f.variant !== "file-list" && !t.isReachedLimit ? (m(), h(
+            "div",
+            {
+              key: 0,
+              class: ge(["qy-upload__trigger", { "is-dragover": t.isDragOver }]),
+              onPaste: t.handlePaste,
+              onDragover: v(t.handleDragOver, ["prevent"]),
+              onDragleave: v(t.handleDragLeave, ["prevent"]),
+              onDrop: v(t.handleDrop, ["prevent"])
+            },
+            [
+              _(D, { class: "qy-upload__icon" }, {
+                default: U(() => [
+                  _(t.Plus)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              f.supportVideo ? (m(), h(
+                Y,
+                { key: 0 },
+                [
+                  o[10] || (o[10] = w(
+                    "span",
+                    { class: "qy-upload__label" },
+                    "点击上传视频",
+                    -1
+                    /* CACHED */
+                  )),
+                  w(
+                    "span",
+                    Ot,
+                    "支持 " + z(t.allowedExtensions.join(" / ")) + "，不超过 " + z(f.fileSize) + "MB",
+                    1
+                    /* TEXT */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : x("v-if", !0),
+              x(" 文字输入框：可通过 showText 关闭，凭证上传这类纯图片场景不需要展示 "),
+              f.showText ? (m(), h(
+                "div",
+                {
+                  key: 1,
+                  class: "qy-upload__text",
+                  onClick: o[4] || (o[4] = v(() => {
+                  }, ["stop"])),
+                  onPaste: v(t.handlePaste, ["stop"])
+                },
+                [
+                  _(r, {
+                    visible: t.textExpanded,
+                    "onUpdate:visible": o[3] || (o[3] = (u) => t.textExpanded = u),
+                    placement: "bottom-start",
+                    width: 220,
+                    trigger: "click",
+                    "popper-class": "qy-upload__text-popover",
+                    onAfterEnter: t.focusTextarea
+                  }, {
+                    reference: U(() => [
+                      w(
+                        "div",
+                        {
+                          class: ge(["qy-upload__text-preview", { "is-placeholder": !t.localText }])
+                        },
+                        z(t.localText || f.pastePlaceholder),
+                        3
+                        /* TEXT, CLASS */
+                      )
+                    ]),
+                    default: U(() => [
+                      _(X, {
+                        ref: "inputRef",
+                        modelValue: t.localText,
+                        "onUpdate:modelValue": o[1] || (o[1] = (u) => t.localText = u),
+                        type: "textarea",
+                        autosize: { minRows: 2, maxRows: 5 },
+                        placeholder: f.pastePlaceholder,
+                        disabled: t.isUploadDisabled,
+                        onBlur: o[2] || (o[2] = (u) => t.textExpanded = !1),
+                        onPaste: v(t.handlePaste, ["stop"])
+                      }, null, 8, ["modelValue", "placeholder", "disabled"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["visible"])
+                ],
+                32
+                /* NEED_HYDRATION */
+              )) : f.showPasteInput ? (m(), h(
+                Y,
+                { key: 2 },
+                [
+                  x(" 纯粘贴入口：不保存文字，只提供一个可聚焦区域承接 Ctrl+V 图片 "),
+                  w(
+                    "div",
+                    {
+                      class: "qy-upload__text",
+                      onClick: o[6] || (o[6] = v(() => {
+                      }, ["stop"])),
+                      onPaste: v(t.handlePaste, ["stop"])
+                    },
+                    [
+                      w("input", {
+                        ref: "pasteInputRef",
+                        class: "qy-upload__paste-input",
+                        placeholder: f.pastePlaceholder,
+                        disabled: t.isUploadDisabled,
+                        onPaste: v(t.handlePaste, ["stop"]),
+                        onInput: t.clearPasteInput,
+                        onClick: o[5] || (o[5] = v(() => {
+                        }, ["stop"]))
+                      }, null, 40, Mt)
+                    ],
+                    32
+                    /* NEED_HYDRATION */
+                  )
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : x("v-if", !0)
+            ],
+            34
+            /* CLASS, NEED_HYDRATION */
+          )) : x("v-if", !0)
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        f.variant === "attachment-card" ? {
+          name: "file",
+          fn: U(({ file: u }) => [
+            w("div", St, [
+              t.isAttachmentImage(u) && u.url ? (m(), h("img", {
+                key: 0,
+                class: "qy-upload__attachment-image",
+                src: u.url,
+                alt: t.attachmentName(u)
+              }, null, 8, Lt)) : (m(), h("div", {
+                key: 1,
+                class: "qy-upload__attachment-file",
+                title: t.attachmentName(u)
+              }, [
+                _(D, null, {
+                  default: U(() => [
+                    _(t.Document)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                w(
+                  "span",
+                  null,
+                  z(t.attachmentName(u)),
+                  1
+                  /* TEXT */
+                )
+              ], 8, Pt)),
+              u.status === "uploading" ? (m(), h("span", It, "上传中")) : x("v-if", !0),
+              u.status === "success" || !t.isUploadDisabled ? (m(), h("div", Bt, [
+                u.status === "success" ? (m(), h("button", {
+                  key: 0,
+                  type: "button",
+                  "aria-label": "预览附件",
+                  onClick: v((R) => t.handlePreview(u), ["stop"])
+                }, [
+                  _(D, null, {
+                    default: U(() => [
+                      _(t.ZoomIn)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ], 8, jt)) : x("v-if", !0),
+                t.isUploadDisabled ? x("v-if", !0) : (m(), h("button", {
+                  key: 1,
+                  type: "button",
+                  "aria-label": "删除附件",
+                  onClick: v((R) => {
+                    var P;
+                    return (P = t.uploadRef) == null ? void 0 : P.handleRemove(u);
+                  }, ["stop"])
+                }, [
+                  _(D, null, {
+                    default: U(() => [
+                      _(t.Delete)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ], 8, At))
+              ])) : x("v-if", !0)
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        f.variant === "file-list" ? {
+          name: "trigger",
+          fn: U(() => [
+            w(
+              "div",
+              {
+                class: "qy-upload__file-trigger",
+                onClick: o[0] || (o[0] = v(() => {
+                }, ["stop"])),
+                onDragover: v(t.handleDragOver, ["prevent"]),
+                onDragleave: v(t.handleDragLeave, ["prevent"]),
+                onDrop: v(t.handleDrop, ["prevent"])
+              },
+              [
+                bt(O.$slots, "trigger", {
+                  open: t.openFileDialog,
+                  disabled: t.isUploadDisabled,
+                  uploading: t.isUploading
+                }, () => [
+                  w("button", {
+                    class: "qy-upload__file-button",
+                    type: "button",
+                    disabled: t.isUploadDisabled,
+                    onClick: t.openFileDialog
+                  }, " 选择文件 ", 8, zt)
+                ], !0)
+              ],
+              32
+              /* NEED_HYDRATION */
+            )
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["file-list", "multiple", "limit", "auto-upload", "list-type", "accept", "disabled"]),
+      t.viewerVisible ? (m(), _t(te, {
+        key: 0,
+        teleported: f.variant === "attachment-card",
+        "url-list": t.viewerUrlList,
+        "initial-index": t.viewerIndex,
+        onClose: t.closeViewer
+      }, null, 8, ["teleported", "url-list", "initial-index"])) : x("v-if", !0),
+      x(" 视频预览弹窗 "),
+      _(q, {
+        modelValue: t.videoVisible,
+        "onUpdate:modelValue": o[8] || (o[8] = (u) => t.videoVisible = u),
+        title: t.videoTitle,
+        width: "640px",
+        "append-to-body": "",
+        "destroy-on-close": "",
+        onClose: o[9] || (o[9] = (u) => t.videoVisible = !1)
+      }, {
+        default: U(() => [
+          t.videoVisible ? (m(), h("video", {
+            key: 0,
+            src: t.videoUrl,
+            controls: "",
+            autoplay: "",
+            style: { width: "100%", "max-height": "400px", "border-radius": "4px" }
+          }, null, 8, Nt)) : x("v-if", !0)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "title"]),
+      t.shouldShowTip ? (m(), h("div", Kt, [
+        _(D, null, {
+          default: U(() => [
+            _(t.InfoFilled)
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        w("span", null, [
+          o[13] || (o[13] = $(
+            " 请上传 ",
+            -1
+            /* CACHED */
+          )),
+          f.fileSize ? (m(), h(
+            Y,
+            { key: 0 },
+            [
+              o[11] || (o[11] = $(
+                "大小不超过 ",
+                -1
+                /* CACHED */
+              )),
+              w(
+                "b",
+                Wt,
+                z(f.fileSize) + "MB",
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : x("v-if", !0),
+          (L = t.allowedExtensions) != null && L.length ? (m(), h(
+            Y,
+            { key: 1 },
+            [
+              o[12] || (o[12] = $(
+                "，格式为 ",
+                -1
+                /* CACHED */
+              )),
+              w(
+                "b",
+                Xt,
+                z(t.allowedExtensions.join("/")),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : x("v-if", !0),
+          o[14] || (o[14] = $(
+            " 的文件。 ",
+            -1
+            /* CACHED */
+          ))
+        ])
+      ])) : x("v-if", !0)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const $t = /* @__PURE__ */ Ct(qt, [["render", Et], ["__scopeId", "data-v-61da1df2"], ["__file", "/home/runner/work/qy-component/qy-component/packages/ui/lib/upload/index.vue"]]);
+export {
+  $t as U
+};