@qynpm/ui 1.0.46 → 1.1.0

package/dist/shared/index-CEt5qI00.mjs

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