@eternalheart/vue-file-preview 1.3.13 → 1.4.0

package/lib/chunks/{index-DTtHrdBl.mjs → index-CWpU8prZ.mjs}

@@ -1,7 +1,7 @@
-import { defineComponent as y, ref as n, computed as _, watch as d, openBlock as e, createElementBlock as o, createElementVNode as m, createBlock as x, normalizeClass as h, toDisplayString as b } from "vue";
-import { u as k, a as T, c as B, y as E, E as N, _ as H } from "./index-Oxwizt6-.mjs";
+import { defineComponent as g, ref as n, computed as x, watch as d, openBlock as e, createElementBlock as o, createElementVNode as m, createBlock as _, normalizeClass as h, toDisplayString as k } from "vue";
+import { u as b, a as T, c as B, y as E, E as N, _ as H } from "./index-D9QQL7U6.mjs";
 import { codeToHtml as W } from "shiki";
-import { _ as C } from "./RendererError.vue_vue_type_script_setup_true_lang-CbgZBSDr.mjs";
+import { _ as C } from "./RendererError.vue_vue_type_script_setup_true_lang-BNoENOWX.mjs";
 const L = {
   key: 0,
   class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
@@ -12,7 +12,7 @@ const L = {
   key: 3,
   class: "vfp-w-full vfp-h-full vfp-overflow-auto",
   style: { background: "var(--fp-code-bg)" }
-}, z = ["innerHTML"], D = /* @__PURE__ */ y({
+}, z = ["innerHTML"], D = /* @__PURE__ */ g({
   __name: "index",
   props: {
     url: {},
@@ -21,10 +21,10 @@ const L = {
     htmlPreview: { type: Boolean, default: !1 }
   },
   setup(l) {
-    const u = l, { t: w } = k(), g = T(), c = B(), r = n(""), t = n(""), v = n(!0), s = n(null), f = _(() => E(u.fileName)), i = async () => {
+    const u = l, { t: w } = b(), y = T(), c = B(), r = n(""), t = n(""), v = n(!0), s = n(null), f = x(() => E(u.fileName)), i = async () => {
       v.value = !0, s.value = null;
       try {
-        const a = await N(u.url, { fetcher: g.value });
+        const a = await N(u.url, { fetcher: y.value });
         if (r.value = a, f.value !== "text")
           try {
             t.value = await W(a, {
@@ -46,7 +46,7 @@ const L = {
       r.value && f.value !== "text" && i();
     }), (a, p) => v.value ? (e(), o("div", L, [...p[0] || (p[0] = [
       m("div", { class: "vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)
-    ])])) : s.value ? (e(), x(C, {
+    ])])) : s.value ? (e(), _(C, {
       key: 1,
       message: s.value
     }, null, 8, ["message"])) : l.htmlPreview && f.value === "html" ? (e(), o("div", M, [
@@ -63,12 +63,12 @@ const L = {
         innerHTML: t.value
       }, null, 10, z)) : (e(), o("pre", {
         key: 0,
-        class: h(["vfp-p-6 vfp-text-fg-primary vfp-font-mono vfp-text-sm", l.wordWrap ? "vfp-whitespace-pre-wrap vfp-break-words" : "vfp-whitespace-pre"])
-      }, b(r.value), 3))
+        class: h(["vfp-py-6 vfp-px-4 vfp-text-fg-primary vfp-font-mono vfp-text-sm", l.wordWrap ? "vfp-whitespace-pre-wrap vfp-break-words" : "vfp-whitespace-pre"])
+      }, k(r.value), 3))
     ]));
   }
-}), V = /* @__PURE__ */ H(D, [["__scopeId", "data-v-b5fe3bc0"]]);
+}), V = /* @__PURE__ */ H(D, [["__scopeId", "data-v-e26ca32c"]]);
 export {
   V as default
 };
-//# sourceMappingURL=index-DTtHrdBl.mjs.map
+//# sourceMappingURL=index-CWpU8prZ.mjs.map

package/lib/chunks/index-CWpU8prZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CWpU8prZ.mjs","sources":["../../src/renderers/Text/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue';\nimport { getLanguageFromFileName, fetchTextUtf8 } from '@eternalheart/file-preview-core';\nimport { codeToHtml } from 'shiki';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport { useResolvedTheme } from '../../composables/useResolvedTheme';\nimport RendererError from '../RendererError.vue';\n\nconst props = withDefaults(defineProps<{\n  url: string;\n  fileName: string;\n  wordWrap?: boolean;\n  htmlPreview?: boolean;\n}>(), {\n  wordWrap: true,\n  htmlPreview: false,\n});\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\nconst resolvedTheme = useResolvedTheme();\n\nconst content = ref<string>('');\nconst highlighted = ref<string>('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\n\nconst language = computed(() => getLanguageFromFileName(props.fileName));\n\nconst loadText = async () => {\n  loading.value = true;\n  error.value = null;\n  try {\n    const text = await fetchTextUtf8(props.url, { fetcher: fetcher.value });\n    content.value = text;\n\n    if (language.value !== 'text') {\n      try {\n        highlighted.value = await codeToHtml(text, {\n          lang: language.value,\n          theme: resolvedTheme.value === 'light' ? 'github-light' : 'dark-plus',\n        });\n      } catch {\n        highlighted.value = '';\n      }\n    } else {\n      highlighted.value = '';\n    }\n  } catch (err) {\n    console.error(err);\n    error.value = t.value('text.load_failed');\n  } finally {\n    loading.value = false;\n  }\n};\n\nwatch(() => props.url, loadText, { immediate: true });\nwatch(resolvedTheme, () => {\n  // 主题切换时重新高亮\n  if (content.value && language.value !== 'text') {\n    loadText();\n  }\n});\n</script>\n\n<template>\n  <div v-if=\"loading\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div\n      class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n    />\n  </div>\n\n  <RendererError v-else-if=\"error\" :message=\"error\" />\n\n  <!-- HTML 预览模式 -->\n  <div v-else-if=\"htmlPreview && language === 'html'\" class=\"vfp-w-full vfp-h-full vfp-bg-surface-toolbar\">\n    <iframe\n      :srcdoc=\"content\"\n      sandbox=\"allow-same-origin\"\n      class=\"vfp-w-full vfp-h-full vfp-border-0\"\n      :title=\"fileName\"\n    />\n  </div>\n\n  <!-- 源码模式 -->\n  <div v-else class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <pre\n      v-if=\"!highlighted\"\n      class=\"vfp-py-6 vfp-px-4 vfp-text-fg-primary vfp-font-mono vfp-text-sm\"\n      :class=\"wordWrap ? 'vfp-whitespace-pre-wrap vfp-break-words' : 'vfp-whitespace-pre'\"\n    >{{ content }}</pre>\n    <div v-else class=\"shiki-wrapper\" :class=\"{ 'no-wrap': !wordWrap }\" v-html=\"highlighted\" />\n  </div>\n</template>\n\n<style scoped>\n.shiki-wrapper :deep(pre) {\n  margin: 0;\n  padding: 1.5rem 1.5rem 1.5rem 0;\n  background: transparent !important;\n  font-size: 0.875rem;\n  overflow-x: auto;\n}\n.shiki-wrapper :deep(code) {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  counter-reset: line;\n}\n.shiki-wrapper :deep(code .line) {\n  counter-increment: line;\n  display: inline-block;\n  width: 100%;\n  padding-left: 4.5em;\n  text-indent: -4.5em;\n}\n.shiki-wrapper :deep(code .line::before) {\n  content: counter(line);\n  display: inline-block;\n  width: 3em;\n  padding-right: 1em;\n  margin-right: 0.5em;\n  text-align: right;\n  color: var(--fp-fg-disabled);\n  user-select: none;\n  border-right: 1px solid var(--fp-line);\n}\n.shiki-wrapper.no-wrap :deep(code) {\n  white-space: pre;\n  word-break: normal;\n  overflow-wrap: normal;\n}\n.shiki-wrapper:not(.no-wrap) :deep(code) {\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-wrap: break-word;\n}\n</style>\n"],"names":["props","__props","t","useTranslator","fetcher","useFetcher","resolvedTheme","useResolvedTheme","content","ref","highlighted","loading","error","language","computed","getLanguageFromFileName","loadText","text","fetchTextUtf8","codeToHtml","err","watch","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createBlock","RendererError","_hoisted_2","_hoisted_4","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAUR,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAAgBC,EAAA,GAEhBC,IAAUC,EAAY,EAAE,GACxBC,IAAcD,EAAY,EAAE,GAC5BE,IAAUF,EAAI,EAAI,GAClBG,IAAQH,EAAmB,IAAI,GAE/BI,IAAWC,EAAS,MAAMC,EAAwBf,EAAM,QAAQ,CAAC,GAEjEgB,IAAW,YAAY;AAC3B,MAAAL,EAAQ,QAAQ,IAChBC,EAAM,QAAQ;AACd,UAAI;AACF,cAAMK,IAAO,MAAMC,EAAclB,EAAM,KAAK,EAAE,SAASI,EAAQ,OAAO;AAGtE,YAFAI,EAAQ,QAAQS,GAEZJ,EAAS,UAAU;AACrB,cAAI;AACF,YAAAH,EAAY,QAAQ,MAAMS,EAAWF,GAAM;AAAA,cACzC,MAAMJ,EAAS;AAAA,cACf,OAAOP,EAAc,UAAU,UAAU,iBAAiB;AAAA,YAAA,CAC3D;AAAA,UACH,QAAQ;AACN,YAAAI,EAAY,QAAQ;AAAA,UACtB;AAAA;AAEA,UAAAA,EAAY,QAAQ;AAAA,MAExB,SAASU,GAAK;AACZ,gBAAQ,MAAMA,CAAG,GACjBR,EAAM,QAAQV,EAAE,MAAM,kBAAkB;AAAA,MAC1C,UAAA;AACE,QAAAS,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,WAAAU,EAAM,MAAMrB,EAAM,KAAKgB,GAAU,EAAE,WAAW,IAAM,GACpDK,EAAMf,GAAe,MAAM;AAEzB,MAAIE,EAAQ,SAASK,EAAS,UAAU,UACtCG,EAAA;AAAA,IAEJ,CAAC,aAIYL,EAAA,SAAXW,EAAA,GAAAC,EAIM,OAJNC,GAIM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,MAHJC,EAEE,OAAA,EADA,OAAM,oHAAA,GAAmH,MAAA,EAAA;AAAA,IAAA,QAInGd,EAAA,cAA1Be,EAAoDC,GAAA;AAAA;MAAlB,SAAShB,EAAA;AAAA,IAAA,4BAG3BX,EAAA,eAAeY,EAAA,UAAQ,UAAvCS,EAAA,GAAAC,EAOM,OAPNM,GAOM;AAAA,MANJH,EAKE,UAAA;AAAA,QAJC,QAAQlB,EAAA;AAAA,QACT,SAAQ;AAAA,QACR,OAAM;AAAA,QACL,OAAOP,EAAA;AAAA,MAAA;WAKZqB,EAAA,GAAAC,EAOM,OAPNO,GAOM;AAAA,MALKpB,EAAA,cAITa,EAA2F,OAAA;AAAA;QAA/E,OAAKQ,EAAA,CAAC,iBAAe,EAAA,WAAA,CAAuB9B,EAAA,SAAA,CAAQ,CAAA;AAAA,QAAI,WAAQS,EAAA;AAAA,MAAA,yBAL5Ea,EAIoB,OAAA;AAAA;QAFlB,OAAKQ,EAAA,CAAC,mEACE9B,EAAA,WAAQ,4CAAA,oBAAA,CAAA;AAAA,MAAA,KACdO,EAAA,KAAO,GAAA,CAAA;AAAA;;;"}

package/lib/chunks/index-CYa_XneH.mjs

@@ -0,0 +1,303 @@
+import { defineComponent as U, ref as w, watch as k, nextTick as L, onMounted as G, onBeforeUnmount as Q, openBlock as O, createElementBlock as A, normalizeStyle as B, createElementVNode as g, toDisplayString as Y, unref as z, createVNode as Z, createCommentVNode as I, createBlock as D } from "vue";
+import { B as ee, u as te } from "./index-D9QQL7U6.mjs";
+import * as N from "pdfjs-dist/build/pdf.mjs";
+import { _ as ne } from "./RendererError.vue_vue_type_script_setup_true_lang-BNoENOWX.mjs";
+import { X as re } from "lucide-vue-next";
+const le = { class: "vfp-flex vfp-items-center vfp-justify-between vfp-px-4 vfp-py-3 vfp-border-b vfp-border-line-weak vfp-flex-shrink-0" }, ae = { class: "vfp-text-fg-primary vfp-font-medium vfp-text-sm" }, ie = ["innerHTML"], se = {
+  key: 1,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-min-h-screen"
+}, oe = {
+  key: 2,
+  class: "vfp-flex vfp-flex-col vfp-items-center"
+}, pe = /* @__PURE__ */ U({
+  __name: "index",
+  props: {
+    url: {},
+    zoom: {},
+    currentPage: {},
+    showOutline: { type: Boolean }
+  },
+  emits: ["pageChange", "totalPagesChange", "pageWidthChange", "toggleOutline"],
+  setup(C, { emit: _ }) {
+    ee(N);
+    const y = C, h = _, { t: R } = te(), E = w(0), b = w(null), M = w(!0), v = w([]), T = w(null), P = w(null), f = w(null), S = /* @__PURE__ */ new Map();
+    let i = null;
+    const u = /* @__PURE__ */ new Map();
+    let c = null;
+    const q = async (t, e, n = 0) => {
+      var r, a, l;
+      for (let o = 0; o < t.length; o++) {
+        const s = t[o], p = `${s.title}-${o}-${n}`;
+        try {
+          let d = null;
+          const m = s.dest;
+          if (typeof m == "string") {
+            const x = await ((r = e.getDestination) == null ? void 0 : r.call(e, m));
+            x && x[0] && typeof x[0] == "object" && (d = await ((a = e.getPageIndex) == null ? void 0 : a.call(e, x[0])) + 1);
+          } else Array.isArray(m) && m[0] && typeof m[0] == "object" && (d = await ((l = e.getPageIndex) == null ? void 0 : l.call(e, m[0])) + 1);
+          d !== null && d > 0 && S.set(p, d), s.items && s.items.length > 0 && await q(s.items, e, n + 1);
+        } catch {
+        }
+      }
+    }, K = (t) => {
+      let e = null, n = 1 / 0;
+      S.forEach((r, a) => {
+        if (r <= t) {
+          const l = t - r;
+          l < n && (n = l, e = a);
+        }
+      }), e !== T.value && (T.value = e);
+    }, W = async (t, e) => {
+      var n, r, a;
+      if (!(!i || !f.value))
+        try {
+          let l;
+          if (typeof t == "string") {
+            const p = await ((n = i.getDestination) == null ? void 0 : n.call(i, t));
+            if (p && p[0])
+              l = await ((r = i.getPageIndex) == null ? void 0 : r.call(i, p[0])) + 1;
+            else
+              return;
+          } else if (Array.isArray(t) && t[0])
+            l = await ((a = i.getPageIndex) == null ? void 0 : a.call(i, t[0])) + 1;
+          else
+            return;
+          T.value = e;
+          const s = f.value.querySelectorAll("[data-page-number]")[l - 1];
+          s && s.scrollIntoView({ behavior: "smooth", block: "start" }), setTimeout(() => h("toggleOutline"), 300);
+        } catch (l) {
+          console.error("大纲跳转失败:", l);
+        }
+    }, $ = (t, e = 0) => t.map((n, r) => {
+      const a = `${n.title}-${r}-${e}`, o = T.value === a ? "vfp-bg-surface-2 vfp-text-fg-primary vfp-font-medium" : "vfp-text-fg-secondary hover:vfp-text-fg-primary hover:vfp-bg-surface-2";
+      let s = `<li style="margin-left: ${e > 0 ? 16 : 0}px;">
+      <button
+        data-outline-key="${a}"
+        data-outline-dest="${JSON.stringify(n.dest).replace(/"/g, "&quot;")}"
+        class="vfp-w-full vfp-text-left vfp-py-2 vfp-px-3 vfp-text-sm vfp-rounded vfp-transition-all vfp-truncate ${o}"
+        title="${n.title}"
+      >
+        ${n.title}
+      </button>`;
+      return n.items && n.items.length > 0 && (s += `<ul>${$(n.items, e + 1)}</ul>`), s += "</li>", s;
+    }).join(""), X = async (t, e) => {
+      if (!i) return;
+      const n = u.get(t);
+      if (!(!n || n.rendering)) {
+        n.rendering = !0;
+        try {
+          const r = await i.getPage(t), a = r.getViewport({ scale: e }), l = document.createElement("canvas");
+          l.width = a.width, l.height = a.height, l.style.maxWidth = "100%", l.style.height = "auto", l.style.borderRadius = "0", l.style.display = "block";
+          const o = l.getContext("2d");
+          if (!o) return;
+          const s = r.render({ canvasContext: o, viewport: a });
+          if (n.renderTask = s, await s.promise, t === 1) {
+            const p = r.getViewport({ scale: 1 });
+            h("pageWidthChange", p.width);
+          }
+          n.element.innerHTML = "", n.element.appendChild(l), n.rendered = !0;
+        } catch (r) {
+          (r == null ? void 0 : r.name) !== "RenderingCancelledException" && console.error(`渲染页面 ${t} 失败:`, r);
+        } finally {
+          n.rendering = !1, n.renderTask = null;
+        }
+      }
+    }, V = (t) => {
+      const e = u.get(t);
+      if (!e) return;
+      e.renderTask && (e.renderTask.cancel(), e.renderTask = null);
+      const n = e.element.querySelector("canvas");
+      if (n) {
+        const r = n.getContext("2d");
+        r && r.clearRect(0, 0, n.width, n.height);
+      }
+      e.element.innerHTML = "", e.rendered = !1, e.rendering = !1;
+    }, F = () => {
+      if (!i || !f.value) return;
+      const t = f.value.querySelector(".pdf-pages");
+      if (t) {
+        t.innerHTML = "", u.clear();
+        for (let e = 1; e <= E.value; e++) {
+          const n = document.createElement("div");
+          n.className = "vfp-relative vfp-flex vfp-justify-center vfp-min-h-[800px]", n.setAttribute("data-page-number", String(e)), t.appendChild(n), u.set(e, {
+            element: n,
+            rendered: !1,
+            rendering: !1,
+            renderTask: null
+          }), c && c.observe(n);
+        }
+      }
+    }, J = async () => {
+      if (b.value = null, M.value = !0, E.value = 0, i) {
+        try {
+          i.destroy();
+        } catch {
+        }
+        i = null;
+      }
+      try {
+        i = await N.getDocument({ url: y.url }).promise;
+        const e = i.numPages;
+        E.value = e, h("totalPagesChange", e), h("pageChange", 1);
+        try {
+          const n = await i.getOutline();
+          n && (v.value = n, S.clear(), await q(n, i));
+        } catch (n) {
+          console.warn("PDF 大纲提取失败:", n);
+        }
+        M.value = !1;
+      } catch (t) {
+        console.error("PDF 加载错误:", t), b.value = R.value("pdf.load_failed"), M.value = !1;
+      }
+    }, j = () => {
+      if (!f.value || u.size === 0) return;
+      const t = f.value, e = t.scrollTop, n = t.clientHeight, r = e + n / 2;
+      let a = 1, l = 1 / 0;
+      u.forEach((o, s) => {
+        const p = o.element.getBoundingClientRect(), d = t.getBoundingClientRect(), m = p.top - d.top + p.height / 2 + e, x = Math.abs(r - m);
+        x < l && (l = x, a = s);
+      }), a !== y.currentPage && h("pageChange", a);
+    }, H = () => {
+      L(() => {
+        var e;
+        const t = (e = P.value) == null ? void 0 : e.querySelector(".outline-items");
+        t && t.addEventListener("click", (n) => {
+          const a = n.target.closest("[data-outline-key]");
+          if (!a) return;
+          const l = a.getAttribute("data-outline-key"), o = a.getAttribute("data-outline-dest");
+          if (!(!l || !o))
+            try {
+              const s = JSON.parse(o);
+              W(s, l);
+            } catch (s) {
+              console.error("解析大纲目标失败:", s);
+            }
+        });
+      });
+    };
+    return k(() => y.url, () => {
+      y.url && J();
+    }, { immediate: !0 }), k(E, (t) => {
+      t > 0 && L(() => {
+        F();
+      });
+    }), k(() => y.zoom, () => {
+      u.forEach((t, e) => {
+        t.rendered && V(e);
+      }), setTimeout(() => {
+        c && f.value && u.forEach((t) => {
+          c == null || c.unobserve(t.element), c == null || c.observe(t.element);
+        });
+      }, 150);
+    }), k(() => y.currentPage, (t) => {
+      t > 0 && S.size > 0 && K(t);
+    }), k(T, () => {
+      L(() => {
+        var e;
+        const t = (e = P.value) == null ? void 0 : e.querySelector(".outline-items");
+        t && v.value.length > 0 && (t.innerHTML = `<ul>${$(v.value)}</ul>`, H());
+      });
+    }), k(v, () => {
+      L(() => {
+        var e;
+        const t = (e = P.value) == null ? void 0 : e.querySelector(".outline-items");
+        !t && v.value.length > 0 ? setTimeout(() => {
+          var r;
+          const n = (r = P.value) == null ? void 0 : r.querySelector(".outline-items");
+          n && (n.innerHTML = `<ul>${$(v.value)}</ul>`, H());
+        }, 100) : t && v.value.length > 0 && (t.innerHTML = `<ul>${$(v.value)}</ul>`, H());
+      });
+    }, { deep: !0 }), G(() => {
+      c = new IntersectionObserver(
+        (e) => {
+          e.forEach((n) => {
+            const r = Number(n.target.getAttribute("data-page-number"));
+            if (r)
+              if (n.isIntersecting)
+                X(r, y.zoom);
+              else {
+                const a = u.get(r);
+                a && a.rendered && V(r);
+              }
+          });
+        },
+        {
+          root: f.value,
+          rootMargin: "500px 0px",
+          threshold: 0
+        }
+      );
+      const t = f.value;
+      t && t.addEventListener("scroll", j);
+    }), Q(() => {
+      c && (c.disconnect(), c = null);
+      const t = f.value;
+      if (t && t.removeEventListener("scroll", j), u.forEach((e) => {
+        e.renderTask && e.renderTask.cancel();
+      }), u.clear(), i) {
+        try {
+          i.destroy();
+        } catch {
+        }
+        i = null;
+      }
+    }), (t, e) => (O(), A("div", {
+      ref_key: "containerRef",
+      ref: P,
+      class: "vfp-relative vfp-w-full vfp-h-full"
+    }, [
+      v.value.length > 0 ? (O(), A("div", {
+        key: 0,
+        class: "vfp-absolute vfp-inset-0 vfp-z-20 vfp-flex vfp-transition-opacity vfp-duration-300",
+        style: B({
+          opacity: C.showOutline ? 1 : 0,
+          pointerEvents: C.showOutline ? "auto" : "none"
+        })
+      }, [
+        g("div", {
+          class: "vfp-w-72 vfp-max-w-[80%] vfp-h-full vfp-bg-surface-overlay vfp-backdrop-blur-xl vfp-border-r vfp-border-line-weak vfp-flex vfp-flex-col vfp-shadow-2xl vfp-transition-transform vfp-duration-300",
+          style: B({ transform: C.showOutline ? "translateX(0)" : "translateX(-100%)" })
+        }, [
+          g("div", le, [
+            g("span", ae, Y(z(R)("toolbar.outline")), 1),
+            g("button", {
+              onClick: e[0] || (e[0] = (n) => h("toggleOutline")),
+              class: "vfp-text-fg-tertiary hover:vfp-text-fg-primary vfp-transition-colors"
+            }, [
+              Z(z(re), { class: "vfp-w-4 vfp-h-4" })
+            ])
+          ]),
+          g("div", {
+            class: "vfp-flex-1 vfp-overflow-y-auto vfp-py-4 vfp-px-1 outline-items",
+            innerHTML: $(v.value)
+          }, null, 8, ie)
+        ], 4),
+        g("div", {
+          class: "vfp-flex-1 vfp-transition-opacity vfp-duration-300",
+          style: B({ background: C.showOutline ? "rgba(0,0,0,0.3)" : "transparent" }),
+          onClick: e[1] || (e[1] = (n) => h("toggleOutline"))
+        }, null, 4)
+      ], 4)) : I("", !0),
+      g("div", {
+        ref_key: "scrollContainerRef",
+        ref: f,
+        class: "vfp-w-full vfp-h-full vfp-overflow-auto vfp-py-6 vfp-px-4"
+      }, [
+        b.value ? (O(), D(ne, {
+          key: 0,
+          message: b.value
+        }, null, 8, ["message"])) : I("", !0),
+        !b.value && M.value ? (O(), A("div", se, [...e[2] || (e[2] = [
+          g("div", { class: "vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)
+        ])])) : I("", !0),
+        b.value ? I("", !0) : (O(), A("div", oe, [...e[3] || (e[3] = [
+          g("div", { class: "pdf-pages vfp-flex vfp-flex-col vfp-gap-4" }, null, -1)
+        ])]))
+      ], 512)
+    ], 512));
+  }
+});
+export {
+  pe as default
+};
+//# sourceMappingURL=index-CYa_XneH.mjs.map

package/lib/chunks/index-CYa_XneH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CYa_XneH.mjs","sources":["../../src/renderers/Pdf/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';\nimport { configurePdfWorker } from '@eternalheart/file-preview-core';\n// @ts-ignore - pdfjs-dist 类型路径\nimport * as pdfjsLib from 'pdfjs-dist/build/pdf.mjs';\nimport { useTranslator } from '../../composables/useTranslator';\nimport RendererError from '../RendererError.vue';\nimport { X } from 'lucide-vue-next';\n\n// 在模块加载时配置 PDF.js worker（默认走 CDN）\nconfigurePdfWorker(pdfjsLib);\n\ninterface PdfOutlineItem {\n  title: string;\n  dest: any;\n  items?: PdfOutlineItem[];\n}\n\ninterface PdfPageProxy {\n  getViewport(opts: { scale: number }): { width: number; height: number };\n  render(opts: { canvasContext: CanvasRenderingContext2D; viewport: { width: number; height: number } }): {\n    promise: Promise<void>;\n    cancel(): void;\n  };\n}\n\ninterface PdfDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PdfPageProxy>;\n  getOutline(): Promise<PdfOutlineItem[] | null>;\n  destroy(): void;\n}\n\ninterface PageState {\n  element: HTMLDivElement;\n  rendered: boolean;\n  rendering: boolean;\n  renderTask: any;\n}\n\nconst props = defineProps<{\n  url: string;\n  zoom: number;\n  currentPage: number;\n  showOutline?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'pageChange', page: number): void;\n  (e: 'totalPagesChange', total: number): void;\n  (e: 'pageWidthChange', width: number): void;\n  (e: 'toggleOutline'): void;\n}>();\n\nconst { t } = useTranslator();\n\nconst numPages = ref(0);\nconst error = ref<string | null>(null);\nconst isLoading = ref(true);\nconst outline = ref<PdfOutlineItem[]>([]);\nconst activeOutlineItem = ref<string | null>(null);\nconst containerRef = ref<HTMLDivElement | null>(null);\nconst scrollContainerRef = ref<HTMLDivElement | null>(null);\nconst outlinePageMap = new Map<string, number>();\nlet pdfDoc: PdfDocumentProxy | null = null;\nconst pageStates = new Map<number, PageState>();\nlet observer: IntersectionObserver | null = null;\n\n// 构建大纲-页码映射\nconst buildOutlinePageMap = async (items: PdfOutlineItem[], pdfDocument: PdfDocumentProxy, depth = 0) => {\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i];\n    const itemKey = `${item.title}-${i}-${depth}`;\n\n    try {\n      let pageNumber: number | null = null;\n      const dest = item.dest;\n\n      if (typeof dest === 'string') {\n        const namedDest = await (pdfDocument as any).getDestination?.(dest);\n        if (namedDest && namedDest[0] && typeof namedDest[0] === 'object') {\n          pageNumber = await (pdfDocument as any).getPageIndex?.(namedDest[0]) + 1;\n        }\n      } else if (Array.isArray(dest) && dest[0] && typeof dest[0] === 'object') {\n        pageNumber = await (pdfDocument as any).getPageIndex?.(dest[0]) + 1;\n      }\n\n      if (pageNumber !== null && pageNumber > 0) {\n        outlinePageMap.set(itemKey, pageNumber);\n      }\n\n      if (item.items && item.items.length > 0) {\n        await buildOutlinePageMap(item.items, pdfDocument, depth + 1);\n      }\n    } catch (err) {\n      // 静默失败\n    }\n  }\n};\n\n// 根据当前页码更新激活的大纲项\nconst updateActiveOutlineByPage = (page: number) => {\n  let closestItem: string | null = null;\n  let closestDistance = Infinity;\n\n  outlinePageMap.forEach((itemPage, itemKey) => {\n    if (itemPage <= page) {\n      const distance = page - itemPage;\n      if (distance < closestDistance) {\n        closestDistance = distance;\n        closestItem = itemKey;\n      }\n    }\n  });\n\n  if (closestItem !== activeOutlineItem.value) {\n    activeOutlineItem.value = closestItem;\n  }\n};\n\n// 处理大纲点击跳转\nconst handleOutlineClick = async (dest: any, itemKey: string) => {\n  if (!pdfDoc || !scrollContainerRef.value) return;\n\n  try {\n    let pageNumber: number;\n\n    if (typeof dest === 'string') {\n      const namedDest = await (pdfDoc as any).getDestination?.(dest);\n      if (namedDest && namedDest[0]) {\n        pageNumber = await (pdfDoc as any).getPageIndex?.(namedDest[0]) + 1;\n      } else {\n        return;\n      }\n    } else if (Array.isArray(dest) && dest[0]) {\n      pageNumber = await (pdfDoc as any).getPageIndex?.(dest[0]) + 1;\n    } else {\n      return;\n    }\n\n    // 设置激活项\n    activeOutlineItem.value = itemKey;\n\n    // 滚动到目标页面\n    const pages = scrollContainerRef.value.querySelectorAll('[data-page-number]');\n    const targetPage = pages[pageNumber - 1];\n    if (targetPage) {\n      targetPage.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n\n    // 跳转后自动关闭侧边栏\n    setTimeout(() => emit('toggleOutline'), 300);\n  } catch (err) {\n    console.error('大纲跳转失败:', err);\n  }\n};\n\n// 渲染大纲项（递归组件会更复杂，这里用简单的方式）\nconst renderOutlineItemsHtml = (items: PdfOutlineItem[], depth = 0): string => {\n  return items.map((item, i) => {\n    const itemKey = `${item.title}-${i}-${depth}`;\n    const isActive = activeOutlineItem.value === itemKey;\n    const activeClass = isActive\n      ? 'vfp-bg-surface-2 vfp-text-fg-primary vfp-font-medium'\n      : 'vfp-text-fg-secondary hover:vfp-text-fg-primary hover:vfp-bg-surface-2';\n\n    let html = `<li style=\"margin-left: ${depth > 0 ? 16 : 0}px;\">\n      <button\n        data-outline-key=\"${itemKey}\"\n        data-outline-dest=\"${JSON.stringify(item.dest).replace(/\"/g, '&quot;')}\"\n        class=\"vfp-w-full vfp-text-left vfp-py-2 vfp-px-3 vfp-text-sm vfp-rounded vfp-transition-all vfp-truncate ${activeClass}\"\n        title=\"${item.title}\"\n      >\n        ${item.title}\n      </button>`;\n\n    if (item.items && item.items.length > 0) {\n      html += `<ul>${renderOutlineItemsHtml(item.items, depth + 1)}</ul>`;\n    }\n\n    html += '</li>';\n    return html;\n  }).join('');\n};\n\nconst renderPage = async (pageNumber: number, scale: number) => {\n  if (!pdfDoc) return;\n  const state = pageStates.get(pageNumber);\n  if (!state || state.rendering) return;\n\n  state.rendering = true;\n\n  try {\n    const page = await pdfDoc.getPage(pageNumber);\n    const viewport = page.getViewport({ scale });\n\n    const canvas = document.createElement('canvas');\n    canvas.width = viewport.width;\n    canvas.height = viewport.height;\n    canvas.style.maxWidth = '100%';\n    canvas.style.height = 'auto';\n    canvas.style.borderRadius = '0';\n    canvas.style.display = 'block';\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    const renderTask = page.render({ canvasContext: ctx, viewport });\n    state.renderTask = renderTask;\n    await renderTask.promise;\n\n    // 上报第一页原始宽度\n    if (pageNumber === 1) {\n      const baseViewport = page.getViewport({ scale: 1 });\n      emit('pageWidthChange', baseViewport.width);\n    }\n\n    state.element.innerHTML = '';\n    state.element.appendChild(canvas);\n\n    state.rendered = true;\n  } catch (err: any) {\n    if (err?.name !== 'RenderingCancelledException') {\n      console.error(`渲染页面 ${pageNumber} 失败:`, err);\n    }\n  } finally {\n    state.rendering = false;\n    state.renderTask = null;\n  }\n};\n\nconst clearPageCanvas = (pageNumber: number) => {\n  const state = pageStates.get(pageNumber);\n  if (!state) return;\n\n  if (state.renderTask) {\n    state.renderTask.cancel();\n    state.renderTask = null;\n  }\n\n  const canvas = state.element.querySelector('canvas');\n  if (canvas) {\n    const ctx = canvas.getContext('2d');\n    if (ctx) {\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n    }\n  }\n\n  state.element.innerHTML = '';\n  state.rendered = false;\n  state.rendering = false;\n};\n\nconst initPagePlaceholders = () => {\n  if (!pdfDoc || !scrollContainerRef.value) return;\n\n  const wrapper = scrollContainerRef.value.querySelector('.pdf-pages') as HTMLDivElement | null;\n  if (!wrapper) return;\n\n  wrapper.innerHTML = '';\n  pageStates.clear();\n\n  for (let i = 1; i <= numPages.value; i++) {\n    const pageDiv = document.createElement('div');\n    pageDiv.className = 'vfp-relative vfp-flex vfp-justify-center vfp-min-h-[800px]';\n    pageDiv.setAttribute('data-page-number', String(i));\n    wrapper.appendChild(pageDiv);\n\n    pageStates.set(i, {\n      element: pageDiv,\n      rendered: false,\n      rendering: false,\n      renderTask: null,\n    });\n\n    if (observer) {\n      observer.observe(pageDiv);\n    }\n  }\n};\n\nconst loadPdf = async () => {\n  error.value = null;\n  isLoading.value = true;\n  numPages.value = 0;\n\n  if (pdfDoc) {\n    try {\n      pdfDoc.destroy();\n    } catch {\n      // ignore\n    }\n    pdfDoc = null;\n  }\n\n  try {\n    const loadingTask = pdfjsLib.getDocument({ url: props.url });\n    pdfDoc = (await loadingTask.promise) as PdfDocumentProxy;\n    const total = pdfDoc.numPages;\n\n    numPages.value = total;\n    emit('totalPagesChange', total);\n    emit('pageChange', 1);\n\n    // 提取大纲\n    try {\n      const outlineData = await pdfDoc.getOutline();\n      if (outlineData) {\n        outline.value = outlineData;\n        // 构建大纲-页码映射\n        outlinePageMap.clear();\n        await buildOutlinePageMap(outlineData, pdfDoc);\n      }\n    } catch (err) {\n      console.warn('PDF 大纲提取失败:', err);\n    }\n\n    isLoading.value = false;\n  } catch (err) {\n    console.error('PDF 加载错误:', err);\n    error.value = t.value('pdf.load_failed');\n    isLoading.value = false;\n  }\n};\n\nconst handleScroll = () => {\n  if (!scrollContainerRef.value || pageStates.size === 0) return;\n\n  const container = scrollContainerRef.value;\n  const scrollTop = container.scrollTop;\n  const containerHeight = container.clientHeight;\n  const scrollCenter = scrollTop + containerHeight / 2;\n\n  let currentVisiblePage = 1;\n  let minDistance = Infinity;\n\n  pageStates.forEach((state, pageNumber) => {\n    const rect = state.element.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n    const pageCenter = rect.top - containerRect.top + rect.height / 2 + scrollTop;\n\n    const distance = Math.abs(scrollCenter - pageCenter);\n    if (distance < minDistance) {\n      minDistance = distance;\n      currentVisiblePage = pageNumber;\n    }\n  });\n\n  if (currentVisiblePage !== props.currentPage) {\n    emit('pageChange', currentVisiblePage);\n  }\n};\n\n// 设置大纲点击事件代理\nconst setupOutlineEventDelegation = () => {\n  nextTick(() => {\n    const outlineContainer = containerRef.value?.querySelector('.outline-items');\n    if (!outlineContainer) return;\n\n    outlineContainer.addEventListener('click', (e: Event) => {\n      const target = e.target as HTMLElement;\n      const button = target.closest('[data-outline-key]');\n      if (!button) return;\n\n      const itemKey = button.getAttribute('data-outline-key');\n      const destStr = button.getAttribute('data-outline-dest');\n      if (!itemKey || !destStr) return;\n\n      try {\n        const dest = JSON.parse(destStr);\n        handleOutlineClick(dest, itemKey);\n      } catch (err) {\n        console.error('解析大纲目标失败:', err);\n      }\n    });\n  });\n};\n\n// 监听 URL 变化\nwatch(() => props.url, () => {\n  if (props.url) {\n    loadPdf();\n  }\n}, { immediate: true });\n\n// 监听 numPages 变化，初始化占位符\nwatch(numPages, (val) => {\n  if (val > 0) {\n    nextTick(() => {\n      initPagePlaceholders();\n    });\n  }\n});\n\n// 监听 zoom 变化\nwatch(() => props.zoom, () => {\n  pageStates.forEach((state, pageNumber) => {\n    if (state.rendered) {\n      clearPageCanvas(pageNumber);\n    }\n  });\n\n  setTimeout(() => {\n    if (observer && scrollContainerRef.value) {\n      pageStates.forEach((state) => {\n        observer?.unobserve(state.element);\n        observer?.observe(state.element);\n      });\n    }\n  }, 150);\n});\n\n// 监听 currentPage 变化，更新大纲高亮\nwatch(() => props.currentPage, (page) => {\n  if (page > 0 && outlinePageMap.size > 0) {\n    updateActiveOutlineByPage(page);\n  }\n});\n\n// 监听 activeOutlineItem 变化，更新大纲 UI\nwatch(activeOutlineItem, () => {\n  nextTick(() => {\n    const outlineContainer = containerRef.value?.querySelector('.outline-items');\n    if (!outlineContainer) return;\n\n    // 重新渲染大纲项\n    if (outline.value.length > 0) {\n      outlineContainer.innerHTML = `<ul>${renderOutlineItemsHtml(outline.value)}</ul>`;\n      // 重新绑定事件\n      setupOutlineEventDelegation();\n    }\n  });\n});\n\n// 监听 outline 变化，渲染大纲\nwatch(outline, () => {\n  nextTick(() => {\n    const outlineContainer = containerRef.value?.querySelector('.outline-items');\n    if (!outlineContainer && outline.value.length > 0) {\n      // 容器还没准备好，等待下一次\n      setTimeout(() => {\n        const container = containerRef.value?.querySelector('.outline-items');\n        if (container) {\n          container.innerHTML = `<ul>${renderOutlineItemsHtml(outline.value)}</ul>`;\n          setupOutlineEventDelegation();\n        }\n      }, 100);\n    } else if (outlineContainer && outline.value.length > 0) {\n      outlineContainer.innerHTML = `<ul>${renderOutlineItemsHtml(outline.value)}</ul>`;\n      setupOutlineEventDelegation();\n    }\n  });\n}, { deep: true });\n\nonMounted(() => {\n  // 设置 IntersectionObserver\n  observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        const pageNumber = Number(entry.target.getAttribute('data-page-number'));\n        if (!pageNumber) return;\n\n        if (entry.isIntersecting) {\n          renderPage(pageNumber, props.zoom);\n        } else {\n          const state = pageStates.get(pageNumber);\n          if (state && state.rendered) {\n            clearPageCanvas(pageNumber);\n          }\n        }\n      });\n    },\n    {\n      root: scrollContainerRef.value,\n      rootMargin: '500px 0px',\n      threshold: 0,\n    }\n  );\n\n  // 监听滚动\n  const container = scrollContainerRef.value;\n  if (container) {\n    container.addEventListener('scroll', handleScroll);\n  }\n});\n\nonBeforeUnmount(() => {\n  // 清理\n  if (observer) {\n    observer.disconnect();\n    observer = null;\n  }\n\n  const container = scrollContainerRef.value;\n  if (container) {\n    container.removeEventListener('scroll', handleScroll);\n  }\n\n  pageStates.forEach((state) => {\n    if (state.renderTask) {\n      state.renderTask.cancel();\n    }\n  });\n  pageStates.clear();\n\n  if (pdfDoc) {\n    try {\n      pdfDoc.destroy();\n    } catch {\n      // ignore\n    }\n    pdfDoc = null;\n  }\n});\n</script>\n\n<template>\n  <div ref=\"containerRef\" class=\"vfp-relative vfp-w-full vfp-h-full\">\n    <!-- 大纲侧边栏 -->\n    <div\n      v-if=\"outline.length > 0\"\n      class=\"vfp-absolute vfp-inset-0 vfp-z-20 vfp-flex vfp-transition-opacity vfp-duration-300\"\n      :style=\"{\n        opacity: showOutline ? 1 : 0,\n        pointerEvents: showOutline ? 'auto' : 'none',\n      }\"\n    >\n      <div\n        class=\"vfp-w-72 vfp-max-w-[80%] vfp-h-full vfp-bg-surface-overlay vfp-backdrop-blur-xl vfp-border-r vfp-border-line-weak vfp-flex vfp-flex-col vfp-shadow-2xl vfp-transition-transform vfp-duration-300\"\n        :style=\"{ transform: showOutline ? 'translateX(0)' : 'translateX(-100%)' }\"\n      >\n        <div class=\"vfp-flex vfp-items-center vfp-justify-between vfp-px-4 vfp-py-3 vfp-border-b vfp-border-line-weak vfp-flex-shrink-0\">\n          <span class=\"vfp-text-fg-primary vfp-font-medium vfp-text-sm\">{{ t('toolbar.outline') }}</span>\n          <button\n            @click=\"emit('toggleOutline')\"\n            class=\"vfp-text-fg-tertiary hover:vfp-text-fg-primary vfp-transition-colors\"\n          >\n            <X class=\"vfp-w-4 vfp-h-4\" />\n          </button>\n        </div>\n        <div class=\"vfp-flex-1 vfp-overflow-y-auto vfp-py-4 vfp-px-1 outline-items\" v-html=\"renderOutlineItemsHtml(outline)\" />\n      </div>\n      <div\n        class=\"vfp-flex-1 vfp-transition-opacity vfp-duration-300\"\n        :style=\"{ background: showOutline ? 'rgba(0,0,0,0.3)' : 'transparent' }\"\n        @click=\"emit('toggleOutline')\"\n      />\n    </div>\n\n    <div\n      ref=\"scrollContainerRef\"\n      class=\"vfp-w-full vfp-h-full vfp-overflow-auto vfp-py-6 vfp-px-4\"\n    >\n      <RendererError v-if=\"error\" :message=\"error\" />\n\n      <div v-if=\"!error && isLoading\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-min-h-screen\">\n        <div\n          class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n        />\n      </div>\n\n      <div v-if=\"!error\" class=\"vfp-flex vfp-flex-col vfp-items-center\">\n        <div class=\"pdf-pages vfp-flex vfp-flex-col vfp-gap-4\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["configurePdfWorker","pdfjsLib","props","__props","emit","__emit","t","useTranslator","numPages","ref","error","isLoading","outline","activeOutlineItem","containerRef","scrollContainerRef","outlinePageMap","pdfDoc","pageStates","observer","buildOutlinePageMap","items","pdfDocument","depth","i","item","itemKey","pageNumber","dest","namedDest","_a","_b","_c","updateActiveOutlineByPage","page","closestItem","closestDistance","itemPage","distance","handleOutlineClick","targetPage","err","renderOutlineItemsHtml","activeClass","html","renderPage","scale","state","viewport","canvas","ctx","renderTask","baseViewport","clearPageCanvas","initPagePlaceholders","wrapper","pageDiv","loadPdf","total","outlineData","handleScroll","container","scrollTop","containerHeight","scrollCenter","currentVisiblePage","minDistance","rect","containerRect","pageCenter","setupOutlineEventDelegation","nextTick","outlineContainer","e","button","destStr","watch","val","onMounted","entries","entry","onBeforeUnmount","_createElementBlock","_normalizeStyle","_createElementVNode","_hoisted_1","_hoisted_2","_toDisplayString","_unref","_createVNode","X","_createBlock","RendererError","_openBlock","_hoisted_4","_cache","_hoisted_5"],"mappings":"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"}

package/lib/chunks/{index-CYt6tpQC.mjs → index-CbJkkdEB.mjs}

@@ -1,6 +1,6 @@
-import { defineComponent as P, ref as y, watch as S, computed as h, openBlock as a, createElementBlock as r, createElementVNode as e, createBlock as V, unref as c, normalizeClass as b, Fragment as w, renderList as k, toDisplayString as o, createCommentVNode as N } from "vue";
-import { u as j, a as z, P as A, N as d, E as D, _ as I } from "./index-Oxwizt6-.mjs";
-import { _ as M } from "./RendererError.vue_vue_type_script_setup_true_lang-CbgZBSDr.mjs";
+import { defineComponent as P, ref as y, watch as S, computed as h, openBlock as a, createElementBlock as r, createElementVNode as e, createBlock as V, unref as c, normalizeClass as b, Fragment as w, renderList as k, toDisplayString as o, createCommentVNode as T } from "vue";
+import { u as j, a as z, T as A, P as d, E as D, _ as I } from "./index-D9QQL7U6.mjs";
+import { _ as M } from "./RendererError.vue_vue_type_script_setup_true_lang-BNoENOWX.mjs";
 const O = {
   key: 0,
   class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-bg-[#0f0f12]"
@@ -54,7 +54,7 @@ const O = {
     }), g = h(() => {
       var s;
       return ((s = n.value) == null ? void 0 : s.metadata) ?? {};
-    }), T = (s) => d(s).slice(3, 8);
+    }), N = (s) => d(s).slice(3, 8);
     return (s, t) => p.value ? (a(), r("div", O, [...t[0] || (t[0] = [
       e("div", { class: "vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)
     ])])) : i.value || !n.value ? (a(), V(M, {
@@ -79,7 +79,7 @@ const O = {
                 t[1] || (t[1] = e("span", { class: "cue-arrow" }, "→", -1)),
                 e("span", G, o(c(d)(l.end)), 1),
                 e("span", H, "#" + o(l.id ?? x + 1), 1),
-                l.style ? (a(), r("span", J, o(l.style), 1)) : N("", !0)
+                l.style ? (a(), r("span", J, o(l.style), 1)) : T("", !0)
               ]),
               l.words && l.words.length > 0 ? (a(), r("div", K, [
                 (a(!0), r(w, null, k(l.words, (_, L) => (a(), r("span", {
@@ -87,7 +87,7 @@ const O = {
                   class: "cue-word",
                   title: c(d)(_.start)
                 }, [
-                  e("span", U, o(T(_.start)), 1),
+                  e("span", U, o(N(_.start)), 1),
                   e("span", W, o(_.text), 1)
                 ], 8, Q))), 128))
               ])) : (a(), r("p", {
@@ -103,12 +103,12 @@ const O = {
         g.value.length ? (a(), r(w, { key: 0 }, [
           t[4] || (t[4] = e("span", { class: "dot" }, "·", -1)),
           e("span", null, o(g.value.length), 1)
-        ], 64)) : N("", !0)
+        ], 64)) : T("", !0)
       ])
     ], 2));
   }
-}), re = /* @__PURE__ */ I(ee, [["__scopeId", "data-v-190dfbd6"]]);
+}), re = /* @__PURE__ */ I(ee, [["__scopeId", "data-v-a5bde9e5"]]);
 export {
   re as default
 };
