@jt-home/mfe-components 1.0.62-beta.0 → 1.0.62-beta.1

package/dist/JtAttachmentPreview/index.mjs

@@ -1,10 +1,908 @@
-import '../style.css';
-import { J as i, a as o, b as p } from "../index-BdgCXrMw.js";
-import "vue";
-import "element-plus";
-import "@element-plus/icons-vue";
+import './style.css';
+import { t as l } from "../shared/locale-DZoOXmOC.js";
+import { defineAsyncComponent as re, defineComponent as _, ref as j, watch as N, h as r, computed as y, onMounted as P, onBeforeUnmount as M, render as f } from "vue";
+import { ElIcon as k } from "element-plus";
+import { ZoomOut as oe, ZoomIn as ie, RefreshLeft as le, Download as ce } from "@element-plus/icons-vue";
+const se = "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", de = "data:image/png;base64,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", ue = /* @__PURE__ */ new Set([
+  "jpg",
+  "jpeg",
+  "png",
+  "gif",
+  "webp",
+  "bmp",
+  "svg",
+  "avif",
+  "ico"
+]), me = /* @__PURE__ */ new Set(["mp4", "webm", "ogg", "ogv", "mov", "m4v"]), ve = /* @__PURE__ */ new Set([
+  "mp3",
+  "wav",
+  "ogg",
+  "oga",
+  "m4a",
+  "aac",
+  "flac"
+]), fe = /* @__PURE__ */ new Set([
+  "html",
+  "htm",
+  "txt",
+  "json",
+  "xml",
+  "csv",
+  "md",
+  "log"
+]), we = /* @__PURE__ */ new Set([
+  "doc",
+  "docx",
+  "xls",
+  "xlsx",
+  "ppt",
+  "pptx",
+  "zip",
+  "rar",
+  "7z"
+]), T = {
+  component: "JtAttachmentPreview",
+  marker: "2026-06-25-download-error-detail",
+  source: "@jt-home/mfe-components/src/components/JtAttachmentPreview/index.ts",
+  pdfLoadMode: "vue-office-pdf-src",
+  previewDownloadMode: "openByParams-uses-registered-downloadRequest",
+  downloadResponseMode: "supports-blob-and-axios-response-data-blob"
+};
+function m(e, t) {
+  console.info(`[JtAttachmentPreview DEBUG ${T.marker}] ${e}`, {
+    ...T,
+    ...t
+  });
+}
+typeof window < "u" && (window.__JT_ATTACHMENT_PREVIEW_DEBUG__ = T);
+let w = null, p = null, B = null;
+const pe = re(
+  () => (
+    // PDF 渲染依赖是可选 peer；固定导入已发布的 Vue3 子入口，避开依赖 postinstall 生成的默认入口。
+    import("@vue-office/pdf/lib/v3/index.js").then((e) => e.default)
+  )
+);
+function be(e) {
+  return typeof e == "string" ? { url: e } : e;
+}
+function G(e) {
+  const [t] = e.split(/[?#]/);
+  return t ?? "";
+}
+function x(e, t) {
+  if (t?.trim()) return t.trim();
+  const a = G(e).split("/").filter(Boolean).pop();
+  if (!a) return l("common.附件预览");
+  try {
+    return decodeURIComponent(a);
+  } catch {
+    return a;
+  }
+}
+function I(e) {
+  return G(e).match(/\.([a-z0-9]+)$/i)?.[1]?.toLowerCase() ?? "";
+}
+function he(e) {
+  return e?.trim().replace(/^\./, "").toLowerCase() ?? "";
+}
+function ye(e) {
+  const t = he(e);
+  return ue.has(t) ? "image" : t === "pdf" ? "pdf" : me.has(t) ? "video" : ve.has(t) ? "audio" : fe.has(t) ? "iframe" : we.has(t) ? "unsupported" : "unknown";
+}
+function O(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 K(e) {
+  if (!e.url.trim()) return "empty";
+  if (e.mode && e.mode !== "auto") return e.mode;
+  if (e.mimeType) {
+    const a = O(e.mimeType);
+    if (a !== "unknown") return a;
+  }
+  const t = ye(
+    e.extension || I(e.name || "") || I(e.url)
+  );
+  return t !== "unknown" ? t : "unknown";
+}
+async function ge(e) {
+  try {
+    const a = (await fetch(e, { method: "HEAD" })).headers.get("content-type") ?? "";
+    return O(a);
+  } catch {
+    return "unknown";
+  }
+}
+async function H(e, t) {
+  const a = await fetch(e, t);
+  if (!a.ok) throw new Error(`fetch failed: ${a.status}`);
+  return a.blob();
+}
+function W(e, t, a, o = !1) {
+  return r(
+    "button",
+    {
+      class: a,
+      type: "button",
+      onClick: () => {
+        m("download-button-click", {
+          url: e.url,
+          downloadName: t,
+          fallbackToRawUrl: o
+        }), z(e, t, {
+          fallbackToRawUrl: o
+        });
+      }
+    },
+    [
+      r(
+        k,
+        { class: "jt-attachment-preview-service__download-icon" },
+        () => r(ce)
+      ),
+      r(
+        "span",
+        { class: "jt-attachment-preview-service__download-text" },
+        l("common.下载")
+      )
+    ]
+  );
+}
+function L(e) {
+  return e === "image" || e === "pdf";
+}
+function Q(e) {
+  return r(
+    "div",
+    { class: "jt-attachment-preview-service__preview-fallback" },
+    [
+      r("img", {
+        class: "jt-attachment-preview-service__preview-fallback-icon",
+        src: e.icon,
+        alt: ""
+      }),
+      r(
+        "div",
+        { class: "jt-attachment-preview-service__unsupported-text" },
+        l("common.暂不支持预览此类型的文件")
+      ),
+      r(
+        "div",
+        {
+          class: "jt-attachment-preview-service__file-name",
+          title: e.name
+        },
+        e.name
+      )
+    ]
+  );
+}
+function U(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();
+}
+function J(e, t) {
+  const a = URL.createObjectURL(e);
+  U(a, t), window.setTimeout(() => URL.revokeObjectURL(a), 1e3);
+}
+function R(e) {
+  return e instanceof Blob || Object.prototype.toString.call(e) === "[object Blob]";
+}
+function Ae(e, t) {
+  if (R(e))
+    return e;
+  if (e && typeof e == "object") {
+    const a = e;
+    if (R(a.data)) {
+      const o = a.data;
+      return {
+        blob: a.data,
+        name: a.fileName || a.name || o.name || t
+      };
+    }
+  }
+  return null;
+}
+async function Ee(e, t, a = {}) {
+  m("download-start", {
+    url: e,
+    downloadName: t,
+    fallbackToRawUrl: !!a.fallbackToRawUrl,
+    hasRequestInit: !!a.requestInit
+  });
+  try {
+    const o = await H(e, a.requestInit);
+    m("download-blob-ready", {
+      url: e,
+      downloadName: t,
+      blobType: o.type,
+      blobSize: o.size
+    }), J(o, t);
+  } catch {
+    m("download-blob-failed", {
+      url: e,
+      downloadName: t,
+      fallbackToRawUrl: !!a.fallbackToRawUrl
+    }), a.fallbackToRawUrl && U(e, t);
+  }
+}
+function S(e, t) {
+  return e instanceof Blob ? { blob: e, name: t } : e ? {
+    url: e.url,
+    blob: e.blob,
+    name: e.name || t,
+    requestInit: e.requestInit,
+    fallbackToRawUrl: e.fallbackToRawUrl
+  } : null;
+}
+async function z(e, t, a = {}) {
+  const o = {
+    url: e.url,
+    name: t,
+    params: e.requestParams,
+    options: e
+  };
+  try {
+    let n = null;
+    if (m("download-resolve-start", {
+      url: e.url,
+      downloadName: t,
+      hasCustomDownload: !!e.download,
+      hasRegisteredDownload: !!p?.downloadRequest,
+      useRegisteredDownload: !!e.useRegisteredDownload,
+      hasRequestParams: Object.prototype.hasOwnProperty.call(
+        e,
+        "requestParams"
+      )
+    }), e.download) {
+      m("download-custom-handler-start", {
+        url: e.url,
+        downloadName: t
+      });
+      const i = await e.download(o);
+      if (n = S(i, t), !n) {
+        m("download-custom-handler-done", {
+          url: e.url,
+          downloadName: t
+        });
+        return;
+      }
+    } else if (e.useRegisteredDownload && p?.downloadRequest) {
+      m("download-setup-request-start", {
+        url: e.url,
+        downloadName: t,
+        params: e.requestParams
+      });
+      const i = await p.downloadRequest(
+        e.requestParams
+      );
+      m("download-request-response", {
+        isBlob: R(i),
+        isDataBlob: !!i && typeof i == "object" && R(i.data),
+        responseType: Object.prototype.toString.call(i)
+      });
+      const v = Ae(i, t), u = v || (p.mapDownloadResponse ? p.mapDownloadResponse(
+        i,
+        e.requestParams
+      ) : i);
+      n = S(u, t);
+    }
+    if (n?.blob) {
+      m("download-result-blob", {
+        downloadName: n.name,
+        blobType: n.blob.type,
+        blobSize: n.blob.size
+      }), J(n.blob, n.name);
+      return;
+    }
+    const c = n?.url || e.downloadUrl || e.url, d = n?.name || t;
+    await Ee(c, d, {
+      requestInit: n?.requestInit || e.downloadRequestInit,
+      fallbackToRawUrl: n?.fallbackToRawUrl ?? e.downloadFallbackToRawUrl ?? a.fallbackToRawUrl
+    });
+  } catch (n) {
+    m("download-handler-failed", {
+      url: e.url,
+      downloadName: t,
+      errorName: n instanceof Error ? n.name : "",
+      errorMessage: n instanceof Error ? n.message : String(n),
+      errorStack: n instanceof Error ? n.stack : "",
+      errorResponseStatus: n && typeof n == "object" ? n.response?.status : void 0,
+      errorResponseType: n && typeof n == "object" ? Object.prototype.toString.call(
+        n.response?.data
+      ) : void 0,
+      errorResponseDataType: n && typeof n == "object" ? n.response?.data?.type : void 0
+    }), a.fallbackToRawUrl && U(e.downloadUrl || e.url, t);
+  }
+}
+const je = _({
+  name: "JtAttachmentPreviewPdfOffice",
+  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 = j("ready");
+    function o() {
+      a.value = "ready", t("previewLoad", new Event("load"));
+    }
+    function n() {
+      a.value = "error", t("previewError", new Event("error"));
+    }
+    return N(
+      () => e.url,
+      () => {
+        a.value = "ready";
+      }
+    ), () => r("div", { class: "jt-attachment-preview-service__pdf-viewer" }, [
+      // PDF 预览只负责把现有 URL 交给 vue-office，下载和接口适配仍由外层服务处理。
+      a.value === "error" ? r("div", { class: "jt-attachment-preview-service__pdf-state" }, [
+        Q({
+          icon: de,
+          name: e.name
+        })
+      ]) : r(pe, {
+        class: "jt-attachment-preview-service__pdf-document",
+        src: e.url,
+        onRendered: o,
+        onError: n
+      })
+    ]);
+  }
+}), De = _({
+  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 = j(null), o = j("ready"), n = j(1), c = j(!1);
+    let d = 0, i = 0, v = 0, u = 0, A = 0, g = 0, b = 0;
+    const E = y(
+      () => ({
+        "--jt-attachment-preview-service-image-fit": e.fit,
+        transform: `translate(${d}px, ${i}px) scale(${n.value})`
+      })
+    );
+    function h() {
+      a.value && (a.value.style.transform = `translate(${d}px, ${i}px) scale(${n.value})`);
+    }
+    function X() {
+      b || (b = window.requestAnimationFrame(() => {
+        b = 0, h();
+      }));
+    }
+    function C(s) {
+      n.value = Math.min(Math.max(Number(s.toFixed(2)), 0.2), 5), n.value <= 1 && (d = 0, i = 0), h();
+    }
+    function Z() {
+      C(n.value + 0.2);
+    }
+    function F() {
+      const s = Math.max(Number((n.value - 0.2).toFixed(2)), 0.2);
+      n.value = s, s <= 1 && (d = 0, i = 0), h();
+    }
+    function q() {
+      d = 0, i = 0, C(1);
+    }
+    function $(s) {
+      o.value = "ready", t("previewLoad", s);
+    }
+    function ee(s) {
+      o.value = "error", t("previewError", s);
+    }
+    function te(s) {
+      n.value <= 1 || (s.preventDefault(), c.value = !0, v = s.clientX, u = s.clientY, A = d, g = i, window.addEventListener("pointermove", Y), window.addEventListener("pointerup", ne, { once: !0 }));
+    }
+    function Y(s) {
+      c.value && (d = A + s.clientX - v, i = g + s.clientY - u, X());
+    }
+    function ne() {
+      c.value = !1, window.removeEventListener("pointermove", Y);
+    }
+    function ae(s) {
+      s.preventDefault(), C(n.value + (s.deltaY < 0 ? 0.1 : -0.1));
+    }
+    return P(h), N(
+      () => e.url,
+      () => {
+        o.value = "ready", q();
+      }
+    ), M(() => {
+      window.removeEventListener("pointermove", Y), b && window.cancelAnimationFrame(b);
+    }), () => r(
+      "div",
+      { class: "jt-attachment-preview-service__image-viewer" },
+      o.value === "error" ? Q({
+        icon: se,
+        name: e.name
+      }) : [
+        r("img", {
+          ref: a,
+          class: [
+            "jt-attachment-preview-service__media",
+            "jt-attachment-preview-service__image",
+            n.value > 1 ? "jt-attachment-preview-service__image--draggable" : "",
+            c.value ? "jt-attachment-preview-service__image--dragging" : ""
+          ],
+          src: e.url,
+          alt: e.name,
+          style: E.value,
+          onLoad: $,
+          onError: ee,
+          onPointerdown: te,
+          onWheel: ae,
+          onDragstart: (s) => s.preventDefault(),
+          draggable: !1
+        }),
+        r(
+          "div",
+          { class: "jt-attachment-preview-service__image-toolbar" },
+          [
+            r(
+              "button",
+              {
+                class: "jt-attachment-preview-service__image-tool",
+                type: "button",
+                title: l("common.缩小"),
+                onClick: F
+              },
+              [r(k, () => r(oe))]
+            ),
+            r(
+              "span",
+              { class: "jt-attachment-preview-service__image-scale" },
+              `${Math.round(n.value * 100)}%`
+            ),
+            r(
+              "button",
+              {
+                class: "jt-attachment-preview-service__image-tool",
+                type: "button",
+                title: l("common.放大"),
+                onClick: Z
+              },
+              [r(k, () => r(ie))]
+            ),
+            r(
+              "button",
+              {
+                class: "jt-attachment-preview-service__image-tool",
+                type: "button",
+                title: l("common.复位"),
+                onClick: q
+              },
+              [r(k, () => r(le))]
+            )
+          ]
+        )
+      ]
+    );
+  }
+}), ke = _({
+  name: "JtAttachmentPreviewService",
+  props: {
+    options: {
+      type: Object,
+      required: !0
+    },
+    onDestroy: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = y(
+      () => x(e.options.url, e.options.name)
+    ), a = y(
+      () => e.options.downloadName || t.value
+    ), o = y(() => K(e.options)), n = y(
+      () => ({
+        zIndex: e.options.zIndex ?? 3e3,
+        "--jt-attachment-preview-service-image-fit": e.options.fit ?? "contain"
+      })
+    );
+    function c() {
+      e.options.onClose?.(), e.onDestroy();
+    }
+    function d(u) {
+      u.key === "Escape" && e.options.closeOnPressEscape !== !1 && c();
+    }
+    function i(u) {
+      e.options.onLoad?.(u);
+    }
+    function v(u) {
+      e.options.onError?.(u);
+    }
+    return P(() => {
+      document.addEventListener("keydown", d), document.body.classList.add("jt-attachment-preview-service-lock");
+    }), M(() => {
+      document.removeEventListener("keydown", d), document.body.classList.remove("jt-attachment-preview-service-lock");
+    }), () => {
+      const u = e.options.downloadable === !1 ? [] : [
+        W(
+          e.options,
+          a.value,
+          "jt-attachment-preview-service__top-download"
+        )
+      ];
+      return r(
+        "div",
+        { class: "jt-attachment-preview-service", style: n.value },
+        [
+          r("div", { class: "jt-attachment-preview-service__modal" }, [
+            r("div", { class: "jt-attachment-preview-service__header" }, [
+              r(
+                "div",
+                {
+                  class: "jt-attachment-preview-service__filename",
+                  title: t.value
+                },
+                t.value
+              ),
+              r(
+                "div",
+                { class: "jt-attachment-preview-service__header-actions" },
+                [
+                  ...u,
+                  r(
+                    "button",
+                    {
+                      class: "jt-attachment-preview-service__close",
+                      type: "button",
+                      "aria-label": l("common.关闭"),
+                      onClick: c
+                    },
+                    "×"
+                  )
+                ]
+              )
+            ]),
+            r("div", { class: "jt-attachment-preview-service__body" }, [
+              Be({
+                type: o.value,
+                url: e.options.url,
+                name: t.value,
+                downloadName: a.value,
+                sourceOptions: e.options,
+                downloadable: e.options.downloadable !== !1,
+                onLoad: i,
+                onError: v
+              })
+            ])
+          ])
+        ]
+      );
+    };
+  }
+}), D = _({
+  name: "JtAttachmentPreviewDetectingService",
+  props: {
+    options: {
+      type: Object,
+      required: !0
+    },
+    onDestroy: {
+      type: Function,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: l("common.正在识别文件类型")
+    },
+    desc: {
+      type: String,
+      default: l("common.请稍候，识别完成后将自动预览或下载")
+    },
+    spinning: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const t = y(
+      () => x(e.options.url, e.options.name)
+    ), a = y(() => ({
+      zIndex: e.options.zIndex ?? 3e3
+    }));
+    function o() {
+      e.options.onClose?.(), e.onDestroy();
+    }
+    function n(c) {
+      c.key === "Escape" && e.options.closeOnPressEscape !== !1 && o();
+    }
+    return P(() => {
+      document.addEventListener("keydown", n), document.body.classList.add("jt-attachment-preview-service-lock");
+    }), M(() => {
+      document.removeEventListener("keydown", n), document.body.classList.remove("jt-attachment-preview-service-lock");
+    }), () => r(
+      "div",
+      { class: "jt-attachment-preview-service", style: a.value },
+      [
+        r("div", { class: "jt-attachment-preview-service__modal" }, [
+          r("div", { class: "jt-attachment-preview-service__header" }, [
+            r(
+              "div",
+              {
+                class: "jt-attachment-preview-service__filename",
+                title: t.value
+              },
+              t.value
+            ),
+            r(
+              "div",
+              { class: "jt-attachment-preview-service__header-actions" },
+              [
+                r(
+                  "button",
+                  {
+                    class: "jt-attachment-preview-service__close",
+                    type: "button",
+                    "aria-label": l("common.关闭"),
+                    onClick: o
+                  },
+                  "×"
+                )
+              ]
+            )
+          ]),
+          r("div", { class: "jt-attachment-preview-service__body" }, [
+            r("div", { class: "jt-attachment-preview-service__detecting" }, [
+              e.spinning ? r("span", {
+                class: "jt-attachment-preview-service__detecting-spinner"
+              }) : null,
+              r(
+                "span",
+                { class: "jt-attachment-preview-service__detecting-title" },
+                e.title
+              ),
+              r(
+                "span",
+                { class: "jt-attachment-preview-service__detecting-desc" },
+                e.desc
+              )
+            ])
+          ])
+        ])
+      ]
+    );
+  }
+});
+function Be(e) {
+  return e.type === "empty" ? r(
+    "div",
+    { class: "jt-attachment-preview-service__empty" },
+    l("common.暂无附件")
+  ) : e.type === "image" ? r(De, {
+    url: e.url,
+    name: e.name,
+    downloadName: e.downloadName,
+    downloadable: e.downloadable,
+    onPreviewLoad: e.onLoad,
+    onPreviewError: e.onError
+  }) : e.type === "pdf" ? r(je, {
+    url: e.url,
+    name: e.name,
+    downloadName: e.downloadName,
+    downloadable: e.downloadable,
+    onPreviewLoad: e.onLoad,
+    onPreviewError: e.onError
+  }) : r("div", { class: "jt-attachment-preview-service__unsupported" }, [
+    r("div", { class: "jt-attachment-preview-service__file-card" }, [
+      r(
+        "div",
+        { class: "jt-attachment-preview-service__file-icon" },
+        "FILE"
+      ),
+      r(
+        "div",
+        { class: "jt-attachment-preview-service__unsupported-text" },
+        l("common.暂不支持预览此类型的文件")
+      )
+    ]),
+    r(
+      "div",
+      {
+        class: "jt-attachment-preview-service__file-name",
+        title: e.name
+      },
+      e.name
+    ),
+    e.downloadable ? W(
+      e.sourceOptions,
+      e.downloadName,
+      "jt-attachment-preview-service__primary-download"
+    ) : null
+  ]);
+}
+function V(e) {
+  if (typeof document > "u")
+    return { close: () => {
+    } };
+  m("open-called", {
+    rawOptions: typeof e == "string" ? e : { ...e }
+  }), w?.close();
+  const t = be(
+    e
+  ), a = t.downloadName || x(t.url, t.name);
+  let o = !1, n = null, c = null;
+  const d = () => {
+    o = !0, n && (f(null, n), n.remove(), n = null), c && (URL.revokeObjectURL(c), c = null), w?.close === d && (w = null);
+  };
+  function i() {
+    o || (n || (n = document.createElement("div"), document.body.appendChild(n)), f(
+      r(ke, {
+        options: t,
+        onDestroy: d
+      }),
+      n
+    ));
+  }
+  function v() {
+    o || (n || (n = document.createElement("div"), document.body.appendChild(n)), f(
+      r(D, {
+        options: t,
+        onDestroy: d
+      }),
+      n
+    ));
+  }
+  function u() {
+    n && (f(null, n), n.remove(), n = null);
+  }
+  function A() {
+    o || z(t, a, {
+      fallbackToRawUrl: !0
+    });
+  }
+  const g = K(t);
+  return m("type-resolved", {
+    resolvedType: g,
+    url: t.url,
+    name: t.name,
+    mode: t.mode,
+    mimeType: t.mimeType,
+    extension: t.extension
+  }), L(g) ? i() : g === "unknown" ? (v(), ge(t.url).then(async (b) => {
+    if (!o) {
+      if (L(b)) {
+        t.mode = b, i();
+        return;
+      }
+      try {
+        const E = await H(t.url), h = O(E.type);
+        if (L(h)) {
+          c = URL.createObjectURL(E), t.url = c, t.mode = h, i();
+          return;
+        }
+        u(), J(E, a);
+      } catch {
+        u(), A();
+      }
+    }
+  })) : A(), w = { close: d }, w;
+}
+function Re(e) {
+  if (typeof e == "function") {
+    p = null, B = e;
+    return;
+  }
+  p = e, B = async (t) => {
+    const a = await p.request(t);
+    return p.mapResponse(a, t);
+  };
+}
+function _e(e) {
+  if (typeof document > "u")
+    return { close: () => {
+    } };
+  w?.close();
+  let t = !1, a = document.createElement("div");
+  document.body.appendChild(a);
+  const o = () => {
+    t = !0, a && (f(null, a), a.remove(), a = null), w?.close === o && (w = null);
+  }, n = { close: o };
+  return w = n, B ? (f(
+    r(D, {
+      options: { url: "", name: l("common.附件预览") },
+      title: l("common.正在获取文件信息"),
+      desc: l("common.请稍候，获取完成后将自动预览或下载"),
+      spinning: !0,
+      onDestroy: o
+    }),
+    a
+  ), Promise.resolve(B(e)).then((c) => {
+    if (!t) {
+      if (!c?.url) {
+        f(
+          r(D, {
+            options: { url: "", name: l("common.附件预览") },
+            title: l("common.文件信息缺少URL"),
+            desc: l("common.请检查mapResponse是否返回了url字段"),
+            spinning: !1,
+            onDestroy: o
+          }),
+          a
+        );
+        return;
+      }
+      V({
+        ...c,
+        requestParams: e,
+        useRegisteredDownload: !0
+      });
+    }
+  }).catch((c) => {
+    if (t) return;
+    const d = c instanceof Error ? c.message : l("common.接口请求失败");
+    f(
+      r(D, {
+        options: { url: "", name: l("common.附件预览") },
+        title: l("common.文件信息获取失败"),
+        desc: d,
+        spinning: !1,
+        onDestroy: o
+      }),
+      a
+    );
+  }), n) : (f(
+    r(D, {
+      options: { url: "", name: l("common.附件预览") },
+      title: l("common.附件预览未初始化"),
+      desc: l("common.请先调用setupJtAttachmentPreview注册请求配置"),
+      spinning: !1,
+      onDestroy: o
+    }),
+    a
+  ), n);
+}
+const Ce = Object.assign(V, {
+  openByParams: _e,
+  setup: Re
+});
+globalThis.__JT_ATTACHMENT_PREVIEW_SERVICE__ = Ce;
 export {
-  i as JtAttachmentPreview,
-  o as JtAttachmentPreviewByParams,
-  p as setupJtAttachmentPreview
+  Ce as JtAttachmentPreview,
+  _e as JtAttachmentPreviewByParams,
+  Re as setupJtAttachmentPreview
 };