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

package/dist/JtAttachmentPreview/index.mjs

@@ -1,10 +1,1120 @@
-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 { t as c } from "../locale/index.mjs";
+import { defineComponent as L, openBlock as q, createElementBlock as N, createElementVNode as S, ref as B, watch as ne, onBeforeUnmount as G, h as r, computed as x, onMounted as V, nextTick as ue, render as j } from "vue";
+import { ElIcon as U } from "element-plus";
+/*! Element Plus Icons Vue v2.3.2 */
+var de = /* @__PURE__ */ L({
+  name: "Download",
+  __name: "download",
+  setup(e) {
+    return (t, n) => (q(), N("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      S("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"
+      })
+    ]));
+  }
+}), me = de, ve = /* @__PURE__ */ L({
+  name: "RefreshLeft",
+  __name: "refresh-left",
+  setup(e) {
+    return (t, n) => (q(), N("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      S("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"
+      })
+    ]));
+  }
+}), fe = ve, we = /* @__PURE__ */ L({
+  name: "ZoomIn",
+  __name: "zoom-in",
+  setup(e) {
+    return (t, n) => (q(), N("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      S("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"
+      })
+    ]));
+  }
+}), pe = we, he = /* @__PURE__ */ L({
+  name: "ZoomOut",
+  __name: "zoom-out",
+  setup(e) {
+    return (t, n) => (q(), N("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      S("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"
+      })
+    ]));
+  }
+}), ge = he;
+const ye = "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", be = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAADYCAMAAAC+/t3fAAAAdVBMVEUAAAD/XgD/XQD/z7f/omz/r4H/h0v/0Lf/omz/XwP/XgD/XgD/XQD/tIv/pnH/zK7/XgD/XAD/rH7/XQD/XgD/nmb/////fjL/ciD/dib/6+D/9e//ml//aBD/18D/r4D/w6D/hkD/uJD/pHD/kE//4c//zbBB3kudAAAAFHRSTlMAgGAP7q8hPNo33pe+mH9Z73BZULJO58YAAAW3SURBVHja7NZJDsJADERREzoTYZa94P4XJQhaZOgoWViYLvnf4C1cMnme53me53mel6gqbjvVCvqD2u7K2j3KPRnXHpn1e0hTkWk3jinDbGX7jmPqMAk1mXXgmD6s70xGdRzTh1nKCh6nD5OSDKoOPEkfJs2m2c9iEEewreOYx3IMYBbj2HIqfZiEO62UyyQOYBbjeOSV9GByWpmQbE5sCpPyhzJOpA9bH8fMYcvjmDtMwoWSZQ9bGkcAWHocEWDJcYSASTOfEAxYYhxBYHMZCmw2+zCw6TgCwcbjiAQbyaBgw9nHgg0mBAz2laHBJHzGEQ4WJwQQ9pYhwqSsiSBh0tSgMAk1KEzCBRTWy0Bhr28fFNbPPijsyY297DYIA1EYlnpJ20WyqA7G8QVi4uT9H7Go0oDDkrHEkf+Vt58ijyfMskZhs6xR2PygNQqbH7RGYbOsUdj8oDUK67pLq7Du3CpsHvvksNjtlnHDEPbKvk/csNzt7eNEDbPdftkXMwxBIfvlgcUcQu5R1HeKLiSwNJj/3N1iKatkDLB4M0suQYpBIzsTwB6mLFSSfb4fDZvMS95Wkn2fjoVZs2nAwTLU6Wa2Jaxdg0p2JMybbSPKrlnzoB0HS8LxTk4PbLLXfm8/h8HuwknrFImo1tthsHHVZDlaKGKByezwxXzMUMQGc8UcCVDEApsKmGsJNhawoSVYkDvWGiwVM35oaXhEgfUrLEERC2yZGHfAL0ZNLDCZ90/EpjaPZafyMckJqlhgdlkWZfIPUMUCgxOPfCKYoIsFNplNd+higaUtLEEXCwx+A4M2Ftj46npAGwvMvsImaGOBYTBlGepYYNmUWahjgcHXvmIssLH2FWOBRV/5FWOBFT+ZR5VYYNFIT1SJBYabwBzqxAKbaq/ALDBnJB9RIxJY3+ZKBUxN/m35o9buclyFYSgAb8ICK78OhO5/ibfS3JkAdksn5OHMeS5Sv0Jty+QZN3q8B4EV9UrzZlBg0lBjFosoMHeCuUj3AgILjTSmMqLAHk00pk2DwHjS8Uz9QYGF5hnzN0OB7cYpdfKoKyCw1sRCGVJAUGCyW+MsI/o0CKyVDiGiNKA0gsDkMG+w38sCdQQF5o7Vok63ZRiwcEbkKxlHehcUmFPLDrFkXEOW5L4/vaWlMtnBgBVdA+N2kOW6yuYnIymQDgosGSt7dtOHcZXOAYHta30L+09luteBwMR+xzJ/KNO9DgTG+wVwh0xt61BgojZTTdb1MILA+NViikO68tiXgsDE6sMcxNsEv4Ra+Jm5rOKsQwYgMJ7OzTmWxb2r7jK3izdc2OmGxTX56871WMsciTg8YGGHG/ZUKcS2BI7y9/5j7SsnrXJLjW0otqIbBQisvG5NEiLRxYSl6w4KzE1m3FLonPCG5ugnCLBoN6qUmXQ0Ta/5MWAx+wuVjv1L+K/xHgNmspxSqbAuMcL0DAaMxRopCn2UWPJj+3/NJutXiYGAWaxUI/0qkbndKQhYXJTK50j9wYDF7Me+LQKBVWc2of5gwNis1kzdAYGt3nIJdQcDFpM9DTF1BgQ2u1fja2dAYMHbLqHOgMDCsW352w8iCKweWDHffhBBYOyba2Nabz+IKDB3eFk+36+IILDQXPlQRnpdKLC0d+W9sjMoMN8kJY04woEC+6kbJY05dIMC86OPSaHA0ugREQWWR7tQYP/atZcUBmEoCsNHA4FEBxHvyKJQ7P7X2EGdlHbiNYNjON8OfvIkZP2Zi9tqV7CE2V77TyxL2PdkXJ52GUuYvZbKL1IsYcfr9GPbq2WxhJ2gMIUpTGEcFKYwEgpTGAmFKYyEwhRGQmEKI+EJy3YDCeeNdgOesMH4ZTgk4zfAoxi9GR6dsctwCfRD1sNnNm7HCmtuY8wRH42dZSXCL/CW5QQcmtoax4iLIuOglQkVpIHrPlzGPqCSNE8diT4FiIiIiIjIP2/v9e/hKQXqEwAAAABJRU5ErkJggg==", Ae = /* @__PURE__ */ new Set([
+  "jpg",
+  "jpeg",
+  "png",
+  "gif",
+  "webp",
+  "bmp",
+  "svg",
+  "avif",
+  "ico"
+]), _e = /* @__PURE__ */ new Set(["mp4", "webm", "ogg", "ogv", "mov", "m4v"]), je = /* @__PURE__ */ new Set([
+  "mp3",
+  "wav",
+  "ogg",
+  "oga",
+  "m4a",
+  "aac",
+  "flac"
+]), Ee = /* @__PURE__ */ new Set([
+  "html",
+  "htm",
+  "txt",
+  "json",
+  "xml",
+  "csv",
+  "md",
+  "log"
+]), De = /* @__PURE__ */ new Set([
+  "doc",
+  "docx",
+  "xls",
+  "xlsx",
+  "ppt",
+  "pptx",
+  "zip",
+  "rar",
+  "7z"
+]), K = {
+  component: "JtAttachmentPreview",
+  marker: "2026-06-25-download-error-detail",
+  source: "@jt-home/mfe-components/src/components/JtAttachmentPreview/index.ts",
+  pdfLoadMode: "fetch-bytes-then-pdfjs-data",
+  previewDownloadMode: "openByParams-uses-registered-downloadRequest",
+  downloadResponseMode: "supports-blob-and-axios-response-data-blob"
+};
+function f(e, t) {
+  console.info(`[JtAttachmentPreview DEBUG ${K.marker}] ${e}`, {
+    ...K,
+    ...t
+  });
+}
+typeof window < "u" && (window.__JT_ATTACHMENT_PREVIEW_DEBUG__ = K, f("module-loaded"));
+let E = null, H = null, D = null;
+async function ke() {
+  return H || (H = Promise.all([
+    import("../pdf-BmBuG7of.js"),
+    import("../pdf.worker.min-4PI-nNLo.js")
+  ]).then(([e, t]) => (e.GlobalWorkerOptions.workerSrc = t.default, e))), H;
+}
+function xe(e) {
+  return typeof e == "string" ? { url: e } : e;
+}
+function ae(e) {
+  const [t] = e.split(/[?#]/);
+  return t ?? "";
+}
+function F(e, t) {
+  if (t?.trim()) return t.trim();
+  const n = ae(e).split("/").filter(Boolean).pop();
+  if (!n) return c("common.附件预览");
+  try {
+    return decodeURIComponent(n);
+  } catch {
+    return n;
+  }
+}
+function Q(e) {
+  return ae(e).match(/\.([a-z0-9]+)$/i)?.[1]?.toLowerCase() ?? "";
+}
+function Be(e) {
+  return e?.trim().replace(/^\./, "").toLowerCase() ?? "";
+}
+function Le(e) {
+  const t = Be(e);
+  return Ae.has(t) ? "image" : t === "pdf" ? "pdf" : _e.has(t) ? "video" : je.has(t) ? "audio" : Ee.has(t) ? "iframe" : De.has(t) ? "unsupported" : "unknown";
+}
+function X(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 re(e) {
+  if (!e.url.trim()) return "empty";
+  if (e.mode && e.mode !== "auto") return e.mode;
+  if (e.mimeType) {
+    const n = X(e.mimeType);
+    if (n !== "unknown") return n;
+  }
+  const t = Le(
+    e.extension || Q(e.name || "") || Q(e.url)
+  );
+  return t !== "unknown" ? t : "unknown";
+}
+async function Ce(e) {
+  try {
+    const n = (await fetch(e, { method: "HEAD" })).headers.get("content-type") ?? "";
+    return X(n);
+  } catch {
+    return "unknown";
+  }
+}
+async function oe(e, t) {
+  const n = await fetch(e, t);
+  if (!n.ok) throw new Error(`fetch failed: ${n.status}`);
+  return n.blob();
+}
+async function Me(e) {
+  f("fetch-pdf-bytes-start", {
+    url: e
+  });
+  const t = await fetch(e);
+  if (!t.ok) throw new Error(`fetch failed: ${t.status}`);
+  const n = new Uint8Array(await t.arrayBuffer());
+  return f("fetch-pdf-bytes-done", {
+    url: e,
+    byteLength: n.byteLength,
+    contentType: t.headers.get("content-type") ?? ""
+  }), n;
+}
+function Pe(e, t) {
+  const n = Q(t);
+  return n === "doc" || n === "docx" ? "W" : n === "xls" || n === "xlsx" ? "X" : n === "ppt" || n === "pptx" ? "P" : n === "zip" || n === "rar" || n === "7z" ? "ZIP" : e === "pdf" ? "PDF" : "FILE";
+}
+function ie(e, t, n, o = !1) {
+  return r(
+    "button",
+    {
+      class: n,
+      type: "button",
+      onClick: () => {
+        f("download-button-click", {
+          url: e.url,
+          downloadName: t,
+          fallbackToRawUrl: o
+        }), ce(e, t, {
+          fallbackToRawUrl: o
+        });
+      }
+    },
+    [
+      r(
+        U,
+        { class: "jt-attachment-preview-service__download-icon" },
+        () => r(me)
+      ),
+      r(
+        "span",
+        { class: "jt-attachment-preview-service__download-text" },
+        c("common.下载")
+      )
+    ]
+  );
+}
+function W(e) {
+  return e === "image" || e === "pdf";
+}
+function le(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" },
+        c("common.暂不支持预览此类型的文件")
+      ),
+      r(
+        "div",
+        {
+          class: "jt-attachment-preview-service__file-name",
+          title: e.name
+        },
+        e.name
+      )
+    ]
+  );
+}
+function Z(e, t) {
+  const n = document.createElement("a");
+  n.href = e, n.download = t, n.style.display = "none", document.body.appendChild(n), n.click(), n.remove();
+}
+function $(e, t) {
+  const n = URL.createObjectURL(e);
+  Z(n, t), window.setTimeout(() => URL.revokeObjectURL(n), 1e3);
+}
+function J(e) {
+  return e instanceof Blob || Object.prototype.toString.call(e) === "[object Blob]";
+}
+function Re(e, t) {
+  if (J(e))
+    return e;
+  if (e && typeof e == "object") {
+    const n = e;
+    if (J(n.data)) {
+      const o = n.data;
+      return {
+        blob: n.data,
+        name: n.fileName || n.name || o.name || t
+      };
+    }
+  }
+  return null;
+}
+async function Te(e, t, n = {}) {
+  f("download-start", {
+    url: e,
+    downloadName: t,
+    fallbackToRawUrl: !!n.fallbackToRawUrl,
+    hasRequestInit: !!n.requestInit
+  });
+  try {
+    const o = await oe(e, n.requestInit);
+    f("download-blob-ready", {
+      url: e,
+      downloadName: t,
+      blobType: o.type,
+      blobSize: o.size
+    }), $(o, t);
+  } catch {
+    f("download-blob-failed", {
+      url: e,
+      downloadName: t,
+      fallbackToRawUrl: !!n.fallbackToRawUrl
+    }), n.fallbackToRawUrl && Z(e, t);
+  }
+}
+function te(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 ce(e, t, n = {}) {
+  const o = {
+    url: e.url,
+    name: t,
+    params: e.requestParams,
+    options: e
+  };
+  try {
+    let a = null;
+    if (f("download-resolve-start", {
+      url: e.url,
+      downloadName: t,
+      hasCustomDownload: !!e.download,
+      hasRegisteredDownload: !!D?.downloadRequest,
+      useRegisteredDownload: !!e.useRegisteredDownload,
+      hasRequestParams: Object.prototype.hasOwnProperty.call(
+        e,
+        "requestParams"
+      )
+    }), e.download) {
+      f("download-custom-handler-start", {
+        url: e.url,
+        downloadName: t
+      });
+      const i = await e.download(o);
+      if (a = te(i, t), !a) {
+        f("download-custom-handler-done", {
+          url: e.url,
+          downloadName: t
+        });
+        return;
+      }
+    } else if (e.useRegisteredDownload && D?.downloadRequest) {
+      f("download-setup-request-start", {
+        url: e.url,
+        downloadName: t,
+        params: e.requestParams
+      });
+      const i = await D.downloadRequest(
+        e.requestParams
+      );
+      f("download-request-response", {
+        isBlob: J(i),
+        isDataBlob: !!i && typeof i == "object" && J(i.data),
+        responseType: Object.prototype.toString.call(i)
+      });
+      const p = Re(i, t), v = p || (D.mapDownloadResponse ? D.mapDownloadResponse(
+        i,
+        e.requestParams
+      ) : i);
+      a = te(v, t);
+    }
+    if (a?.blob) {
+      f("download-result-blob", {
+        downloadName: a.name,
+        blobType: a.blob.type,
+        blobSize: a.blob.size
+      }), $(a.blob, a.name);
+      return;
+    }
+    const s = a?.url || e.downloadUrl || e.url, u = a?.name || t;
+    await Te(s, u, {
+      requestInit: a?.requestInit || e.downloadRequestInit,
+      fallbackToRawUrl: a?.fallbackToRawUrl ?? e.downloadFallbackToRawUrl ?? n.fallbackToRawUrl
+    });
+  } catch (a) {
+    f("download-handler-failed", {
+      url: e.url,
+      downloadName: t,
+      errorName: a instanceof Error ? a.name : "",
+      errorMessage: a instanceof Error ? a.message : String(a),
+      errorStack: a instanceof Error ? a.stack : "",
+      errorResponseStatus: a && typeof a == "object" ? a.response?.status : void 0,
+      errorResponseType: a && typeof a == "object" ? Object.prototype.toString.call(
+        a.response?.data
+      ) : void 0,
+      errorResponseDataType: a && typeof a == "object" ? a.response?.data?.type : void 0
+    }), n.fallbackToRawUrl && Z(e.downloadUrl || e.url, t);
+  }
+}
+const Ye = 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 n = B("loading"), o = B([]), a = B([]), s = /* @__PURE__ */ new Map(), u = B("");
+    let i = null, p = [], v = 0;
+    async function w(l, d) {
+      if (!d) return null;
+      const g = typeof d == "string" ? await l.getDestination(d) : d;
+      return !Array.isArray(g) || !g[0] ? null : await l.getPageIndex(g[0]) + 1;
+    }
+    async function A(l, d, g = 0) {
+      if (!d?.length) return [];
+      const y = [];
+      for (const k of d) {
+        const R = await w(l, k.dest);
+        y.push({
+          title: k.title || c("common.未命名标题"),
+          pageNumber: R,
+          level: g
+        });
+        const M = await A(l, k.items, g + 1);
+        y.push(...M);
+      }
+      return y;
+    }
+    function h() {
+      v += 1;
+      for (const l of p)
+        l.cancel();
+      p = [], i?.destroy(), i = null, s.clear();
+    }
+    async function C() {
+      h();
+      const l = v;
+      n.value = "loading", u.value = "", o.value = [], a.value = [];
+      try {
+        const d = await ke();
+        if (l !== v) return;
+        const g = await Me(e.url);
+        if (l !== v) return;
+        f("render-pdf-get-document-data", {
+          byteLength: g.byteLength
+        }), i = d.getDocument({ data: g });
+        const y = await i.promise;
+        if (l !== v) return;
+        o.value = Array.from(
+          { length: y.numPages },
+          (M, P) => P + 1
+        ), a.value = await A(
+          y,
+          await y.getOutline()
+        ), await ue();
+        const k = s.values().next().value, R = Math.max(
+          (k?.parentElement?.clientWidth ?? 800) - 32,
+          320
+        );
+        for (const M of o.value) {
+          if (l !== v) return;
+          const P = await y.getPage(M), b = s.get(M), T = b?.getContext("2d");
+          if (!b || !T) continue;
+          const z = P.getViewport({ scale: 1 }), m = Math.min(R / z.width, 2), Y = P.getViewport({ scale: m }), O = window.devicePixelRatio || 1;
+          b.width = Math.floor(Y.width * O), b.height = Math.floor(Y.height * O), b.style.width = `${Math.floor(Y.width)}px`, b.style.height = `${Math.floor(Y.height)}px`, T.setTransform(O, 0, 0, O, 0, 0);
+          const ee = P.render({
+            canvas: b,
+            canvasContext: T,
+            viewport: Y
+          });
+          p.push(ee), await ee.promise;
+        }
+        if (l !== v) return;
+        n.value = "ready", t("previewLoad", new Event("load"));
+      } catch (d) {
+        if (l !== v) return;
+        n.value = "error", u.value = d instanceof Error ? d.message : c("common.PDF加载失败"), t("previewError", new Event("error"));
+      }
+    }
+    ne(() => e.url, C, { immediate: !0 }), G(h);
+    function _(l) {
+      if (!l) return;
+      s.get(l)?.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+    return () => r("div", { class: "jt-attachment-preview-service__pdf-viewer" }, [
+      n.value === "loading" ? r(
+        "div",
+        { class: "jt-attachment-preview-service__pdf-state" },
+        c("common.PDF加载中___")
+      ) : null,
+      n.value === "error" ? r("div", { class: "jt-attachment-preview-service__pdf-state" }, [
+        le({
+          icon: be,
+          name: e.name
+        })
+      ]) : null,
+      null,
+      null,
+      r(
+        "div",
+        {
+          class: [
+            "jt-attachment-preview-service__pdf-layout",
+            n.value !== "ready" ? "jt-attachment-preview-service__pdf-layout--hidden" : ""
+          ]
+        },
+        [
+          a.value.length ? r(
+            "aside",
+            { class: "jt-attachment-preview-service__pdf-outline" },
+            [
+              r(
+                "div",
+                {
+                  class: "jt-attachment-preview-service__pdf-outline-title"
+                },
+                c("common.目录")
+              ),
+              r(
+                "div",
+                {
+                  class: "jt-attachment-preview-service__pdf-outline-list"
+                },
+                a.value.map(
+                  (l, d) => r(
+                    "button",
+                    {
+                      key: `${l.title}-${d}`,
+                      class: "jt-attachment-preview-service__pdf-outline-item",
+                      style: { paddingLeft: `${12 + l.level * 14}px` },
+                      type: "button",
+                      disabled: !l.pageNumber,
+                      title: l.title,
+                      onClick: () => _(l.pageNumber)
+                    },
+                    l.title
+                  )
+                )
+              )
+            ]
+          ) : null,
+          r(
+            "div",
+            { class: "jt-attachment-preview-service__pdf-pages" },
+            o.value.map(
+              (l) => r("canvas", {
+                key: l,
+                ref: (d) => {
+                  d instanceof HTMLCanvasElement && s.set(l, d);
+                },
+                class: "jt-attachment-preview-service__pdf-page"
+              })
+            )
+          )
+        ]
+      )
+    ]);
+  }
+}), Ie = 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 n = B(null), o = B("ready"), a = B(1), s = B(!1);
+    let u = 0, i = 0, p = 0, v = 0, w = 0, A = 0, h = 0;
+    const C = x(
+      () => ({
+        "--jt-attachment-preview-service-image-fit": e.fit,
+        transform: `translate(${u}px, ${i}px) scale(${a.value})`
+      })
+    );
+    function _() {
+      n.value && (n.value.style.transform = `translate(${u}px, ${i}px) scale(${a.value})`);
+    }
+    function l() {
+      h || (h = window.requestAnimationFrame(() => {
+        h = 0, _();
+      }));
+    }
+    function d(m) {
+      a.value = Math.min(Math.max(Number(m.toFixed(2)), 0.2), 5), a.value <= 1 && (u = 0, i = 0), _();
+    }
+    function g() {
+      d(a.value + 0.2);
+    }
+    function y() {
+      const m = Math.max(Number((a.value - 0.2).toFixed(2)), 0.2);
+      a.value = m, m <= 1 && (u = 0, i = 0), _();
+    }
+    function k() {
+      u = 0, i = 0, d(1);
+    }
+    function R(m) {
+      o.value = "ready", t("previewLoad", m);
+    }
+    function M(m) {
+      o.value = "error", t("previewError", m);
+    }
+    function P(m) {
+      a.value <= 1 || (m.preventDefault(), s.value = !0, p = m.clientX, v = m.clientY, w = u, A = i, window.addEventListener("pointermove", b), window.addEventListener("pointerup", T, { once: !0 }));
+    }
+    function b(m) {
+      s.value && (u = w + m.clientX - p, i = A + m.clientY - v, l());
+    }
+    function T() {
+      s.value = !1, window.removeEventListener("pointermove", b);
+    }
+    function z(m) {
+      m.preventDefault(), d(a.value + (m.deltaY < 0 ? 0.1 : -0.1));
+    }
+    return V(_), ne(
+      () => e.url,
+      () => {
+        o.value = "ready", k();
+      }
+    ), G(() => {
+      window.removeEventListener("pointermove", b), h && window.cancelAnimationFrame(h);
+    }), () => r(
+      "div",
+      { class: "jt-attachment-preview-service__image-viewer" },
+      o.value === "error" ? le({
+        icon: ye,
+        name: e.name
+      }) : [
+        r("img", {
+          ref: n,
+          class: [
+            "jt-attachment-preview-service__media",
+            "jt-attachment-preview-service__image",
+            a.value > 1 ? "jt-attachment-preview-service__image--draggable" : "",
+            s.value ? "jt-attachment-preview-service__image--dragging" : ""
+          ],
+          src: e.url,
+          alt: e.name,
+          style: C.value,
+          onLoad: R,
+          onError: M,
+          onPointerdown: P,
+          onWheel: z,
+          onDragstart: (m) => m.preventDefault(),
+          draggable: !1
+        }),
+        r(
+          "div",
+          { class: "jt-attachment-preview-service__image-toolbar" },
+          [
+            r(
+              "button",
+              {
+                class: "jt-attachment-preview-service__image-tool",
+                type: "button",
+                title: c("common.缩小"),
+                onClick: y
+              },
+              [r(U, () => r(ge))]
+            ),
+            r(
+              "span",
+              { class: "jt-attachment-preview-service__image-scale" },
+              `${Math.round(a.value * 100)}%`
+            ),
+            r(
+              "button",
+              {
+                class: "jt-attachment-preview-service__image-tool",
+                type: "button",
+                title: c("common.放大"),
+                onClick: g
+              },
+              [r(U, () => r(pe))]
+            ),
+            r(
+              "button",
+              {
+                class: "jt-attachment-preview-service__image-tool",
+                type: "button",
+                title: c("common.复位"),
+                onClick: k
+              },
+              [r(U, () => r(fe))]
+            )
+          ]
+        )
+      ]
+    );
+  }
+}), Oe = L({
+  name: "JtAttachmentPreviewService",
+  props: {
+    options: {
+      type: Object,
+      required: !0
+    },
+    onDestroy: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = x(
+      () => F(e.options.url, e.options.name)
+    ), n = x(
+      () => e.options.downloadName || t.value
+    ), o = x(() => re(e.options)), a = x(
+      () => Pe(o.value, e.options.url)
+    ), s = x(
+      () => ({
+        zIndex: e.options.zIndex ?? 3e3,
+        "--jt-attachment-preview-service-image-fit": e.options.fit ?? "contain"
+      })
+    );
+    function u() {
+      e.options.onClose?.(), e.onDestroy();
+    }
+    function i(w) {
+      w.key === "Escape" && e.options.closeOnPressEscape !== !1 && u();
+    }
+    function p(w) {
+      e.options.onLoad?.(w);
+    }
+    function v(w) {
+      e.options.onError?.(w);
+    }
+    return V(() => {
+      document.addEventListener("keydown", i), document.body.classList.add("jt-attachment-preview-service-lock");
+    }), G(() => {
+      document.removeEventListener("keydown", i), document.body.classList.remove("jt-attachment-preview-service-lock");
+    }), () => {
+      const w = e.options.downloadable === !1 ? [] : [
+        ie(
+          e.options,
+          n.value,
+          "jt-attachment-preview-service__top-download"
+        )
+      ];
+      return r(
+        "div",
+        { class: "jt-attachment-preview-service", style: s.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" },
+                [
+                  ...w,
+                  r(
+                    "button",
+                    {
+                      class: "jt-attachment-preview-service__close",
+                      type: "button",
+                      "aria-label": c("common.关闭"),
+                      onClick: u
+                    },
+                    "×"
+                  )
+                ]
+              )
+            ]),
+            r("div", { class: "jt-attachment-preview-service__body" }, [
+              Ue({
+                type: o.value,
+                url: e.options.url,
+                name: t.value,
+                downloadName: n.value,
+                sourceOptions: e.options,
+                sandbox: e.options.sandbox,
+                iconText: a.value,
+                downloadable: e.options.downloadable !== !1,
+                onLoad: p,
+                onError: v
+              })
+            ])
+          ])
+        ]
+      );
+    };
+  }
+}), I = L({
+  name: "JtAttachmentPreviewDetectingService",
+  props: {
+    options: {
+      type: Object,
+      required: !0
+    },
+    onDestroy: {
+      type: Function,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: c("common.正在识别文件类型")
+    },
+    desc: {
+      type: String,
+      default: c("common.请稍候，识别完成后将自动预览或下载")
+    },
+    spinning: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const t = x(
+      () => F(e.options.url, e.options.name)
+    ), n = x(() => ({
+      zIndex: e.options.zIndex ?? 3e3
+    }));
+    function o() {
+      e.options.onClose?.(), e.onDestroy();
+    }
+    function a(s) {
+      s.key === "Escape" && e.options.closeOnPressEscape !== !1 && o();
+    }
+    return V(() => {
+      document.addEventListener("keydown", a), document.body.classList.add("jt-attachment-preview-service-lock");
+    }), G(() => {
+      document.removeEventListener("keydown", a), document.body.classList.remove("jt-attachment-preview-service-lock");
+    }), () => 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" },
+              [
+                r(
+                  "button",
+                  {
+                    class: "jt-attachment-preview-service__close",
+                    type: "button",
+                    "aria-label": c("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 Ue(e) {
+  return e.type === "empty" ? r(
+    "div",
+    { class: "jt-attachment-preview-service__empty" },
+    c("common.暂无附件")
+  ) : e.type === "image" ? r(Ie, {
+    url: e.url,
+    name: e.name,
+    downloadName: e.downloadName,
+    downloadable: e.downloadable,
+    onPreviewLoad: e.onLoad,
+    onPreviewError: e.onError
+  }) : e.type === "video" ? r("video", {
+    class: "jt-attachment-preview-service__media",
+    src: e.url,
+    controls: !0,
+    onLoadeddata: e.onLoad,
+    onError: e.onError
+  }) : e.type === "audio" ? r("audio", {
+    class: "jt-attachment-preview-service__audio",
+    src: e.url,
+    controls: !0,
+    onLoadeddata: e.onLoad,
+    onError: e.onError
+  }) : e.type === "pdf" ? r(Ye, {
+    url: e.url,
+    name: e.name,
+    downloadName: e.downloadName,
+    downloadable: e.downloadable,
+    onPreviewLoad: e.onLoad,
+    onPreviewError: e.onError
+  }) : e.type === "iframe" ? r("iframe", {
+    class: "jt-attachment-preview-service__iframe",
+    src: e.url,
+    title: e.name,
+    sandbox: e.sandbox || void 0,
+    onLoad: e.onLoad
+  }) : 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" },
+        e.iconText
+      ),
+      r(
+        "div",
+        { class: "jt-attachment-preview-service__unsupported-text" },
+        c("common.暂不支持预览此类型的文件")
+      )
+    ]),
+    r(
+      "div",
+      {
+        class: "jt-attachment-preview-service__file-name",
+        title: e.name
+      },
+      e.name
+    ),
+    e.downloadable ? ie(
+      e.sourceOptions,
+      e.downloadName,
+      "jt-attachment-preview-service__primary-download"
+    ) : null
+  ]);
+}
+function se(e) {
+  if (typeof document > "u")
+    return { close: () => {
+    } };
+  f("open-called", {
+    rawOptions: typeof e == "string" ? e : { ...e }
+  }), E?.close();
+  const t = xe(
+    e
+  ), n = t.downloadName || F(t.url, t.name);
+  let o = !1, a = null, s = null;
+  const u = () => {
+    o = !0, a && (j(null, a), a.remove(), a = null), s && (URL.revokeObjectURL(s), s = null), E?.close === u && (E = null);
+  };
+  function i() {
+    o || (a || (a = document.createElement("div"), document.body.appendChild(a)), j(
+      r(Oe, {
+        options: t,
+        onDestroy: u
+      }),
+      a
+    ));
+  }
+  function p() {
+    o || (a || (a = document.createElement("div"), document.body.appendChild(a)), j(
+      r(I, {
+        options: t,
+        onDestroy: u
+      }),
+      a
+    ));
+  }
+  function v() {
+    a && (j(null, a), a.remove(), a = null);
+  }
+  function w() {
+    o || ce(t, n, {
+      fallbackToRawUrl: !0
+    });
+  }
+  const A = re(t);
+  return f("type-resolved", {
+    resolvedType: A,
+    url: t.url,
+    name: t.name,
+    mode: t.mode,
+    mimeType: t.mimeType,
+    extension: t.extension
+  }), W(A) ? i() : A === "unknown" ? (p(), Ce(t.url).then(async (h) => {
+    if (!o) {
+      if (W(h)) {
+        t.mode = h, i();
+        return;
+      }
+      try {
+        const C = await oe(t.url), _ = X(C.type);
+        if (W(_)) {
+          s = URL.createObjectURL(C), t.url = s, t.mode = _, i();
+          return;
+        }
+        v(), $(C, n);
+      } catch {
+        v(), w();
+      }
+    }
+  })) : w(), E = { close: u }, E;
+}
+function Je(e) {
+  D = e;
+}
+function qe(e) {
+  if (typeof document > "u")
+    return { close: () => {
+    } };
+  E?.close();
+  let t = !1, n = document.createElement("div");
+  document.body.appendChild(n);
+  const o = () => {
+    t = !0, n && (j(null, n), n.remove(), n = null), E?.close === o && (E = null);
+  }, a = { close: o };
+  return E = a, D ? (j(
+    r(I, {
+      options: { url: "", name: c("common.附件预览") },
+      title: c("common.正在获取文件信息"),
+      desc: c("common.请稍候，获取完成后将自动预览或下载"),
+      spinning: !0,
+      onDestroy: o
+    }),
+    n
+  ), D.request(e).then((s) => {
+    if (t) return;
+    const u = D?.mapResponse(s, e);
+    if (!u?.url) {
+      j(
+        r(I, {
+          options: { url: "", name: c("common.附件预览") },
+          title: c("common.文件信息缺少URL"),
+          desc: c("common.请检查mapResponse是否返回了url字段"),
+          spinning: !1,
+          onDestroy: o
+        }),
+        n
+      );
+      return;
+    }
+    se({
+      ...u,
+      requestParams: e,
+      useRegisteredDownload: !0
+    });
+  }).catch((s) => {
+    if (t) return;
+    const u = s instanceof Error ? s.message : c("common.接口请求失败");
+    j(
+      r(I, {
+        options: { url: "", name: c("common.附件预览") },
+        title: c("common.文件信息获取失败"),
+        desc: u,
+        spinning: !1,
+        onDestroy: o
+      }),
+      n
+    );
+  }), a) : (j(
+    r(I, {
+      options: { url: "", name: c("common.附件预览") },
+      title: c("common.附件预览未初始化"),
+      desc: c("common.请先调用setupJtAttachmentPreview注册请求配置"),
+      spinning: !1,
+      onDestroy: o
+    }),
+    n
+  ), a);
+}
+const ze = Object.assign(se, {
+  openByParams: qe,
+  setup: Je
+});
 export {
-  i as JtAttachmentPreview,
-  o as JtAttachmentPreviewByParams,
-  p as setupJtAttachmentPreview
+  ze as JtAttachmentPreview,
+  qe as JtAttachmentPreviewByParams,
+  Je as setupJtAttachmentPreview
 };