-//# sourceMappingURL=index-CYt6tpQC.mjs.map
+//# sourceMappingURL=index-CbJkkdEB.mjs.map

package/lib/chunks/index-CbJkkdEB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CbJkkdEB.mjs","sources":["../../src/renderers/Subtitle/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue';\nimport {\n  parseSubtitle,\n  formatSubtitleTime,\n  fetchTextUtf8,\n  type SubtitleParseResult,\n  type SubtitleFormat,\n} from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport RendererError from '../RendererError.vue';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst text = ref<string>('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\n\nconst FORMAT_BY_EXT: Record<string, SubtitleFormat> = {\n  srt: 'srt',\n  vtt: 'vtt',\n  lrc: 'lrc',\n  elrc: 'elrc',\n  ass: 'ass',\n  ssa: 'ssa',\n  ttml: 'ttml',\n  dfxp: 'ttml',\n};\n\nconst getFormat = (fileName: string): SubtitleFormat | undefined => {\n  const ext = fileName.split('.').pop()?.toLowerCase() || '';\n  return FORMAT_BY_EXT[ext];\n};\n\nconst load = async () => {\n  loading.value = true;\n  error.value = null;\n  try {\n    text.value = await fetchTextUtf8(props.url, { fetcher: fetcher.value });\n  } catch (err) {\n    console.error(err);\n    error.value = t.value('subtitle.load_failed');\n  } finally {\n    loading.value = false;\n  }\n};\n\nwatch(() => props.url, load, { immediate: true });\n\nconst parsed = computed<SubtitleParseResult | null>(() => {\n  if (!text.value) return null;\n  try {\n    return parseSubtitle(text.value, getFormat(props.fileName));\n  } catch (err) {\n    console.error(err);\n    return null;\n  }\n});\n\nconst isLyric = computed(() => parsed.value?.format === 'lrc' || parsed.value?.format === 'elrc');\n\nconst meta = computed<Record<string, string>>(() => parsed.value?.metadata ?? {});\n\nconst wordTimeShort = (t: number) => formatSubtitleTime(t).slice(3, 8);\n</script>\n\n<template>\n  <div\n    v-if=\"loading\"\n    class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-bg-[#0f0f12]\"\n  >\n    <div\n      class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n    />\n  </div>\n\n  <RendererError\n    v-else-if=\"error || !parsed\"\n    :message=\"error || t('subtitle.parse_failed')\"\n    class=\"vfp-bg-[#0f0f12]\"\n  />\n\n  <div\n    v-else\n    class=\"vfp-relative vfp-w-full vfp-h-full vfp-bg-[#0f0f12]\"\n    :class=\"isLyric ? 'flavor-lyric' : 'flavor-subtitle'\"\n  >\n    <!-- 内容滚动区 -->\n    <div class=\"content-scroll\">\n      <div class=\"timeline\">\n        <div class=\"timeline-line\" />\n        <ol class=\"cues\">\n          <li v-for=\"(cue, i) in parsed.cues\" :key=\"'cue-' + i\" class=\"cue-row\">\n            <div class=\"cue-dot\" />\n            <div class=\"cue-meta\">\n              <span class=\"cue-time\">{{ formatSubtitleTime(cue.start) }}</span>\n              <span class=\"cue-arrow\">→</span>\n              <span class=\"cue-time\">{{ formatSubtitleTime(cue.end) }}</span>\n              <span class=\"cue-id\">#{{ cue.id ?? i + 1 }}</span>\n              <span v-if=\"cue.style\" class=\"cue-style\">{{ cue.style }}</span>\n            </div>\n            <div v-if=\"cue.words && cue.words.length > 0\" class=\"cue-words\">\n              <span\n                v-for=\"(word, wi) in cue.words\"\n                :key=\"'w-' + wi\"\n                class=\"cue-word\"\n                :title=\"formatSubtitleTime(word.start)\"\n              >\n                <span class=\"cue-word-time\">{{ wordTimeShort(word.start) }}</span>\n                <span class=\"cue-word-text\">{{ word.text }}</span>\n              </span>\n            </div>\n            <p v-else class=\"cue-text\" :class=\"{ lyric: isLyric }\">{{ cue.text }}</p>\n          </li>\n        </ol>\n      </div>\n    </div>\n\n    <!-- 右下角浮签 -->\n    <div class=\"status-pill\">\n      <span>{{ parsed.cues.length }} {{ isLyric ? t('subtitle.lines') : t('subtitle.cues') }}</span>\n      <template v-if=\"meta.length\">\n        <span class=\"dot\">·</span>\n        <span>{{ meta.length }}</span>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.content-scroll {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  padding: 1.5rem 1rem 4rem;\n}\n.status-pill {\n  pointer-events: none;\n  position: absolute;\n  bottom: 0.75rem;\n  right: 0.75rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.25rem 0.625rem;\n  border-radius: 9999px;\n  background: rgba(0, 0, 0, 0.4);\n  backdrop-filter: blur(8px);\n  border: 1px solid var(--fp-line);\n  font-size: 0.625rem;\n  color: var(--fp-fg-tertiary);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  font-variant-numeric: tabular-nums;\n}\n.dot {\n  color: var(--fp-fg-disabled);\n}\n\n.timeline {\n  position: relative;\n}\n.timeline-line {\n  position: absolute;\n  left: 5px;\n  top: 0.5rem;\n  bottom: 0.5rem;\n  width: 1px;\n  background: var(--fp-line-weak);\n}\n.cues {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n.cue-row {\n  position: relative;\n  padding-left: 1.5rem;\n}\n.cue-dot {\n  position: absolute;\n  left: 0;\n  top: 0.4rem;\n  width: 0.75rem;\n  height: 0.75rem;\n  border-radius: 9999px;\n  background: var(--fp-surface-3);\n  border: 2px solid #0f0f12;\n  transition: background-color 0.2s;\n}\n.flavor-lyric .cue-row:hover .cue-dot {\n  background: rgb(167, 139, 250);\n}\n.flavor-subtitle .cue-row:hover .cue-dot {\n  background: rgb(56, 189, 248);\n}\n.cue-meta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 0.25rem 0.75rem;\n  margin-bottom: 0.375rem;\n}\n.cue-time {\n  font-size: 0.6875rem;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  color: var(--fp-fg-muted);\n  font-variant-numeric: tabular-nums;\n}\n.cue-arrow {\n  font-size: 0.6875rem;\n  color: var(--fp-fg-disabled);\n}\n.cue-id {\n  font-size: 0.625rem;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  color: var(--fp-fg-disabled);\n  font-variant-numeric: tabular-nums;\n}\n.cue-style {\n  font-size: 0.5625rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--fp-fg-tertiary);\n  padding: 0.125rem 0.375rem;\n  border-radius: 0.25rem;\n  background: var(--fp-line-weak);\n  border: 1px solid var(--fp-line);\n}\n.cue-text {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  line-height: 1.625;\n  color: var(--fp-fg-primary);\n  font-size: 0.875rem;\n  min-height: 1.25rem;\n  transition: color 0.2s;\n}\n.cue-text.lyric {\n  font-size: 1rem;\n  font-weight: 500;\n}\n.cue-row:hover .cue-text {\n  color: #fff;\n}\n.cue-words {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.25rem 0.375rem;\n  font-size: 1rem;\n  color: var(--fp-fg-primary);\n  line-height: 1.625;\n  transition: color 0.2s;\n}\n.cue-row:hover .cue-words {\n  color: #fff;\n}\n.cue-word {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.cue-word-time {\n  font-size: 0.5625rem;\n  color: var(--fp-fg-disabled);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  line-height: 1;\n  font-variant-numeric: tabular-nums;\n}\n.cue-word-text {\n  line-height: 1.4;\n}\n</style>\n"],"names":["props","__props","t","useTranslator","fetcher","useFetcher","text","ref","loading","error","FORMAT_BY_EXT","getFormat","fileName","ext","_a","watch","fetchTextUtf8","err","parsed","computed","parseSubtitle","isLyric","_b","meta","wordTimeShort","formatSubtitleTime","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createBlock","RendererError","_unref","_normalizeClass","_hoisted_2","_hoisted_3","_hoisted_4","_Fragment","cue","i","_hoisted_5","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","word","wi","_hoisted_12","_hoisted_13","_hoisted_14"],"mappings":"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"}

