@jt-home/mfe-components 1.0.4 → 1.0.6

package/dist/JtAttachmentPreview/index.mjs

@@ -0,0 +1,751 @@
+import { defineComponent as L, openBlock as O, createElementBlock as I, createElementVNode as J, ref as x, watch as q, onBeforeUnmount as T, h as n, computed as D, onMounted as W, nextTick as ae, render as A } from "vue";
+import { ElIcon as N } from "element-plus";
+/*! Element Plus Icons Vue v2.3.2 */
+var re = /* @__PURE__ */ L({
+  name: "Download",
+  __name: "download",
+  setup(e) {
+    return (t, a) => (O(), I("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      J("path", {
+        fill: "currentColor",
+        d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
+      })
+    ]));
+  }
+}), ie = re, oe = /* @__PURE__ */ L({
+  name: "RefreshLeft",
+  __name: "refresh-left",
+  setup(e) {
+    return (t, a) => (O(), I("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      J("path", {
+        fill: "currentColor",
+        d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
+      })
+    ]));
+  }
+}), ce = oe, se = /* @__PURE__ */ L({
+  name: "ZoomIn",
+  __name: "zoom-in",
+  setup(e) {
+    return (t, a) => (O(), I("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      J("path", {
+        fill: "currentColor",
+        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
+      })
+    ]));
+  }
+}), le = se, ue = /* @__PURE__ */ L({
+  name: "ZoomOut",
+  __name: "zoom-out",
+  setup(e) {
+    return (t, a) => (O(), I("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      J("path", {
+        fill: "currentColor",
+        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"
+      })
+    ]));
+  }
+}), de = ue;
+const ve = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAADYCAMAAAC+/t3fAAAAaVBMVEUAAABWapNVapKeqsLJztx3hKnGzN2yu8////9XapWcqMGps8lXapVYa5RWaZWps8lfcJjS1+KjrsVXapWapr////9sfaKrtMrV2uWBj7B4iKqWob1wgaXr7fOBj6/Ax9dhc5yhq8OKl7Wba+6tAAAAE3RSTlMAgGDuDyVLoYDe2XuXRb68cy6e4BCQEAAAAyZJREFUeNrt29tyokAUheGOQjIoeMhuCQ4e0Pd/yCE1STU4mGq7bXqzZ/23ufoqYblTqkIIIYQQQggNlM42Lzctf5nMD22bKQYVOQ30sTPt6dEO74mKXLoiCgDTi1RFbUMUBhZXluQUDKbnWxWtjMLB2pYqUjmFg8WUzSg0TL+rCKVZeJheRJj9DYWHRRnHbBSYnr+qcSsoKCyeLKcfK/emc2UqH4LFGMcVWVftTC4w/TbmhGQjwvR6RBmNAbMYx4nD7k/I1GF3ZZOH3RtHAbDhcZQAG5SJgOn1Vt0mAzYwIUJgvjJ/2OVo2pcmcoQZWehxpBGue5sJEQTryyTBeuMoCtadEFmwjkwYzIyjNJief02IONj3OAqE/ZVJhJnZj3RS1c4nld04ijiC/5EJhbUyobBWJhT2OY5CYa1MKKyVCYXpdSIUphdbobB2HIXCWplQmJGFhZUn07kyNaFgbUsx1/1tb1Jh+i1hDmu0Y+uEN4xqV9ki5Q27atfmKWtYqd1lW84wqj1kr5xhB+3RkjGMrl4yxrCm9pG984V5ytZJINjpY7hmLNki5XjdP0fGFkZ0qL1kfGEt7erzgsYY1lYefrtWsIZ5NAMMMBNg9gEGmD3sejbVnRpyjAvs5rr3DzDAAOsEmH2AAQZYJ8Ds4wJrSlN1NE3+CDYJu+5NgNkHGGCAdQLMPsAAA0zuEQyYbYABBlgnwOwDDDDAOvVhl5NJ1Fu1O6lHMGA/xQl2rPodpcBq6gfYYIABBpgJsAdiBDvX/cTAxF4egNkEWGDY5Q5s8v9onoZdR3KNC4yOg7AzOccFNvi36POJIy4wqgZgF/KIC6yporuCwNrq/nNW7ckzLjCi/bO//MEF9mCAAQYYYDwCDDAmAQYYkwADjEmAAcYkwABjEmCAMQkwwJgEGGBMAgwwJgEGGJMAA4xJgAHGJMD+B1hGE6hwgK1oAqUOsJz4lymHCuJfrpTM9SicYC/EvUw5lRD3Psde4lP29YSJG8bse+ulvZZ5uFTCV5YZl6hpXKXKs5TlL22jnlCaM7uHV7NEPam02LwwaVYkCiGEEEIIITTUH1Fqd5V0WMtQAAAAAElFTkSuQmCC", me = "data:image/png;base64,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", fe = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "bmp", "svg", "avif", "ico"]), we = /* @__PURE__ */ new Set(["mp4", "webm", "ogg", "ogv", "mov", "m4v"]), pe = /* @__PURE__ */ new Set(["mp3", "wav", "ogg", "oga", "m4a", "aac", "flac"]), he = /* @__PURE__ */ new Set(["html", "htm", "txt", "json", "xml", "csv", "md", "log"]), ge = /* @__PURE__ */ new Set([
+  "doc",
+  "docx",
+  "xls",
+  "xlsx",
+  "ppt",
+  "pptx",
+  "zip",
+  "rar",
+  "7z"
+]);
+let _ = null, U = null, P = null;
+async function ye() {
+  return U || (U = Promise.all([
+    import("../pdf-BmBuG7of.js"),
+    import("../pdf.worker.min-4PI-nNLo.js")
+  ]).then(([e, t]) => (e.GlobalWorkerOptions.workerSrc = t.default, e))), U;
+}
+function Ae(e) {
+  return typeof e == "string" ? { url: e } : e;
+}
+function V(e) {
+  const [t] = e.split(/[?#]/);
+  return t ?? "";
+}
+function z(e, t) {
+  if (t?.trim()) return t.trim();
+  const a = V(e).split("/").filter(Boolean).pop();
+  if (!a) return "附件预览";
+  try {
+    return decodeURIComponent(a);
+  } catch {
+    return a;
+  }
+}
+function F(e) {
+  return V(e).match(/\.([a-z0-9]+)$/i)?.[1]?.toLowerCase() ?? "";
+}
+function K(e) {
+  const t = e.toLowerCase().split(";")[0]?.trim() ?? "";
+  return t.startsWith("image/") ? "image" : t === "application/pdf" ? "pdf" : t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : t.startsWith("text/") ? "iframe" : "unknown";
+}
+function X(e) {
+  if (!e.url.trim()) return "empty";
+  if (e.mode && e.mode !== "auto") return e.mode;
+  if (e.mimeType) {
+    const a = K(e.mimeType);
+    if (a !== "unknown") return a;
+  }
+  const t = F(e.url);
+  return fe.has(t) ? "image" : t === "pdf" ? "pdf" : we.has(t) ? "video" : pe.has(t) ? "audio" : he.has(t) ? "iframe" : ge.has(t) ? "unsupported" : "unknown";
+}
+async function _e(e) {
+  try {
+    const a = (await fetch(e, { method: "HEAD" })).headers.get("content-type") ?? "";
+    return K(a);
+  } catch {
+    return "unknown";
+  }
+}
+async function Z(e) {
+  const t = await fetch(e);
+  if (!t.ok) throw new Error(`fetch failed: ${t.status}`);
+  return t.blob();
+}
+function be(e, t) {
+  const a = F(t);
+  return a === "doc" || a === "docx" ? "W" : a === "xls" || a === "xlsx" ? "X" : a === "ppt" || a === "pptx" ? "P" : a === "zip" || a === "rar" || a === "7z" ? "ZIP" : e === "pdf" ? "PDF" : "FILE";
+}
+function $(e, t, a) {
+  return n(
+    "button",
+    {
+      class: a,
+      type: "button",
+      onClick: () => {
+        te(e, t);
+      }
+    },
+    [
+      n(N, { class: "jt-attachment-preview-service__download-icon" }, () => n(ie)),
+      n("span", { class: "jt-attachment-preview-service__download-text" }, "下载")
+    ]
+  );
+}
+function R(e) {
+  return e === "image" || e === "pdf";
+}
+function ee(e) {
+  return n("div", { class: "jt-attachment-preview-service__preview-fallback" }, [
+    n("img", {
+      class: "jt-attachment-preview-service__preview-fallback-icon",
+      src: e.icon,
+      alt: ""
+    }),
+    n("div", { class: "jt-attachment-preview-service__unsupported-text" }, "暂不支持预览此类型的文件"),
+    n("div", { class: "jt-attachment-preview-service__file-name", title: e.name }, e.name)
+  ]);
+}
+function H(e, t) {
+  const a = document.createElement("a");
+  a.href = e, a.download = t, a.style.display = "none", document.body.appendChild(a), a.click(), a.remove();
+}
+async function te(e, t) {
+  try {
+    const a = await Z(e), i = URL.createObjectURL(a);
+    H(i, t), URL.revokeObjectURL(i);
+  } catch {
+    H(e, t);
+  }
+}
+const je = L({
+  name: "JtAttachmentPreviewPdfCanvas",
+  props: {
+    url: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    downloadName: {
+      type: String,
+      required: !0
+    },
+    downloadable: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: {
+    previewLoad: (e) => e instanceof Event,
+    previewError: (e) => e instanceof Event
+  },
+  setup(e, { emit: t }) {
+    const a = x("loading"), i = x([]), r = x([]), s = /* @__PURE__ */ new Map(), l = x("");
+    let d = null, h = [], v = 0;
+    async function m(o, u) {
+      if (!u) return null;
+      const w = typeof u == "string" ? await o.getDestination(u) : u;
+      return !Array.isArray(w) || !w[0] ? null : await o.getPageIndex(w[0]) + 1;
+    }
+    async function k(o, u, w = 0) {
+      if (!u?.length) return [];
+      const j = [];
+      for (const E of u) {
+        const C = await m(o, E.dest);
+        j.push({
+          title: E.title || "未命名标题",
+          pageNumber: C,
+          level: w
+        });
+        const g = await k(o, E.items, w + 1);
+        j.push(...g);
+      }
+      return j;
+    }
+    function p() {
+      v += 1;
+      for (const o of h)
+        o.cancel();
+      h = [], d?.destroy(), d = null, s.clear();
+    }
+    async function b() {
+      p();
+      const o = v;
+      a.value = "loading", l.value = "", i.value = [], r.value = [];
+      try {
+        const u = await ye();
+        if (o !== v) return;
+        d = u.getDocument({ url: e.url });
+        const w = await d.promise;
+        if (o !== v) return;
+        i.value = Array.from({ length: w.numPages }, (C, g) => g + 1), r.value = await k(w, await w.getOutline()), await ae();
+        const j = s.values().next().value, E = Math.max((j?.parentElement?.clientWidth ?? 800) - 32, 320);
+        for (const C of i.value) {
+          if (o !== v) return;
+          const g = await w.getPage(C), y = s.get(C), M = y?.getContext("2d");
+          if (!y || !M) continue;
+          const G = g.getViewport({ scale: 1 }), S = Math.min(E / G.width, 2), c = g.getViewport({ scale: S }), B = window.devicePixelRatio || 1;
+          y.width = Math.floor(c.width * B), y.height = Math.floor(c.height * B), y.style.width = `${Math.floor(c.width)}px`, y.style.height = `${Math.floor(c.height)}px`, M.setTransform(B, 0, 0, B, 0, 0);
+          const Q = g.render({
+            canvas: y,
+            canvasContext: M,
+            viewport: c
+          });
+          h.push(Q), await Q.promise;
+        }
+        if (o !== v) return;
+        a.value = "ready", t("previewLoad", new Event("load"));
+      } catch (u) {
+        if (o !== v) return;
+        a.value = "error", l.value = u instanceof Error ? u.message : "PDF 加载失败", t("previewError", new Event("error"));
+      }
+    }
+    q(() => e.url, b, { immediate: !0 }), T(p);
+    function f(o) {
+      if (!o) return;
+      s.get(o)?.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+    return () => n("div", { class: "jt-attachment-preview-service__pdf-viewer" }, [
+      a.value === "loading" ? n("div", { class: "jt-attachment-preview-service__pdf-state" }, "PDF 加载中...") : null,
+      a.value === "error" ? n("div", { class: "jt-attachment-preview-service__pdf-state" }, [
+        ee({
+          icon: me,
+          name: e.name
+        })
+      ]) : null,
+      null,
+      null,
+      n(
+        "div",
+        {
+          class: [
+            "jt-attachment-preview-service__pdf-layout",
+            a.value !== "ready" ? "jt-attachment-preview-service__pdf-layout--hidden" : ""
+          ]
+        },
+        [
+          r.value.length ? n("aside", { class: "jt-attachment-preview-service__pdf-outline" }, [
+            n("div", { class: "jt-attachment-preview-service__pdf-outline-title" }, "目录"),
+            n(
+              "div",
+              { class: "jt-attachment-preview-service__pdf-outline-list" },
+              r.value.map(
+                (o, u) => n(
+                  "button",
+                  {
+                    key: `${o.title}-${u}`,
+                    class: "jt-attachment-preview-service__pdf-outline-item",
+                    style: { paddingLeft: `${12 + o.level * 14}px` },
+                    type: "button",
+                    disabled: !o.pageNumber,
+                    title: o.title,
+                    onClick: () => f(o.pageNumber)
+                  },
+                  o.title
+                )
+              )
+            )
+          ]) : null,
+          n(
+            "div",
+            { class: "jt-attachment-preview-service__pdf-pages" },
+            i.value.map(
+              (o) => n("canvas", {
+                key: o,
+                ref: (u) => {
+                  u instanceof HTMLCanvasElement && s.set(o, u);
+                },
+                class: "jt-attachment-preview-service__pdf-page"
+              })
+            )
+          )
+        ]
+      )
+    ]);
+  }
+}), Ee = L({
+  name: "JtAttachmentPreviewImageTransform",
+  props: {
+    url: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    downloadName: {
+      type: String,
+      required: !0
+    },
+    downloadable: {
+      type: Boolean,
+      required: !0
+    },
+    fit: {
+      type: String,
+      default: "contain"
+    }
+  },
+  emits: {
+    previewLoad: (e) => e instanceof Event,
+    previewError: (e) => e instanceof Event
+  },
+  setup(e, { emit: t }) {
+    const a = x(null), i = x("ready"), r = x(1), s = x(!1);
+    let l = 0, d = 0, h = 0, v = 0, m = 0, k = 0, p = 0;
+    const b = D(() => ({
+      "--jt-attachment-preview-service-image-fit": e.fit,
+      transform: `translate(${l}px, ${d}px) scale(${r.value})`
+    }));
+    function f() {
+      a.value && (a.value.style.transform = `translate(${l}px, ${d}px) scale(${r.value})`);
+    }
+    function o() {
+      p || (p = window.requestAnimationFrame(() => {
+        p = 0, f();
+      }));
+    }
+    function u(c) {
+      r.value = Math.min(Math.max(Number(c.toFixed(2)), 0.2), 5), r.value <= 1 && (l = 0, d = 0), f();
+    }
+    function w() {
+      u(r.value + 0.2);
+    }
+    function j() {
+      const c = Math.max(Number((r.value - 0.2).toFixed(2)), 0.2);
+      r.value = c, c <= 1 && (l = 0, d = 0), f();
+    }
+    function E() {
+      l = 0, d = 0, u(1);
+    }
+    function C(c) {
+      i.value = "ready", t("previewLoad", c);
+    }
+    function g(c) {
+      i.value = "error", t("previewError", c);
+    }
+    function y(c) {
+      r.value <= 1 || (c.preventDefault(), s.value = !0, h = c.clientX, v = c.clientY, m = l, k = d, window.addEventListener("pointermove", M), window.addEventListener("pointerup", G, { once: !0 }));
+    }
+    function M(c) {
+      s.value && (l = m + c.clientX - h, d = k + c.clientY - v, o());
+    }
+    function G() {
+      s.value = !1, window.removeEventListener("pointermove", M);
+    }
+    function S(c) {
+      c.preventDefault(), u(r.value + (c.deltaY < 0 ? 0.1 : -0.1));
+    }
+    return W(f), q(() => e.url, () => {
+      i.value = "ready", E();
+    }), T(() => {
+      window.removeEventListener("pointermove", M), p && window.cancelAnimationFrame(p);
+    }), () => n("div", { class: "jt-attachment-preview-service__image-viewer" }, i.value === "error" ? ee({
+      icon: ve,
+      name: e.name
+    }) : [
+      n("img", {
+        ref: a,
+        class: [
+          "jt-attachment-preview-service__media",
+          "jt-attachment-preview-service__image",
+          r.value > 1 ? "jt-attachment-preview-service__image--draggable" : "",
+          s.value ? "jt-attachment-preview-service__image--dragging" : ""
+        ],
+        src: e.url,
+        alt: e.name,
+        style: b.value,
+        onLoad: C,
+        onError: g,
+        onPointerdown: y,
+        onWheel: S,
+        onDragstart: (c) => c.preventDefault(),
+        draggable: !1
+      }),
+      n("div", { class: "jt-attachment-preview-service__image-toolbar" }, [
+        n(
+          "button",
+          {
+            class: "jt-attachment-preview-service__image-tool",
+            type: "button",
+            title: "缩小",
+            onClick: j
+          },
+          [n(N, () => n(de))]
+        ),
+        n("span", { class: "jt-attachment-preview-service__image-scale" }, `${Math.round(r.value * 100)}%`),
+        n(
+          "button",
+          {
+            class: "jt-attachment-preview-service__image-tool",
+            type: "button",
+            title: "放大",
+            onClick: w
+          },
+          [n(N, () => n(le))]
+        ),
+        n(
+          "button",
+          {
+            class: "jt-attachment-preview-service__image-tool",
+            type: "button",
+            title: "复位",
+            onClick: E
+          },
+          [n(N, () => n(ce))]
+        )
+      ])
+    ]);
+  }
+}), De = L({
+  name: "JtAttachmentPreviewService",
+  props: {
+    options: {
+      type: Object,
+      required: !0
+    },
+    onDestroy: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = D(() => z(e.options.url, e.options.name)), a = D(() => e.options.downloadName || t.value), i = D(() => X(e.options)), r = D(() => be(i.value, e.options.url)), s = D(() => ({
+      zIndex: e.options.zIndex ?? 3e3,
+      "--jt-attachment-preview-service-image-fit": e.options.fit ?? "contain"
+    }));
+    function l() {
+      e.options.onClose?.(), e.onDestroy();
+    }
+    function d(m) {
+      m.key === "Escape" && e.options.closeOnPressEscape !== !1 && l();
+    }
+    function h(m) {
+      e.options.onLoad?.(m);
+    }
+    function v(m) {
+      e.options.onError?.(m);
+    }
+    return W(() => {
+      document.addEventListener("keydown", d), document.body.classList.add("jt-attachment-preview-service-lock");
+    }), T(() => {
+      document.removeEventListener("keydown", d), document.body.classList.remove("jt-attachment-preview-service-lock");
+    }), () => {
+      const m = e.options.downloadable === !1 ? [] : [$(e.options.url, a.value, "jt-attachment-preview-service__top-download")];
+      return n("div", { class: "jt-attachment-preview-service", style: s.value }, [
+        n("div", { class: "jt-attachment-preview-service__modal" }, [
+          n("div", { class: "jt-attachment-preview-service__header" }, [
+            n("div", { class: "jt-attachment-preview-service__filename", title: t.value }, t.value),
+            n("div", { class: "jt-attachment-preview-service__header-actions" }, [
+              ...m,
+              n(
+                "button",
+                {
+                  class: "jt-attachment-preview-service__close",
+                  type: "button",
+                  "aria-label": "关闭",
+                  onClick: l
+                },
+                "×"
+              )
+            ])
+          ]),
+          n("div", { class: "jt-attachment-preview-service__body" }, [
+            xe({
+              type: i.value,
+              url: e.options.url,
+              name: t.value,
+              downloadName: a.value,
+              sandbox: e.options.sandbox,
+              iconText: r.value,
+              downloadable: e.options.downloadable !== !1,
+              onLoad: h,
+              onError: v
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+}), Y = L({
+  name: "JtAttachmentPreviewDetectingService",
+  props: {
+    options: {
+      type: Object,
+      required: !0
+    },
+    onDestroy: {
+      type: Function,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: "正在识别文件类型"
+    },
+    desc: {
+      type: String,
+      default: "请稍候，识别完成后将自动预览或下载"
+    },
+    spinning: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const t = D(() => z(e.options.url, e.options.name)), a = D(() => ({
+      zIndex: e.options.zIndex ?? 3e3
+    }));
+    function i() {
+      e.options.onClose?.(), e.onDestroy();
+    }
+    function r(s) {
+      s.key === "Escape" && e.options.closeOnPressEscape !== !1 && i();
+    }
+    return W(() => {
+      document.addEventListener("keydown", r), document.body.classList.add("jt-attachment-preview-service-lock");
+    }), T(() => {
+      document.removeEventListener("keydown", r), document.body.classList.remove("jt-attachment-preview-service-lock");
+    }), () => n("div", { class: "jt-attachment-preview-service", style: a.value }, [
+      n("div", { class: "jt-attachment-preview-service__modal" }, [
+        n("div", { class: "jt-attachment-preview-service__header" }, [
+          n("div", { class: "jt-attachment-preview-service__filename", title: t.value }, t.value),
+          n("div", { class: "jt-attachment-preview-service__header-actions" }, [
+            n(
+              "button",
+              {
+                class: "jt-attachment-preview-service__close",
+                type: "button",
+                "aria-label": "关闭",
+                onClick: i
+              },
+              "×"
+            )
+          ])
+        ]),
+        n("div", { class: "jt-attachment-preview-service__body" }, [
+          n("div", { class: "jt-attachment-preview-service__detecting" }, [
+            e.spinning ? n("span", { class: "jt-attachment-preview-service__detecting-spinner" }) : null,
+            n("span", { class: "jt-attachment-preview-service__detecting-title" }, e.title),
+            n("span", { class: "jt-attachment-preview-service__detecting-desc" }, e.desc)
+          ])
+        ])
+      ])
+    ]);
+  }
+});
+function xe(e) {
+  return e.type === "empty" ? n("div", { class: "jt-attachment-preview-service__empty" }, "暂无附件") : e.type === "image" ? n(Ee, {
+    url: e.url,
+    name: e.name,
+    downloadName: e.downloadName,
+    downloadable: e.downloadable,
+    onPreviewLoad: e.onLoad,
+    onPreviewError: e.onError
+  }) : e.type === "video" ? n("video", {
+    class: "jt-attachment-preview-service__media",
+    src: e.url,
+    controls: !0,
+    onLoadeddata: e.onLoad,
+    onError: e.onError
+  }) : e.type === "audio" ? n("audio", {
+    class: "jt-attachment-preview-service__audio",
+    src: e.url,
+    controls: !0,
+    onLoadeddata: e.onLoad,
+    onError: e.onError
+  }) : e.type === "pdf" ? n(je, {
+    url: e.url,
+    name: e.name,
+    downloadName: e.downloadName,
+    downloadable: e.downloadable,
+    onPreviewLoad: e.onLoad,
+    onPreviewError: e.onError
+  }) : e.type === "iframe" ? n("iframe", {
+    class: "jt-attachment-preview-service__iframe",
+    src: e.url,
+    title: e.name,
+    sandbox: e.sandbox || void 0,
+    onLoad: e.onLoad
+  }) : n("div", { class: "jt-attachment-preview-service__unsupported" }, [
+    n("div", { class: "jt-attachment-preview-service__file-card" }, [
+      n("div", { class: "jt-attachment-preview-service__file-icon" }, e.iconText),
+      n("div", { class: "jt-attachment-preview-service__unsupported-text" }, "暂不支持预览此类型的文件")
+    ]),
+    n("div", { class: "jt-attachment-preview-service__file-name", title: e.name }, e.name),
+    e.downloadable ? $(e.url, e.downloadName, "jt-attachment-preview-service__primary-download") : null
+  ]);
+}
+function ne(e) {
+  if (typeof document > "u")
+    return { close: () => {
+    } };
+  _?.close();
+  const t = Ae(e), a = t.downloadName || z(t.url, t.name);
+  let i = !1, r = null, s = null;
+  const l = () => {
+    i = !0, r && (A(null, r), r.remove(), r = null), s && (URL.revokeObjectURL(s), s = null), _?.close === l && (_ = null);
+  };
+  function d() {
+    i || (r || (r = document.createElement("div"), document.body.appendChild(r)), A(n(De, { options: t, onDestroy: l }), r));
+  }
+  function h() {
+    i || (r || (r = document.createElement("div"), document.body.appendChild(r)), A(n(Y, { options: t, onDestroy: l }), r));
+  }
+  function v() {
+    r && (A(null, r), r.remove(), r = null);
+  }
+  function m() {
+    i || te(t.url, a);
+  }
+  function k(b) {
+    if (i) return;
+    const f = URL.createObjectURL(b);
+    H(f, a), URL.revokeObjectURL(f);
+  }
+  const p = X(t);
+  return R(p) ? d() : p === "unknown" ? (h(), _e(t.url).then(async (b) => {
+    if (!i) {
+      if (R(b)) {
+        t.mode = b, d();
+        return;
+      }
+      try {
+        const f = await Z(t.url), o = K(f.type);
+        if (R(o)) {
+          s = URL.createObjectURL(f), t.url = s, t.mode = o, d();
+          return;
+        }
+        v(), k(f);
+      } catch {
+        v(), m();
+      }
+    }
+  })) : m(), _ = { close: l }, _;
+}
+function Le(e) {
+  P = e;
+}
+function ke(e) {
+  if (typeof document > "u")
+    return { close: () => {
+    } };
+  _?.close();
+  let t = !1, a = document.createElement("div");
+  document.body.appendChild(a);
+  const i = () => {
+    t = !0, a && (A(null, a), a.remove(), a = null), _?.close === i && (_ = null);
+  }, r = { close: i };
+  return _ = r, P ? (A(
+    n(Y, {
+      options: { url: "", name: "附件预览" },
+      title: "正在获取文件信息",
+      desc: "请稍候，获取完成后将自动预览或下载",
+      spinning: !0,
+      onDestroy: i
+    }),
+    a
+  ), P.request(e).then((s) => {
+    if (t) return;
+    const l = P?.mapResponse(s, e);
+    if (!l?.url) {
+      A(
+        n(Y, {
+          options: { url: "", name: "附件预览" },
+          title: "文件信息缺少 URL",
+          desc: "请检查 mapResponse 是否返回了 url 字段",
+          spinning: !1,
+          onDestroy: i
+        }),
+        a
+      );
+      return;
+    }
+    ne(l);
+  }).catch((s) => {
+    if (t) return;
+    const l = s instanceof Error ? s.message : "接口请求失败";
+    A(
+      n(Y, {
+        options: { url: "", name: "附件预览" },
+        title: "文件信息获取失败",
+        desc: l,
+        spinning: !1,
+        onDestroy: i
+      }),
+      a
+    );
+  }), r) : (A(
+    n(Y, {
+      options: { url: "", name: "附件预览" },
+      title: "附件预览未初始化",
+      desc: "请先调用 setupJtAttachmentPreview 注册请求配置",
+      spinning: !1,
+      onDestroy: i
+    }),
+    a
+  ), r);
+}
+const Ye = Object.assign(ne, {
+  openByParams: ke,
+  setup: Le
+});
+export {
+  Ye as JtAttachmentPreview,
+  ke as JtAttachmentPreviewByParams,
+  Le as setupJtAttachmentPreview
+};