@qynpm/ui 1.0.4 → 1.0.6

package/dist/shared/index-DeWkPj3O.mjs

@@ -0,0 +1,484 @@
+import { ElUpload as De, ElIcon as Le, ElPopover as Re, ElInput as qe, ElImageViewer as je, ElDialog as Pe } from "element-plus/es";
+import { ref as p, onMounted as ze, computed as V, watch as le, nextTick as Ce, onBeforeUnmount as Ie, createElementBlock as g, openBlock as m, normalizeStyle as Ae, normalizeClass as F, createVNode as b, createBlock as Oe, createCommentVNode as h, withCtx as T, withModifiers as v, unref as ae, Fragment as _, createElementVNode as k, toDisplayString as R, createTextVNode as I } from "vue";
+import { Plus as $e, InfoFilled as Me } from "@element-plus/icons-vue";
+import { ElMessage as S, ElLoading as Fe } from "element-plus";
+import { a as _e } from "./js.cookie-OLEfuq_g.mjs";
+import { _ as Ne } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Ee = "Admin-Token";
+function He(r = Ee) {
+  return _e.get(r);
+}
+const Ke = { class: "qy-upload__hint" }, Qe = ["placeholder", "disabled"], We = ["src"], Xe = {
+  key: 1,
+  class: "qy-upload__tip"
+}, Je = { class: "error" }, Ge = { class: "error" }, Ye = /* @__PURE__ */ Object.assign({
+  name: "QyUpload"
+}, {
+  __name: "index",
+  props: {
+    /**
+     * 受控值。valueFormat 为 object 时结构为 { files, text }，
+     * array 时为 string[]，string 时为逗号分隔 URL。
+     */
+    modelValue: { type: [Object, Array, String], default: void 0 },
+    /**
+     * 初始值，结构为 { 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: !1 },
+    /** 允许的文件类型后缀（如 ['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: () => ({}) }
+  },
+  emits: [
+    "update:modelValue",
+    "change",
+    "success",
+    "error",
+    "remove"
+  ],
+  setup(r, { expose: ie, emit: oe }) {
+    const a = r, y = oe, q = p(null), s = p([]), N = p(null), ne = p(null), U = [];
+    let A = !1;
+    const O = p(!1), $ = p([]), E = p(0), B = p(!1), H = p(""), K = p(""), j = /* @__PURE__ */ new Set(), P = p(!1), f = p(""), M = p(!1);
+    ze(() => {
+      a.modelValue === void 0 && W(a.defaultValue);
+    });
+    const se = V(() => ({ large: "160px", default: "140px", small: "80px" })[a.size] ?? a.size), ue = V(() => a.disabled), re = V(
+      () => {
+        var e;
+        return a.isShowTip && (a.fileSize || ((e = x.value) == null ? void 0 : e.length));
+      }
+    ), x = V(() => {
+      var e;
+      return (e = a.fileType) != null && e.length ? a.fileType.map((t) => t.toLowerCase()) : a.supportVideo ? ["mp4", "mov", "avi"] : ["jpg", "jpeg", "png", "gif", "webp"];
+    }), z = V(() => {
+      const e = a.supportVideo ? 1 : a.limit;
+      return s.value.length >= e;
+    }), de = V(
+      () => x.value.map((e) => `.${e}`).join(",")
+    ), pe = V(() => ({
+      "qy-upload--reached-limit": z.value,
+      "qy-upload--disabled": a.disabled,
+      "qy-upload--video": a.supportVideo,
+      "qy-upload--without-text": !a.showText && !a.showPasteInput
+    }));
+    le(f, () => {
+      A || D();
+    }), le(
+      () => a.modelValue,
+      (e) => {
+        e !== void 0 && W(e);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function Q(e) {
+      return Array.isArray(e) ? e.filter(Boolean) : e ? String(e).split(",").filter(Boolean) : [];
+    }
+    function ce(e) {
+      return Array.isArray(e) ? { files: e, text: "" } : typeof e == "string" ? { files: Q(e), text: "" } : e && typeof e == "object" ? {
+        files: Q(e.files),
+        text: e.text ?? ""
+      } : { files: [], text: "" };
+    }
+    function fe(e = []) {
+      return e.map((t, i) => ({
+        name: String(t).split("/").pop() || `file-${i}`,
+        url: t,
+        status: "success",
+        uid: Date.now() + i
+      }));
+    }
+    function me(e) {
+      const t = new Set(e.map((l) => l.url)), i = s.value.filter(
+        (l) => l.status === "uploading" && !t.has(l.url)
+      );
+      return [...e, ...i];
+    }
+    function W(e) {
+      const t = ce(e);
+      A = !0, f.value = t.text, s.value = me(fe(t.files)), Ce(() => {
+        A = !1;
+      });
+    }
+    function X(e) {
+      return a.valueFormat === "array" ? e.files : a.valueFormat === "string" ? e.files.join(",") : e;
+    }
+    function ve() {
+      var e;
+      (e = N.value) == null || e.focus();
+    }
+    function ye(e) {
+      e.target.value = "";
+    }
+    function D(e) {
+      const l = { files: (e ?? s.value).filter((o) => o.status === "success" && o.url).map((o) => o.url), text: f.value };
+      y("update:modelValue", X(l)), y("change", l), a.callBack && a.callBack(l);
+    }
+    function ge(e, t) {
+      D(t), y("remove", e, t);
+    }
+    function xe(e) {
+      var l;
+      if (!(e.size / 1024 / 1024 < a.fileSize))
+        return S.warning(`文件大小不能超过${a.fileSize}M`), !1;
+      const i = ((l = e.name.split(".").pop()) == null ? void 0 : l.toLowerCase()) || "";
+      return x.value.includes(i) ? !0 : (S.warning(
+        `格式不支持，仅允许: ${x.value.join("/")}`
+      ), !1);
+    }
+    function J(e, t, i, l) {
+      var ee, te;
+      const o = a.api.startsWith("http") ? a.api : window.location.origin + a.api.replace(/^([^/])/, "/$1"), d = new FormData();
+      d.append(a.name, e), a.extraData && Object.entries(a.extraData).forEach(([u, Be]) => d.append(u, Be));
+      const n = new XMLHttpRequest();
+      U.push(n);
+      const w = ((ee = q.value) == null ? void 0 : ee.$el.querySelector(".el-upload--picture-card")) || ((te = q.value) == null ? void 0 : te.$el), C = Fe.service({
+        target: w,
+        text: "上传中",
+        background: "rgba(255,255,255,0.7)"
+      }), c = () => {
+        const u = U.indexOf(n);
+        u !== -1 && U.splice(u, 1), C.close();
+      };
+      n.open("POST", o);
+      const Z = He(a.tokenKey);
+      Z && n.setRequestHeader("Authorization", `Bearer ${Z}`), n.upload.onprogress = (u) => {
+        u.total > 0 && (t == null || t({ percent: u.loaded / u.total * 100 }));
+      }, n.onload = () => {
+        if (c(), n.status < 200 || n.status >= 300) {
+          const u = `上传失败 (HTTP ${n.status})`;
+          S.error(u), y("error", { msg: u, status: n.status }), l == null || l(new Error(u));
+          return;
+        }
+        try {
+          const u = JSON.parse(n.responseText);
+          u.code === 200 && u.urls ? (S.success("上传成功"), i == null || i({ ...u, url: u.urls })) : (S.error(u.msg || "上传失败"), y("error", u), l == null || l(u));
+        } catch {
+          S.error("上传失败，响应格式错误"), y("error", new Error("Response parse error")), l == null || l(new Error("Response parse error"));
+        }
+      }, n.onerror = () => {
+        c(), S.error("上传失败，网络异常"), y("error", new Error("Network error")), l == null || l(new Error("Network error"));
+      }, n.send(d);
+    }
+    function G(e) {
+      return a.disabled ? !1 : xe(e);
+    }
+    function be(e, t) {
+      const i = s.value.find(
+        (l) => {
+          var o;
+          return l.uid === (e == null ? void 0 : e.uid) || ((o = l.raw) == null ? void 0 : o.uid) === (e == null ? void 0 : e.uid);
+        }
+      );
+      i && (i.url = t, i.status = "success");
+    }
+    function he(e) {
+      J(
+        e.file,
+        e.onProgress,
+        (t) => {
+          be(e.file, t.url), e.onSuccess(t), D(), y("success", t);
+        },
+        (t) => e.onError(t)
+      );
+    }
+    function we(e) {
+      var l;
+      if (!e.url) return;
+      const t = ((l = e.url.split(".").pop()) == null ? void 0 : l.toLowerCase()) || "";
+      if (["mp4", "mov", "avi", "webm"].includes(t)) {
+        H.value = e.url, K.value = e.name || "视频预览", B.value = !0;
+        return;
+      }
+      const i = s.value.filter(
+        (o) => {
+          var d;
+          return o.status === "success" && o.url && !["mp4", "mov", "avi", "webm"].includes(
+            (d = o.url.split(".").pop()) == null ? void 0 : d.toLowerCase()
+          );
+        }
+      );
+      $.value = i.map((o) => o.url), E.value = i.findIndex((o) => o.uid === e.uid) || 0, O.value = !0;
+    }
+    function Ve() {
+      O.value = !1, $.value = [];
+    }
+    function Y(e) {
+      for (let t = 0; t < e.length; t++) {
+        const i = e[t];
+        if (!G(i)) continue;
+        const l = Date.now() + t, o = URL.createObjectURL(i);
+        j.add(o), s.value.push({
+          uid: l,
+          name: i.name || `file-${l}`,
+          status: "uploading",
+          percentage: 0,
+          url: o
+        }), J(
+          i,
+          (d) => {
+            const n = s.value.find((w) => w.uid === l);
+            n && (n.percentage = d.percent);
+          },
+          (d) => {
+            const n = s.value.find((w) => w.uid === l);
+            n && (n.status = "success", n.url = d.url, D(), y("success", d));
+          },
+          () => Ue(l)
+        );
+      }
+    }
+    function L(e) {
+      var l;
+      if (a.disabled) return;
+      const t = (l = e.clipboardData) == null ? void 0 : l.items;
+      if (!t) return;
+      const i = [];
+      for (let o = 0; o < t.length; o++) {
+        const d = t[o];
+        if (d.kind === "file" && d.type.startsWith("image/")) {
+          const n = d.getAsFile();
+          n && i.push(n);
+        }
+      }
+      i.length && (e.preventDefault(), Y(i));
+    }
+    function ke() {
+      a.disabled || a.disableDrag || (P.value = !0);
+    }
+    function Se() {
+      P.value = !1;
+    }
+    function Te(e) {
+      var i;
+      if (P.value = !1, a.disabled || a.disableDrag || z.value) return;
+      const t = Array.from(((i = e.dataTransfer) == null ? void 0 : i.files) || []).filter(
+        (l) => {
+          var o;
+          return x.value.includes((o = l.name.split(".").pop()) == null ? void 0 : o.toLowerCase());
+        }
+      );
+      t.length && Y(t);
+    }
+    function Ue(e) {
+      var i;
+      const t = s.value.findIndex((l) => l.uid === e);
+      t !== -1 && ((i = s.value[t].url) != null && i.startsWith("blob:") && (URL.revokeObjectURL(s.value[t].url), j.delete(s.value[t].url)), s.value.splice(t, 1));
+    }
+    return Ie(() => {
+      U.forEach((e) => e.abort()), U.length = 0, j.forEach((e) => URL.revokeObjectURL(e)), j.clear();
+    }), ie({
+      /** 主动打开文件选择框，供表单或快捷操作调用 */
+      openFileDialog: () => {
+        var e, t;
+        a.disabled || z.value || (t = (e = q.value) == null ? void 0 : e.$el.querySelector('input[type="file"]')) == null || t.click();
+      },
+      /** 获取已上传成功的文件 URL 列表 */
+      getPathList: () => s.value.filter((e) => e.status === "success").map((e) => e.url),
+      /** 清空文件和文字，并同步 change 事件 */
+      clearFiles: () => {
+        s.value = [], f.value = "", D();
+      },
+      /** 获取完整值，结构与 change 事件保持一致 */
+      getValue: () => ({
+        files: s.value.filter((e) => e.status === "success" && e.url).map((e) => e.url),
+        text: f.value
+      }),
+      /** 获取按 valueFormat 输出的值，便于外部不走 v-model 时读取 */
+      getModelValue: () => X({
+        files: s.value.filter((e) => e.status === "success" && e.url).map((e) => e.url),
+        text: f.value
+      })
+    }), (e, t) => {
+      var C;
+      const i = Le, l = qe, o = Re, d = De, n = je, w = Pe;
+      return m(), g("div", {
+        class: F(["qy-upload", pe.value]),
+        style: Ae({ "--qy-upload-size": se.value })
+      }, [
+        b(d, {
+          ref_key: "uploadRef",
+          ref: q,
+          "file-list": s.value,
+          "onUpdate:fileList": t[6] || (t[6] = (c) => s.value = c),
+          action: "#",
+          multiple: r.supportVideo ? !1 : r.multiple,
+          limit: r.supportVideo ? 1 : r.limit,
+          "list-type": r.supportVideo ? "text" : "picture-card",
+          accept: de.value,
+          disabled: ue.value,
+          "http-request": he,
+          "before-upload": G,
+          "on-preview": we,
+          "on-remove": ge
+        }, {
+          default: T(() => [
+            z.value ? h("", !0) : (m(), g("div", {
+              key: 0,
+              class: F(["qy-upload__trigger", { "is-dragover": P.value }]),
+              onPaste: L,
+              onDragover: v(ke, ["prevent"]),
+              onDragleave: v(Se, ["prevent"]),
+              onDrop: v(Te, ["prevent"])
+            }, [
+              b(i, { class: "qy-upload__icon" }, {
+                default: T(() => [
+                  b(ae($e))
+                ]),
+                _: 1
+              }),
+              r.supportVideo ? (m(), g(_, { key: 0 }, [
+                t[9] || (t[9] = k("span", { class: "qy-upload__label" }, "点击上传视频", -1)),
+                k("span", Ke, "支持 " + R(x.value.join(" / ")) + "，不超过 " + R(r.fileSize) + "MB", 1)
+              ], 64)) : h("", !0),
+              r.showText ? (m(), g("div", {
+                key: 1,
+                class: "qy-upload__text",
+                onClick: t[3] || (t[3] = v(() => {
+                }, ["stop"])),
+                onPaste: v(L, ["stop"])
+              }, [
+                b(o, {
+                  visible: M.value,
+                  "onUpdate:visible": t[2] || (t[2] = (c) => M.value = c),
+                  placement: "bottom-start",
+                  width: 220,
+                  trigger: "click",
+                  "popper-class": "qy-upload__text-popover",
+                  onAfterEnter: ve
+                }, {
+                  reference: T(() => [
+                    k("div", {
+                      class: F(["qy-upload__text-preview", { "is-placeholder": !f.value }])
+                    }, R(f.value || r.pastePlaceholder), 3)
+                  ]),
+                  default: T(() => [
+                    b(l, {
+                      ref_key: "inputRef",
+                      ref: N,
+                      modelValue: f.value,
+                      "onUpdate:modelValue": t[0] || (t[0] = (c) => f.value = c),
+                      type: "textarea",
+                      autosize: { minRows: 2, maxRows: 5 },
+                      placeholder: r.pastePlaceholder,
+                      disabled: r.disabled,
+                      onBlur: t[1] || (t[1] = (c) => M.value = !1),
+                      onPaste: v(L, ["stop"])
+                    }, null, 8, ["modelValue", "placeholder", "disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["visible"])
+              ], 32)) : r.showPasteInput ? (m(), g("div", {
+                key: 2,
+                class: "qy-upload__text",
+                onClick: t[5] || (t[5] = v(() => {
+                }, ["stop"])),
+                onPaste: v(L, ["stop"])
+              }, [
+                k("input", {
+                  ref_key: "pasteInputRef",
+                  ref: ne,
+                  class: "qy-upload__paste-input",
+                  placeholder: r.pastePlaceholder,
+                  disabled: r.disabled,
+                  onPaste: v(L, ["stop"]),
+                  onInput: ye,
+                  onClick: t[4] || (t[4] = v(() => {
+                  }, ["stop"]))
+                }, null, 40, Qe)
+              ], 32)) : h("", !0)
+            ], 34))
+          ]),
+          _: 1
+        }, 8, ["file-list", "multiple", "limit", "list-type", "accept", "disabled"]),
+        O.value ? (m(), Oe(n, {
+          key: 0,
+          "url-list": $.value,
+          "initial-index": E.value,
+          onClose: Ve
+        }, null, 8, ["url-list", "initial-index"])) : h("", !0),
+        b(w, {
+          modelValue: B.value,
+          "onUpdate:modelValue": t[7] || (t[7] = (c) => B.value = c),
+          title: K.value,
+          width: "640px",
+          "append-to-body": "",
+          "destroy-on-close": "",
+          onClose: t[8] || (t[8] = (c) => B.value = !1)
+        }, {
+          default: T(() => [
+            B.value ? (m(), g("video", {
+              key: 0,
+              src: H.value,
+              controls: "",
+              autoplay: "",
+              style: { width: "100%", "max-height": "400px", "border-radius": "4px" }
+            }, null, 8, We)) : h("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        re.value ? (m(), g("div", Xe, [
+          b(i, null, {
+            default: T(() => [
+              b(ae(Me))
+            ]),
+            _: 1
+          }),
+          k("span", null, [
+            t[12] || (t[12] = I(" 请上传 ", -1)),
+            r.fileSize ? (m(), g(_, { key: 0 }, [
+              t[10] || (t[10] = I("大小不超过 ", -1)),
+              k("b", Je, R(r.fileSize) + "MB", 1)
+            ], 64)) : h("", !0),
+            (C = x.value) != null && C.length ? (m(), g(_, { key: 1 }, [
+              t[11] || (t[11] = I("，格式为 ", -1)),
+              k("b", Ge, R(x.value.join("/")), 1)
+            ], 64)) : h("", !0),
+            t[13] || (t[13] = I(" 的文件。 ", -1))
+          ])
+        ])) : h("", !0)
+      ], 6);
+    };
+  }
+}), ot = /* @__PURE__ */ Ne(Ye, [["__scopeId", "data-v-8b875cce"]]);
+export {
+  ot as Q
+};

package/dist/shared/index-PUYQxK94.mjs

@@ -0,0 +1,123 @@
+import { useAttrs as b, ref as k, createBlock as S, openBlock as V, mergeProps as x, unref as z } from "vue";
+import { Q as B } from "./index-DeWkPj3O.mjs";
+const w = /* @__PURE__ */ Object.assign({
+  name: "QyVoucherUpload",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    /** 凭证图片 URL 数组。 */
+    modelValue: { type: Array, default: () => [] },
+    /** 上传接口路径。 */
+    api: { type: String, default: "/permission-api/common/uploads" },
+    /** 凭证上传沿用老业务字段名 files。 */
+    name: { type: String, default: "files" },
+    /** 是否多选。 */
+    multiple: { type: Boolean, default: !0 },
+    /** 是否禁用。 */
+    disabled: { type: Boolean, default: !1 },
+    /** 允许的文件类型后缀。 */
+    fileType: { type: Array, default: () => [] },
+    /** 单个文件大小限制（MB）。 */
+    fileSize: { type: Number, default: 10 },
+    /** 文件数量限制。 */
+    limit: { type: Number, default: 9 },
+    /** 是否显示格式/大小提示。 */
+    isShowTip: { type: Boolean, default: !1 },
+    /** token 读取 key。 */
+    tokenKey: { type: String, default: "Admin-Token" },
+    /** 是否支持视频模式。 */
+    supportVideo: { type: Boolean, default: !1 },
+    /** 凭证默认尺寸，贴近财审凭证里的紧凑图片格。 */
+    size: { type: String, default: "90px" },
+    /** 禁用拖拽。 */
+    disableDrag: { type: Boolean, default: !1 },
+    /** 成功回调。 */
+    callBack: { type: Function, default: null },
+    /** 上传时附加的额外 FormData 字段。 */
+    extraData: { type: Object, default: () => ({}) },
+    /** 凭证上传底部提示文案，默认对齐 CopyImgUpload 的旧交互。 */
+    pastePlaceholder: { type: String, default: "粘贴图片上传" }
+  },
+  emits: [
+    "update:modelValue",
+    "change",
+    "success",
+    "error",
+    "remove"
+  ],
+  setup(a, { expose: u, emit: r }) {
+    const l = r, d = b(), i = k(null);
+    function n(e) {
+      return Array.isArray(e) ? e : [];
+    }
+    function s(e) {
+      l("update:modelValue", n(e));
+    }
+    function f(e) {
+      const t = n(e == null ? void 0 : e.files);
+      l("change", t);
+    }
+    function c(e) {
+      l("success", e);
+    }
+    function m(e) {
+      l("error", e);
+    }
+    function p(e, t) {
+      l("remove", e, t);
+    }
+    function y() {
+      var e, t;
+      (t = (e = i.value) == null ? void 0 : e.openFileDialog) == null || t.call(e);
+    }
+    function o() {
+      var e, t;
+      return ((t = (e = i.value) == null ? void 0 : e.getPathList) == null ? void 0 : t.call(e)) || [];
+    }
+    function h() {
+      var e, t;
+      (t = (e = i.value) == null ? void 0 : e.clearFiles) == null || t.call(e);
+    }
+    function g() {
+      return o();
+    }
+    return u({
+      openFileDialog: y,
+      getPathList: o,
+      clearFiles: h,
+      getValue: g
+    }), (e, t) => (V(), S(B, x({
+      ref_key: "uploadRef",
+      ref: i
+    }, z(d), {
+      "model-value": a.modelValue,
+      "value-format": "array",
+      api: a.api,
+      name: a.name,
+      multiple: a.multiple,
+      disabled: a.disabled,
+      "file-type": a.fileType,
+      "file-size": a.fileSize,
+      limit: a.limit,
+      "is-show-tip": a.isShowTip,
+      "token-key": a.tokenKey,
+      "support-video": a.supportVideo,
+      size: a.size,
+      "disable-drag": a.disableDrag,
+      "call-back": a.callBack,
+      "extra-data": a.extraData,
+      "show-text": !1,
+      "show-paste-input": !0,
+      "paste-placeholder": a.pastePlaceholder,
+      "onUpdate:modelValue": s,
+      onChange: f,
+      onSuccess: c,
+      onError: m,
+      onRemove: p
+    }), null, 16, ["model-value", "api", "name", "multiple", "disabled", "file-type", "file-size", "limit", "is-show-tip", "token-key", "support-video", "size", "disable-drag", "call-back", "extra-data", "paste-placeholder"]));
+  }
+});
+export {
+  w as _
+};

package/dist/shared/index-UzZbxoqZ.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("element-plus"),U=require("./js.cookie-CojEIxHg.cjs"),P=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");function y(l){const n=l==null?void 0:l.match(/(\[url\:(.*?)\])(.*)/);return n?{imageUrl:n[2],text:n[3]}:{imageUrl:"",text:l||""}}function V(l){const n=String(l||"").match(/(\[url\:.*?\])([\s\S]*)/);return n?n[2]:l}function k(l,n){return n?`[url:${n}]${l}`:l}const S={class:"qy-remark-image__field"},T={class:"qy-remark-image__upload-anchor"},A={key:0,class:"icon-[line-md--loading-twotone-loop]",role:"img","aria-hidden":"true"},D={key:1,class:"icon-[ion--cloud-upload-outline]",role:"img","aria-hidden":"true"},L={key:2,class:"icon-[ph--images-thin]",role:"img","aria-hidden":"true"},M={class:"qy-remark-image__popover"},$=["src"],j={class:"qy-remark-image__popover-footer"},W=e.defineComponent({__name:"index",props:{defaultValue:{default:""},defaultImage:{default:""},rows:{default:6},width:{default:""},autosize:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},placeholder:{default:"粘贴图片上传"},type:{default:"textarea"},api:{default:"/permission-api/common/uploads"},tokenKey:{default:"Admin-Token"}},emits:["change"],setup(l,{expose:n,emit:q}){const o=l,B=q,I=e.useAttrs(),g=e.ref(null),u=e.ref(""),s=e.ref(""),m=e.ref(!1),N=e.computed(()=>o.type==="text"?"text":"textarea"),R=e.computed(()=>{if(o.width)return{width:typeof o.width=="number"?`${o.width}px`:o.width}});e.watch(()=>o.defaultValue,a=>{const t=y(a||"");u.value=t.text,s.value=t.imageUrl||o.defaultImage||""},{immediate:!0}),e.watch(()=>o.defaultImage,a=>{a!==void 0&&!y(o.defaultValue||"").imageUrl&&(s.value=a||"")},{immediate:!0}),e.onMounted(()=>{e.nextTick(z)}),e.onUnmounted(()=>{const a=w();a&&a.removeEventListener("paste",h)});function w(){var a,t;return((a=g.value)==null?void 0:a.textarea)||((t=g.value)==null?void 0:t.input)||null}function z(){const a=w();a&&(a.removeEventListener("paste",h),a.addEventListener("paste",h))}function C(a){u.value=V(a||"")}function E(){s.value="",v()}async function h(a){var c;const d=Array.from(((c=a.clipboardData)==null?void 0:c.files)||[]).find(f=>f.type.startsWith("image/"));d&&(a.preventDefault(),await b({file:d,onError:()=>{},onProgress:()=>{},onSuccess:()=>{}}))}async function b(a){var t,d,c,f;if(a.file.size>51200*1e3)return i.ElMessage.error("图片过大"),!1;m.value=!0;try{const p=new FormData;p.append("files",a.file);const x=U.api.get(o.tokenKey),r=await(await fetch(o.api,{method:"POST",body:p,credentials:"include",headers:x?{Authorization:`Bearer ${x}`}:void 0})).json(),_=(r==null?void 0:r.urls)??((t=r==null?void 0:r.data)==null?void 0:t.urls)??((d=r==null?void 0:r.data)==null?void 0:d.url)??(r==null?void 0:r.url)??"";return s.value=Array.isArray(_)?_[0]:_,v(),i.ElMessage.success("上传图片成功"),(c=a.onSuccess)==null||c.call(a,r),!0}catch(p){return(f=a.onError)==null||f.call(a,p),i.ElMessage.error("上传失败"),!1}finally{m.value=!1}}function v(){B("change",k(u.value||"",s.value||""),s.value||"")}return n({deleteImage:E,getValue:()=>({text:u.value||"",imageUrl:s.value||"",value:k(u.value||"",s.value||"")})}),(a,t)=>(e.openBlock(),e.createElementBlock("div",{class:"qy-remark-image",style:e.normalizeStyle(R.value)},[e.createElementVNode("div",S,[e.createVNode(e.unref(i.ElInput),e.mergeProps({ref_key:"inputRef",ref:g,"model-value":u.value,type:N.value,rows:a.rows,autosize:a.autosize,disabled:a.disabled,placeholder:a.placeholder},e.unref(I),{"onUpdate:modelValue":C,onBlur:v}),null,16,["model-value","type","rows","autosize","disabled","placeholder"]),e.createVNode(e.unref(i.ElPopover),{placement:"top-start",width:400,trigger:"hover",disabled:!s.value},{reference:e.withCtx(()=>[e.createElementVNode("div",T,[e.createVNode(e.unref(i.ElUpload),{disabled:m.value||a.disabled,class:"qy-remark-image__upload","show-file-list":!1,"http-request":b},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("span",A)):s.value?(e.openBlock(),e.createElementBlock("span",L)):(e.openBlock(),e.createElementBlock("span",D))]),_:1},8,["disabled"])])]),default:e.withCtx(()=>[e.createElementVNode("div",M,[e.createElementVNode("img",{src:s.value,class:"qy-remark-image__preview-img"},null,8,$),e.createElementVNode("div",j,[t[1]||(t[1]=e.createElementVNode("span",{class:"qy-remark-image__popover-tip"},"再次点击按钮可更换图片",-1)),e.createVNode(e.unref(i.ElButton),{link:"",size:"small",type:"danger",disabled:a.disabled,onClick:E},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode(" 删除图片 ",-1)])),_:1,__:[0]},8,["disabled"])])])]),_:1},8,["disabled"])])],4))}}),F=P._export_sfc(W,[["__scopeId","data-v-f8d38d88"]]);exports.QyRemarkImage=F;exports.formatRemarkText=V;exports.parseRemarkText=y;exports.parseRemarkWithImage=k;

package/dist/shared/index-a90QeEC4.cjs

@@ -0,0 +1 @@
+"use strict";const x=require("element-plus/es"),t=require("vue"),H=require("@element-plus/icons-vue"),g=require("element-plus"),ge=require("./js.cookie-CojEIxHg.cjs"),ye=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),xe="Admin-Token";function he(d=xe){return ge.api.get(d)}const Ve={class:"qy-upload__hint"},we=["placeholder","disabled"],be=["src"],ke={key:1,class:"qy-upload__tip"},Be={class:"error"},Ne={class:"error"},Se=Object.assign({name:"QyUpload"},{__name:"index",props:{modelValue:{type:[Object,Array,String],default:void 0},defaultValue:{type:Object,default:()=>({files:"",text:""})},valueFormat:{type:String,default:"object"},showText:{type:Boolean,default:!0},showPasteInput:{type:Boolean,default:!1},pastePlaceholder:{type:String,default:"输入文字"},multiple:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},fileType:{type:Array,default:()=>[]},fileSize:{type:Number,default:10},limit:{type:Number,default:9},isShowTip:{type:Boolean,default:!1},api:{type:String,default:"/permission-api/common/uploads"},name:{type:String,default:"file"},tokenKey:{type:String,default:"Admin-Token"},supportVideo:{type:Boolean,default:!1},size:{type:String,default:"default"},disableDrag:{type:Boolean,default:!1},callBack:{type:Function,default:null},extraData:{type:Object,default:()=>({})}},emits:["update:modelValue","change","success","error","remove"],setup(d,{expose:K,emit:Q}){const o=d,m=Q,k=t.ref(null),r=t.ref([]),U=t.ref(null),W=t.ref(null),h=[];let T=!1;const q=t.ref(!1),D=t.ref([]),E=t.ref(0),V=t.ref(!1),L=t.ref(""),R=t.ref(""),B=new Set,N=t.ref(!1),f=t.ref(""),M=t.ref(!1);t.onMounted(()=>{o.modelValue===void 0&&z(o.defaultValue)});const X=t.computed(()=>({large:"160px",default:"140px",small:"80px"})[o.size]??o.size),J=t.computed(()=>o.disabled),G=t.computed(()=>{var e;return o.isShowTip&&(o.fileSize||((e=v.value)==null?void 0:e.length))}),v=t.computed(()=>{var e;return(e=o.fileType)!=null&&e.length?o.fileType.map(l=>l.toLowerCase()):o.supportVideo?["mp4","mov","avi"]:["jpg","jpeg","png","gif","webp"]}),S=t.computed(()=>{const e=o.supportVideo?1:o.limit;return r.value.length>=e}),Y=t.computed(()=>v.value.map(e=>`.${e}`).join(",")),Z=t.computed(()=>({"qy-upload--reached-limit":S.value,"qy-upload--disabled":o.disabled,"qy-upload--video":o.supportVideo,"qy-upload--without-text":!o.showText&&!o.showPasteInput}));t.watch(f,()=>{T||w()}),t.watch(()=>o.modelValue,e=>{e!==void 0&&z(e)},{immediate:!0,deep:!0});function j(e){return Array.isArray(e)?e.filter(Boolean):e?String(e).split(",").filter(Boolean):[]}function ee(e){return Array.isArray(e)?{files:e,text:""}:typeof e=="string"?{files:j(e),text:""}:e&&typeof e=="object"?{files:j(e.files),text:e.text??""}:{files:[],text:""}}function te(e=[]){return e.map((l,i)=>({name:String(l).split("/").pop()||`file-${i}`,url:l,status:"success",uid:Date.now()+i}))}function le(e){const l=new Set(e.map(a=>a.url)),i=r.value.filter(a=>a.status==="uploading"&&!l.has(a.url));return[...e,...i]}function z(e){const l=ee(e);T=!0,f.value=l.text,r.value=le(te(l.files)),t.nextTick(()=>{T=!1})}function P(e){return o.valueFormat==="array"?e.files:o.valueFormat==="string"?e.files.join(","):e}function ae(){var e;(e=U.value)==null||e.focus()}function oe(e){e.target.value=""}function w(e){const a={files:(e??r.value).filter(n=>n.status==="success"&&n.url).map(n=>n.url),text:f.value};m("update:modelValue",P(a)),m("change",a),o.callBack&&o.callBack(a)}function ie(e,l){w(l),m("remove",e,l)}function ne(e){var a;if(!(e.size/1024/1024<o.fileSize))return g.ElMessage.warning(`文件大小不能超过${o.fileSize}M`),!1;const i=((a=e.name.split(".").pop())==null?void 0:a.toLowerCase())||"";return v.value.includes(i)?!0:(g.ElMessage.warning(`格式不支持，仅允许: ${v.value.join("/")}`),!1)}function I(e,l,i,a){var F,_;const n=o.api.startsWith("http")?o.api:window.location.origin+o.api.replace(/^([^/])/,"/$1"),c=new FormData;c.append(o.name,e),o.extraData&&Object.entries(o.extraData).forEach(([u,ve])=>c.append(u,ve));const s=new XMLHttpRequest;h.push(s);const y=((F=k.value)==null?void 0:F.$el.querySelector(".el-upload--picture-card"))||((_=k.value)==null?void 0:_.$el),C=g.ElLoading.service({target:y,text:"上传中",background:"rgba(255,255,255,0.7)"}),p=()=>{const u=h.indexOf(s);u!==-1&&h.splice(u,1),C.close()};s.open("POST",n);const $=he(o.tokenKey);$&&s.setRequestHeader("Authorization",`Bearer ${$}`),s.upload.onprogress=u=>{u.total>0&&(l==null||l({percent:u.loaded/u.total*100}))},s.onload=()=>{if(p(),s.status<200||s.status>=300){const u=`上传失败 (HTTP ${s.status})`;g.ElMessage.error(u),m("error",{msg:u,status:s.status}),a==null||a(new Error(u));return}try{const u=JSON.parse(s.responseText);u.code===200&&u.urls?(g.ElMessage.success("上传成功"),i==null||i({...u,url:u.urls})):(g.ElMessage.error(u.msg||"上传失败"),m("error",u),a==null||a(u))}catch{g.ElMessage.error("上传失败，响应格式错误"),m("error",new Error("Response parse error")),a==null||a(new Error("Response parse error"))}},s.onerror=()=>{p(),g.ElMessage.error("上传失败，网络异常"),m("error",new Error("Network error")),a==null||a(new Error("Network error"))},s.send(c)}function A(e){return o.disabled?!1:ne(e)}function se(e,l){const i=r.value.find(a=>{var n;return a.uid===(e==null?void 0:e.uid)||((n=a.raw)==null?void 0:n.uid)===(e==null?void 0:e.uid)});i&&(i.url=l,i.status="success")}function re(e){I(e.file,e.onProgress,l=>{se(e.file,l.url),e.onSuccess(l),w(),m("success",l)},l=>e.onError(l))}function ue(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)){L.value=e.url,R.value=e.name||"视频预览",V.value=!0;return}const i=r.value.filter(n=>{var c;return n.status==="success"&&n.url&&!["mp4","mov","avi","webm"].includes((c=n.url.split(".").pop())==null?void 0:c.toLowerCase())});D.value=i.map(n=>n.url),E.value=i.findIndex(n=>n.uid===e.uid)||0,q.value=!0}function de(){q.value=!1,D.value=[]}function O(e){for(let l=0;l<e.length;l++){const i=e[l];if(!A(i))continue;const a=Date.now()+l,n=URL.createObjectURL(i);B.add(n),r.value.push({uid:a,name:i.name||`file-${a}`,status:"uploading",percentage:0,url:n}),I(i,c=>{const s=r.value.find(y=>y.uid===a);s&&(s.percentage=c.percent)},c=>{const s=r.value.find(y=>y.uid===a);s&&(s.status="success",s.url=c.url,w(),m("success",c))},()=>me(a))}}function b(e){var a;if(o.disabled)return;const l=(a=e.clipboardData)==null?void 0:a.items;if(!l)return;const i=[];for(let n=0;n<l.length;n++){const c=l[n];if(c.kind==="file"&&c.type.startsWith("image/")){const s=c.getAsFile();s&&i.push(s)}}i.length&&(e.preventDefault(),O(i))}function ce(){o.disabled||o.disableDrag||(N.value=!0)}function pe(){N.value=!1}function fe(e){var i;if(N.value=!1,o.disabled||o.disableDrag||S.value)return;const l=Array.from(((i=e.dataTransfer)==null?void 0:i.files)||[]).filter(a=>{var n;return v.value.includes((n=a.name.split(".").pop())==null?void 0:n.toLowerCase())});l.length&&O(l)}function me(e){var i;const l=r.value.findIndex(a=>a.uid===e);l!==-1&&((i=r.value[l].url)!=null&&i.startsWith("blob:")&&(URL.revokeObjectURL(r.value[l].url),B.delete(r.value[l].url)),r.value.splice(l,1))}return t.onBeforeUnmount(()=>{h.forEach(e=>e.abort()),h.length=0,B.forEach(e=>URL.revokeObjectURL(e)),B.clear()}),K({openFileDialog:()=>{var e,l;o.disabled||S.value||(l=(e=k.value)==null?void 0:e.$el.querySelector('input[type="file"]'))==null||l.click()},getPathList:()=>r.value.filter(e=>e.status==="success").map(e=>e.url),clearFiles:()=>{r.value=[],f.value="",w()},getValue:()=>({files:r.value.filter(e=>e.status==="success"&&e.url).map(e=>e.url),text:f.value}),getModelValue:()=>P({files:r.value.filter(e=>e.status==="success"&&e.url).map(e=>e.url),text:f.value})}),(e,l)=>{var C;const i=x.ElIcon,a=x.ElInput,n=x.ElPopover,c=x.ElUpload,s=x.ElImageViewer,y=x.ElDialog;return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["qy-upload",Z.value]),style:t.normalizeStyle({"--qy-upload-size":X.value})},[t.createVNode(c,{ref_key:"uploadRef",ref:k,"file-list":r.value,"onUpdate:fileList":l[6]||(l[6]=p=>r.value=p),action:"#",multiple:d.supportVideo?!1:d.multiple,limit:d.supportVideo?1:d.limit,"list-type":d.supportVideo?"text":"picture-card",accept:Y.value,disabled:J.value,"http-request":re,"before-upload":A,"on-preview":ue,"on-remove":ie},{default:t.withCtx(()=>[S.value?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["qy-upload__trigger",{"is-dragover":N.value}]),onPaste:b,onDragover:t.withModifiers(ce,["prevent"]),onDragleave:t.withModifiers(pe,["prevent"]),onDrop:t.withModifiers(fe,["prevent"])},[t.createVNode(i,{class:"qy-upload__icon"},{default:t.withCtx(()=>[t.createVNode(t.unref(H.Plus))]),_:1}),d.supportVideo?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[l[9]||(l[9]=t.createElementVNode("span",{class:"qy-upload__label"},"点击上传视频",-1)),t.createElementVNode("span",Ve,"支持 "+t.toDisplayString(v.value.join(" / "))+"，不超过 "+t.toDisplayString(d.fileSize)+"MB",1)],64)):t.createCommentVNode("",!0),d.showText?(t.openBlock(),t.createElementBlock("div",{key:1,class:"qy-upload__text",onClick:l[3]||(l[3]=t.withModifiers(()=>{},["stop"])),onPaste:t.withModifiers(b,["stop"])},[t.createVNode(n,{visible:M.value,"onUpdate:visible":l[2]||(l[2]=p=>M.value=p),placement:"bottom-start",width:220,trigger:"click","popper-class":"qy-upload__text-popover",onAfterEnter:ae},{reference:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["qy-upload__text-preview",{"is-placeholder":!f.value}])},t.toDisplayString(f.value||d.pastePlaceholder),3)]),default:t.withCtx(()=>[t.createVNode(a,{ref_key:"inputRef",ref:U,modelValue:f.value,"onUpdate:modelValue":l[0]||(l[0]=p=>f.value=p),type:"textarea",autosize:{minRows:2,maxRows:5},placeholder:d.pastePlaceholder,disabled:d.disabled,onBlur:l[1]||(l[1]=p=>M.value=!1),onPaste:t.withModifiers(b,["stop"])},null,8,["modelValue","placeholder","disabled"])]),_:1},8,["visible"])],32)):d.showPasteInput?(t.openBlock(),t.createElementBlock("div",{key:2,class:"qy-upload__text",onClick:l[5]||(l[5]=t.withModifiers(()=>{},["stop"])),onPaste:t.withModifiers(b,["stop"])},[t.createElementVNode("input",{ref_key:"pasteInputRef",ref:W,class:"qy-upload__paste-input",placeholder:d.pastePlaceholder,disabled:d.disabled,onPaste:t.withModifiers(b,["stop"]),onInput:oe,onClick:l[4]||(l[4]=t.withModifiers(()=>{},["stop"]))},null,40,we)],32)):t.createCommentVNode("",!0)],34))]),_:1},8,["file-list","multiple","limit","list-type","accept","disabled"]),q.value?(t.openBlock(),t.createBlock(s,{key:0,"url-list":D.value,"initial-index":E.value,onClose:de},null,8,["url-list","initial-index"])):t.createCommentVNode("",!0),t.createVNode(y,{modelValue:V.value,"onUpdate:modelValue":l[7]||(l[7]=p=>V.value=p),title:R.value,width:"640px","append-to-body":"","destroy-on-close":"",onClose:l[8]||(l[8]=p=>V.value=!1)},{default:t.withCtx(()=>[V.value?(t.openBlock(),t.createElementBlock("video",{key:0,src:L.value,controls:"",autoplay:"",style:{width:"100%","max-height":"400px","border-radius":"4px"}},null,8,be)):t.createCommentVNode("",!0)]),_:1},8,["modelValue","title"]),G.value?(t.openBlock(),t.createElementBlock("div",ke,[t.createVNode(i,null,{default:t.withCtx(()=>[t.createVNode(t.unref(H.InfoFilled))]),_:1}),t.createElementVNode("span",null,[l[12]||(l[12]=t.createTextVNode(" 请上传 ",-1)),d.fileSize?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[l[10]||(l[10]=t.createTextVNode("大小不超过 ",-1)),t.createElementVNode("b",Be,t.toDisplayString(d.fileSize)+"MB",1)],64)):t.createCommentVNode("",!0),(C=v.value)!=null&&C.length?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[l[11]||(l[11]=t.createTextVNode("，格式为 ",-1)),t.createElementVNode("b",Ne,t.toDisplayString(v.value.join("/")),1)],64)):t.createCommentVNode("",!0),l[13]||(l[13]=t.createTextVNode(" 的文件。 ",-1))])])):t.createCommentVNode("",!0)],6)}}}),Ce=ye._export_sfc(Se,[["__scopeId","data-v-8b875cce"]]);exports.QyUpload=Ce;