package/lib/chunks/{index-DEoR7aDN.mjs → index-CoITLoYL.mjs}

@@ -2,8 +2,8 @@ import { defineComponent as E, ref as p, onMounted as T, watch as D, onBeforeUnm
 import W from "exceljs";
 import H from "x-data-spreadsheet";
 /* empty css                       */
-import { u as R, a as C, I } from "./index-Oxwizt6-.mjs";
-import { _ as L } from "./RendererError.vue_vue_type_script_setup_true_lang-CbgZBSDr.mjs";
+import { u as R, a as C, I } from "./index-D9QQL7U6.mjs";
+import { _ as L } from "./RendererError.vue_vue_type_script_setup_true_lang-BNoENOWX.mjs";
 const F = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full" }, N = {
   key: 0,
   class: "vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10"
@@ -114,4 +114,4 @@ const F = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-fu
 export {
   U as default
 };
-//# sourceMappingURL=index-DEoR7aDN.mjs.map
+//# sourceMappingURL=index-CoITLoYL.mjs.map

package/lib/chunks/{index-DEoR7aDN.mjs.map → index-CoITLoYL.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DEoR7aDN.mjs","sources":["../../src/renderers/Xlsx/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport ExcelJS from 'exceljs';\nimport Spreadsheet from 'x-data-spreadsheet';\nimport 'x-data-spreadsheet/dist/xspreadsheet.css';\nimport { convertWorkbookToSpreadsheetData } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport RendererError from '../RendererError.vue';\n\nconst props = defineProps<{\n  url: string;\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst containerRef = ref<HTMLDivElement | null>(null);\nlet sheetData: Record<string, unknown>[] | null = null;\nlet resizeObserver: ResizeObserver | null = null;\nlet resizeTimeout: number | null = null;\nlet lastDimensions = { width: 0, height: 0 };\n\nconst calculateDimensions = () => {\n  if (!containerRef.value) return { width: 800, height: 600 };\n  const rawWidth = containerRef.value.clientWidth;\n  const rawHeight = containerRef.value.clientHeight;\n  const width = rawWidth > 100 ? rawWidth : 800;\n  const height = rawHeight > 100 ? rawHeight : 600;\n  return { width, height };\n};\n\nconst mountSpreadsheet = () => {\n  if (!containerRef.value || !sheetData) return;\n\n  containerRef.value.innerHTML = '';\n\n  const { width, height } = calculateDimensions();\n  const isMobile = width < 640;\n\n  const s = new Spreadsheet(containerRef.value, {\n    mode: 'read',\n    showToolbar: false,\n    showContextmenu: false,\n    showGrid: true,\n    row: {\n      len: 100,\n      height: 25,\n    },\n    col: {\n      len: 26,\n      width: isMobile ? 80 : 100,\n      indexWidth: isMobile ? 40 : 60,\n      minWidth: isMobile ? 40 : 60,\n    },\n    view: {\n      height: () => height,\n      width: () => width,\n    },\n  });\n\n  s.loadData(sheetData as unknown as Record<string, unknown>);\n};\n\nconst loadExcel = async () => {\n  if (!containerRef.value) return;\n\n  loading.value = true;\n  error.value = null;\n\n  try {\n    const response = await fetcher.value(props.url, {\n      mode: 'cors',\n      credentials: 'omit',\n      redirect: 'follow',\n    });\n\n    if (!response.ok) {\n      if (response.status === 404) throw new Error(t.value('xlsx.not_found'));\n      if (response.status === 403) throw new Error('无权限访问此文件');\n      throw new Error(`文件加载失败 (${response.status})`);\n    }\n\n    const arrayBuffer = await response.arrayBuffer();\n\n    if (arrayBuffer.byteLength === 0) {\n      throw new Error('文件为空');\n    }\n\n    const workbook = new ExcelJS.Workbook();\n    await workbook.xlsx.load(arrayBuffer);\n    const data = convertWorkbookToSpreadsheetData(workbook);\n\n    sheetData = data as unknown as Record<string, unknown>[];\n    mountSpreadsheet();\n    loading.value = false;\n  } catch (err) {\n    console.error('Excel 解析错误:', err);\n    let errorMsg = t.value('xlsx.parse_failed');\n    if (err instanceof Error) errorMsg = err.message;\n    error.value = errorMsg;\n    loading.value = false;\n  }\n};\n\nonMounted(() => {\n  if (!containerRef.value) return;\n\n  let isInitialRender = true;\n\n  resizeObserver = new ResizeObserver(() => {\n    if (isInitialRender) {\n      isInitialRender = false;\n      lastDimensions = calculateDimensions();\n      return;\n    }\n\n    const newDimensions = calculateDimensions();\n    const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n    const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n    if (widthDiff < 10 && heightDiff < 10) return;\n\n    lastDimensions = newDimensions;\n\n    if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n\n    resizeTimeout = window.setTimeout(() => {\n      if (sheetData) mountSpreadsheet();\n    }, 500);\n  });\n\n  resizeObserver.observe(containerRef.value);\n\n  setTimeout(() => {\n    requestAnimationFrame(() => loadExcel());\n  }, 100);\n});\n\nwatch(\n  () => props.url,\n  (newUrl) => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (newUrl) loadExcel();\n  }\n);\n\nonBeforeUnmount(() => {\n  if (resizeObserver) resizeObserver.disconnect();\n  if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n  sheetData = null;\n  if (containerRef.value) containerRef.value.innerHTML = '';\n});\n</script>\n\n<template>\n  <div class=\"vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full\">\n    <div\n      v-if=\"loading\"\n      class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    >\n      <div class=\"vfp-text-center\">\n        <div\n          class=\"vfp-w-10 vfp-h-10 md:vfp-w-12 md:vfp-h-12 vfp-mx-auto vfp-mb-3 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n        />\n        <p class=\"vfp-text-xs md:vfp-text-sm vfp-text-fg-secondary vfp-font-medium\">{{ t('xlsx.loading') }}</p>\n      </div>\n    </div>\n\n    <RendererError\n      v-if=\"error && !loading\"\n      :message=\"t('xlsx.load_failed')\"\n      :detail=\"error\"\n      class=\"vfp-absolute vfp-inset-0 vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    />\n\n    <div\n      v-if=\"!error\"\n      ref=\"containerRef\"\n      class=\"xlsx-spreadsheet-container vfp-w-full vfp-h-full\"\n      :style=\"{ opacity: loading ? 0 : 1 }\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","fetcher","useFetcher","loading","ref","error","containerRef","sheetData","resizeObserver","resizeTimeout","lastDimensions","calculateDimensions","rawWidth","rawHeight","width","height","mountSpreadsheet","isMobile","Spreadsheet","loadExcel","response","arrayBuffer","workbook","ExcelJS","convertWorkbookToSpreadsheetData","err","errorMsg","onMounted","isInitialRender","newDimensions","widthDiff","heightDiff","watch","newUrl","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_createBlock","RendererError"],"mappings":"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"}
+{"version":3,"file":"index-CoITLoYL.mjs","sources":["../../src/renderers/Xlsx/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport ExcelJS from 'exceljs';\nimport Spreadsheet from 'x-data-spreadsheet';\nimport 'x-data-spreadsheet/dist/xspreadsheet.css';\nimport { convertWorkbookToSpreadsheetData } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport RendererError from '../RendererError.vue';\n\nconst props = defineProps<{\n  url: string;\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst containerRef = ref<HTMLDivElement | null>(null);\nlet sheetData: Record<string, unknown>[] | null = null;\nlet resizeObserver: ResizeObserver | null = null;\nlet resizeTimeout: number | null = null;\nlet lastDimensions = { width: 0, height: 0 };\n\nconst calculateDimensions = () => {\n  if (!containerRef.value) return { width: 800, height: 600 };\n  const rawWidth = containerRef.value.clientWidth;\n  const rawHeight = containerRef.value.clientHeight;\n  const width = rawWidth > 100 ? rawWidth : 800;\n  const height = rawHeight > 100 ? rawHeight : 600;\n  return { width, height };\n};\n\nconst mountSpreadsheet = () => {\n  if (!containerRef.value || !sheetData) return;\n\n  containerRef.value.innerHTML = '';\n\n  const { width, height } = calculateDimensions();\n  const isMobile = width < 640;\n\n  const s = new Spreadsheet(containerRef.value, {\n    mode: 'read',\n    showToolbar: false,\n    showContextmenu: false,\n    showGrid: true,\n    row: {\n      len: 100,\n      height: 25,\n    },\n    col: {\n      len: 26,\n      width: isMobile ? 80 : 100,\n      indexWidth: isMobile ? 40 : 60,\n      minWidth: isMobile ? 40 : 60,\n    },\n    view: {\n      height: () => height,\n      width: () => width,\n    },\n  });\n\n  s.loadData(sheetData as unknown as Record<string, unknown>);\n};\n\nconst loadExcel = async () => {\n  if (!containerRef.value) return;\n\n  loading.value = true;\n  error.value = null;\n\n  try {\n    const response = await fetcher.value(props.url, {\n      mode: 'cors',\n      credentials: 'omit',\n      redirect: 'follow',\n    });\n\n    if (!response.ok) {\n      if (response.status === 404) throw new Error(t.value('xlsx.not_found'));\n      if (response.status === 403) throw new Error('无权限访问此文件');\n      throw new Error(`文件加载失败 (${response.status})`);\n    }\n\n    const arrayBuffer = await response.arrayBuffer();\n\n    if (arrayBuffer.byteLength === 0) {\n      throw new Error('文件为空');\n    }\n\n    const workbook = new ExcelJS.Workbook();\n    await workbook.xlsx.load(arrayBuffer);\n    const data = convertWorkbookToSpreadsheetData(workbook);\n\n    sheetData = data as unknown as Record<string, unknown>[];\n    mountSpreadsheet();\n    loading.value = false;\n  } catch (err) {\n    console.error('Excel 解析错误:', err);\n    let errorMsg = t.value('xlsx.parse_failed');\n    if (err instanceof Error) errorMsg = err.message;\n    error.value = errorMsg;\n    loading.value = false;\n  }\n};\n\nonMounted(() => {\n  if (!containerRef.value) return;\n\n  let isInitialRender = true;\n\n  resizeObserver = new ResizeObserver(() => {\n    if (isInitialRender) {\n      isInitialRender = false;\n      lastDimensions = calculateDimensions();\n      return;\n    }\n\n    const newDimensions = calculateDimensions();\n    const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n    const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n    if (widthDiff < 10 && heightDiff < 10) return;\n\n    lastDimensions = newDimensions;\n\n    if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n\n    resizeTimeout = window.setTimeout(() => {\n      if (sheetData) mountSpreadsheet();\n    }, 500);\n  });\n\n  resizeObserver.observe(containerRef.value);\n\n  setTimeout(() => {\n    requestAnimationFrame(() => loadExcel());\n  }, 100);\n});\n\nwatch(\n  () => props.url,\n  (newUrl) => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (newUrl) loadExcel();\n  }\n);\n\nonBeforeUnmount(() => {\n  if (resizeObserver) resizeObserver.disconnect();\n  if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n  sheetData = null;\n  if (containerRef.value) containerRef.value.innerHTML = '';\n});\n</script>\n\n<template>\n  <div class=\"vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full\">\n    <div\n      v-if=\"loading\"\n      class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    >\n      <div class=\"vfp-text-center\">\n        <div\n          class=\"vfp-w-10 vfp-h-10 md:vfp-w-12 md:vfp-h-12 vfp-mx-auto vfp-mb-3 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n        />\n        <p class=\"vfp-text-xs md:vfp-text-sm vfp-text-fg-secondary vfp-font-medium\">{{ t('xlsx.loading') }}</p>\n      </div>\n    </div>\n\n    <RendererError\n      v-if=\"error && !loading\"\n      :message=\"t('xlsx.load_failed')\"\n      :detail=\"error\"\n      class=\"vfp-absolute vfp-inset-0 vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    />\n\n    <div\n      v-if=\"!error\"\n      ref=\"containerRef\"\n      class=\"xlsx-spreadsheet-container vfp-w-full vfp-h-full\"\n      :style=\"{ opacity: loading ? 0 : 1 }\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","fetcher","useFetcher","loading","ref","error","containerRef","sheetData","resizeObserver","resizeTimeout","lastDimensions","calculateDimensions","rawWidth","rawHeight","width","height","mountSpreadsheet","isMobile","Spreadsheet","loadExcel","response","arrayBuffer","workbook","ExcelJS","convertWorkbookToSpreadsheetData","err","errorMsg","onMounted","isInitialRender","newDimensions","widthDiff","heightDiff","watch","newUrl","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_createBlock","RendererError"],"mappings":"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"}