@eternalheart/vue-file-preview 1.3.6 → 1.3.7

package/lib/chunks/index-SAfVQyNJ.mjs

@@ -0,0 +1,281 @@
+import { defineComponent as I, ref as u, computed as S, onMounted as Q, onBeforeUnmount as $, watch as D, openBlock as s, createElementBlock as c, createElementVNode as p, normalizeStyle as R, renderSlot as B, normalizeClass as T, resolveComponent as Y, createVNode as W, unref as C, createBlock as M, resolveDynamicComponent as K, toDisplayString as _, Fragment as F, renderList as O, createCommentVNode as P, defineAsyncComponent as ee, withCtx as N, Teleport as te } from "vue";
+import { _ as V, d as ne, p as le, u as oe, e as H, F as se, v as ae, w as ie, i as re } from "./index-DpAxU2JM.mjs";
+import { FileImage as fe, FileText as ve, FileCode as de, File as pe, ChevronRight as ue, FolderOpen as ce, Folder as me } from "lucide-vue-next";
+const he = { class: "vfp-flex-1 vfp-min-w-0 vfp-min-h-0 vfp-overflow-hidden" }, we = /* @__PURE__ */ I({
+  name: "ResizableSplit",
+  __name: "ResizableSplit",
+  props: {
+    initialLeftWidth: { default: 280 },
+    minLeftWidth: { default: 160 },
+    maxLeftWidth: { default: 640 },
+    minRightWidth: { default: 200 },
+    storageKey: {},
+    desktopMedia: { default: "(min-width: 768px)" }
+  },
+  setup(a) {
+    const r = a, f = u(null), i = u(
+      (() => {
+        if (r.storageKey && typeof window < "u") {
+          const o = Number(window.localStorage.getItem(r.storageKey));
+          if (!isNaN(o) && o > 0) return o;
+        }
+        return r.initialLeftWidth;
+      })()
+    ), h = u(!1), g = u(!1);
+    let m = null;
+    const w = () => {
+      m && (g.value = m.matches);
+    }, k = S(
+      () => g.value ? { width: `${i.value}px` } : void 0
+    ), x = (o) => {
+      if (!f.value) return;
+      const v = f.value.getBoundingClientRect(), d = o.clientX - v.left, z = v.width - r.minRightWidth - 6, U = Math.min(r.maxLeftWidth, z);
+      i.value = Math.max(
+        r.minLeftWidth,
+        Math.min(U, d)
+      );
+    }, l = () => {
+      if (h.value && (h.value = !1, window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", l), document.body.style.cursor = "", document.body.style.userSelect = "", r.storageKey))
+        try {
+          window.localStorage.setItem(r.storageKey, String(i.value));
+        } catch {
+        }
+    }, e = (o) => {
+      o.preventDefault(), h.value = !0, window.addEventListener("mousemove", x), window.addEventListener("mouseup", l), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+    };
+    return Q(() => {
+      typeof window < "u" && (m = window.matchMedia(r.desktopMedia), w(), m.addEventListener("change", w));
+    }), $(() => {
+      m && m.removeEventListener("change", w), window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", l), h.value && (document.body.style.cursor = "", document.body.style.userSelect = "");
+    }), D(
+      () => r.initialLeftWidth,
+      (o) => {
+        r.storageKey || (i.value = o);
+      }
+    ), (o, v) => (s(), c("div", {
+      ref_key: "containerRef",
+      ref: f,
+      class: "vfp-w-full vfp-h-full vfp-flex vfp-flex-col md:vfp-flex-row vfp-min-h-0 vfp-min-w-0"
+    }, [
+      p("div", {
+        class: "vfp-min-h-0 vfp-min-w-0 vfp-flex-shrink-0 vfp-w-full vfp-max-h-60 md:vfp-h-full md:vfp-max-h-none",
+        style: R(k.value)
+      }, [
+        B(o.$slots, "left", {}, void 0, !0)
+      ], 4),
+      p("div", {
+        role: "separator",
+        "aria-orientation": "vertical",
+        class: T(["split-divider vfp-hidden md:vfp-block vfp-relative vfp-w-1.5 vfp-flex-shrink-0 vfp-cursor-col-resize vfp-transition-colors", h.value ? "dragging" : ""]),
+        onMousedown: e
+      }, [...v[0] || (v[0] = [
+        p("span", { class: "vfp-absolute vfp-inset-y-0 hit-area" }, null, -1)
+      ])], 34),
+      p("div", he, [
+        B(o.$slots, "right", {}, void 0, !0)
+      ])
+    ], 512));
+  }
+}), xe = /* @__PURE__ */ V(we, [["__scopeId", "data-v-790c366f"]]), ye = { key: 0 }, ge = { class: "vfp-truncate vfp-flex-1 vfp-min-w-0" }, be = { class: "vfp-flex-1 vfp-truncate vfp-min-w-0" }, ke = { class: "vfp-text-xs vfp-text-fg-disabled vfp-flex-shrink-0 vfp-ml-2" }, Le = { name: "ZipTreeItem" }, ze = /* @__PURE__ */ I({
+  ...Le,
+  props: {
+    node: {},
+    depth: {},
+    selectedPath: {},
+    expanded: {}
+  },
+  emits: ["toggle", "select", "hover", "leave"],
+  setup(a, { emit: r }) {
+    const f = a, i = r, h = S(() => ({ paddingLeft: `${f.depth * 14 + 10}px` })), g = S(() => f.expanded.has(f.node.path)), m = S(() => f.selectedPath === f.node.path), w = S(() => {
+      const l = ne({ name: f.node.name, type: "" });
+      return l === "image" ? fe : l === "text" || l === "markdown" || l === "json" || l === "csv" || l === "xml" || l === "subtitle" ? f.node.name.endsWith(".md") || f.node.name.endsWith(".markdown") ? ve : de : pe;
+    }), k = (l) => {
+      const e = l.currentTarget.getBoundingClientRect();
+      i("hover", f.node.name || "/", e);
+    }, x = () => i("leave");
+    return (l, e) => {
+      const o = Y("ZipTreeItem");
+      return a.node.isDir ? (s(), c("div", ye, [
+        p("button", {
+          type: "button",
+          class: "tree-row dir-row",
+          style: R(h.value),
+          onClick: e[0] || (e[0] = (v) => i("toggle", a.node.path)),
+          onMouseenter: k,
+          onMouseleave: x
+        }, [
+          W(C(ue), {
+            class: T(["vfp-w-3.5 vfp-h-3.5 vfp-flex-shrink-0 vfp-transition-transform", { "vfp-rotate-90": g.value }])
+          }, null, 8, ["class"]),
+          (s(), M(K(g.value ? C(ce) : C(me)), { class: "vfp-w-4 vfp-h-4 vfp-flex-shrink-0 vfp-text-amber-300/80" })),
+          p("span", ge, _(a.node.name || "/"), 1)
+        ], 36),
+        g.value && a.node.children ? (s(!0), c(F, { key: 0 }, O(a.node.children, (v) => (s(), M(o, {
+          key: v.path,
+          node: v,
+          depth: a.depth + 1,
+          "selected-path": a.selectedPath,
+          expanded: a.expanded,
+          onToggle: e[1] || (e[1] = (d) => i("toggle", d)),
+          onSelect: e[2] || (e[2] = (d) => i("select", d)),
+          onHover: e[3] || (e[3] = (d, z) => i("hover", d, z)),
+          onLeave: e[4] || (e[4] = (d) => i("leave"))
+        }, null, 8, ["node", "depth", "selected-path", "expanded"]))), 128)) : P("", !0)
+      ])) : (s(), c("button", {
+        key: 1,
+        type: "button",
+        class: T(["tree-row file-row", { selected: m.value }]),
+        style: R(h.value),
+        onClick: e[5] || (e[5] = (v) => i("select", a.node)),
+        onMouseenter: k,
+        onMouseleave: x
+      }, [
+        e[6] || (e[6] = p("span", { class: "vfp-w-3.5 vfp-h-3.5 vfp-flex-shrink-0" }, null, -1)),
+        (s(), M(K(w.value), { class: "vfp-w-4 vfp-h-4 vfp-flex-shrink-0 vfp-text-fg-tertiary" })),
+        p("span", be, _(a.node.name), 1),
+        p("span", ke, _(C(le)(a.node.size)), 1)
+      ], 38));
+    };
+  }
+}), Se = /* @__PURE__ */ V(ze, [["__scopeId", "data-v-c8c0f0ee"]]), Ce = {
+  key: 0,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, _e = {
+  key: 1,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, Ee = { class: "vfp-text-fg-secondary vfp-text-center" }, Me = { class: "vfp-text-lg" }, Re = { class: "vfp-w-full vfp-h-full vfp-overflow-auto" }, $e = { class: "vfp-w-full vfp-h-full vfp-flex vfp-flex-col" }, De = {
+  key: 0,
+  class: "vfp-flex-1 vfp-flex vfp-items-center vfp-justify-center vfp-text-fg-muted vfp-text-sm vfp-p-6"
+}, Te = {
+  key: 1,
+  class: "vfp-flex-1 vfp-flex vfp-items-center vfp-justify-center"
+}, We = {
+  key: 2,
+  class: "vfp-flex-1 vfp-flex vfp-items-center vfp-justify-center vfp-text-fg-secondary"
+}, Fe = {
+  key: 3,
+  class: "vfp-flex-1 vfp-min-h-0 vfp-overflow-hidden vfp-flex vfp-relative vfp-z-0"
+}, Be = /* @__PURE__ */ I({
+  __name: "index",
+  props: {
+    url: {},
+    nestingDepth: { default: 0 }
+  },
+  emits: ["statsChange"],
+  setup(a, { emit: r }) {
+    const f = ee(
+      () => import("./index-DpAxU2JM.mjs").then((t) => t.s)
+    ), i = a, h = r, { t: g } = oe(), m = u(null), w = u(null), k = u(!0), x = u(null), l = u(/* @__PURE__ */ new Set([""])), e = u(null), o = u(!1), v = u(null), d = u(null), z = () => {
+      var t;
+      (t = e.value) != null && t.blobUrl && URL.revokeObjectURL(e.value.blobUrl);
+    };
+    D(() => i.url, async () => {
+      z(), e.value = null, k.value = !0, x.value = null;
+      try {
+        const t = await fetch(i.url);
+        if (!t.ok) throw new Error("加载失败");
+        const n = await t.arrayBuffer(), y = await se(n), b = ae(y), L = ie(b);
+        m.value = y, w.value = L;
+        const E = /* @__PURE__ */ new Set([""]);
+        if (L.children)
+          for (const j of L.children) j.isDir && E.add(j.path);
+        l.value = E;
+      } catch (t) {
+        console.error(t), x.value = g.value("zip.load_failed");
+      } finally {
+        k.value = !1;
+      }
+    }, { immediate: !0 }), $(() => {
+      z();
+    });
+    const Z = S(() => {
+      if (!w.value) return null;
+      let t = 0, n = 0, y = 0;
+      const b = (L) => {
+        var E;
+        L.isDir ? (L.path && n++, (E = L.children) == null || E.forEach(b)) : (t++, y += L.size);
+      };
+      return b(w.value), { files: t, dirs: n, size: y };
+    });
+    D(Z, (t) => h("statsChange", t), { immediate: !0 }), $(() => h("statsChange", null));
+    const q = (t) => {
+      const n = new Set(l.value);
+      n.has(t) ? n.delete(t) : n.add(t), l.value = n;
+    }, A = (t, n) => {
+      d.value = { text: t, x: n.right + 8, y: n.top + n.height / 2 };
+    }, X = () => {
+      d.value = null;
+    }, G = async (t) => {
+      if (!(!m.value || t.isDir)) {
+        z(), o.value = !0, v.value = null;
+        try {
+          const n = H(t.name), y = await re(m.value, t.path, n !== "application/octet-stream" ? n : void 0), b = URL.createObjectURL(y);
+          e.value = { path: t.path, name: t.name, size: t.size, blobUrl: b };
+        } catch (n) {
+          console.error(n), v.value = "条目读取失败";
+        } finally {
+          o.value = !1;
+        }
+      }
+    }, J = S(() => e.value ? [{ name: e.value.name, url: e.value.blobUrl, type: H(e.value.name) }] : []);
+    return (t, n) => k.value ? (s(), c("div", Ce, [...n[0] || (n[0] = [
+      p("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)
+    ])])) : x.value || !w.value ? (s(), c("div", _e, [
+      p("div", Ee, [
+        p("p", Me, _(x.value || C(g)("zip.parse_failed")), 1)
+      ])
+    ])) : (s(), c(F, { key: 2 }, [
+      W(xe, {
+        "initial-left-width": 280,
+        "min-left-width": 180,
+        "max-left-width": 560,
+        "storage-key": "vfp-zip-split-left"
+      }, {
+        left: N(() => [
+          p("div", Re, [
+            (s(!0), c(F, null, O(w.value.children || [], (y) => {
+              var b;
+              return s(), M(Se, {
+                key: y.path,
+                node: y,
+                depth: 0,
+                "selected-path": ((b = e.value) == null ? void 0 : b.path) ?? null,
+                expanded: l.value,
+                onToggle: q,
+                onSelect: G,
+                onHover: A,
+                onLeave: X
+              }, null, 8, ["node", "selected-path", "expanded"]);
+            }), 128))
+          ])
+        ]),
+        right: N(() => [
+          p("div", $e, [
+            e.value ? o.value ? (s(), c("div", Te, [...n[1] || (n[1] = [
+              p("div", { class: "vfp-w-8 vfp-h-8 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)
+            ])])) : v.value ? (s(), c("div", We, _(v.value), 1)) : (s(), c("div", Fe, [
+              W(C(f), {
+                mode: "embed",
+                files: J.value,
+                "current-index": 0,
+                "zip-nesting-depth": a.nestingDepth + 1
+              }, null, 8, ["files", "zip-nesting-depth"])
+            ])) : (s(), c("div", De, " 从左侧选择一个文件以预览 "))
+          ])
+        ]),
+        _: 1
+      }),
+      (s(), M(te, { to: "body" }, [
+        d.value ? (s(), c("div", {
+          key: 0,
+          class: "vfp-zip-tip",
+          style: R({ left: d.value.x + "px", top: d.value.y + "px" })
+        }, _(d.value.text), 5)) : P("", !0)
+      ]))
+    ], 64));
+  }
+});
+export {
+  Be as default
+};
+//# sourceMappingURL=index-SAfVQyNJ.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-SAfVQyNJ.mjs","sources":["../../src/components/ResizableSplit.vue","../../src/renderers/Zip/TreeItem.vue","../../src/renderers/Zip/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onBeforeUnmount, onMounted, watch } from 'vue';\n\ninterface Props {\n  /** 左侧初始宽度（px）；传入 storageKey 时会从 localStorage 读取 */\n  initialLeftWidth?: number;\n  /** 左侧最小宽度（px） */\n  minLeftWidth?: number;\n  /** 左侧最大宽度（px） */\n  maxLeftWidth?: number;\n  /** 右侧至少保留的宽度（px） */\n  minRightWidth?: number;\n  /** localStorage 持久化 key */\n  storageKey?: string;\n  /** 启用横向拖动的媒体查询 */\n  desktopMedia?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  initialLeftWidth: 280,\n  minLeftWidth: 160,\n  maxLeftWidth: 640,\n  minRightWidth: 200,\n  desktopMedia: '(min-width: 768px)',\n});\n\ndefineOptions({ name: 'ResizableSplit' });\n\nconst containerRef = ref<HTMLDivElement | null>(null);\nconst leftWidth = ref<number>(\n  (() => {\n    if (props.storageKey && typeof window !== 'undefined') {\n      const saved = Number(window.localStorage.getItem(props.storageKey));\n      if (!isNaN(saved) && saved > 0) return saved;\n    }\n    return props.initialLeftWidth;\n  })()\n);\nconst dragging = ref(false);\nconst isDesktop = ref(false);\n\nlet mq: MediaQueryList | null = null;\nconst mqHandler = () => {\n  if (mq) isDesktop.value = mq.matches;\n};\n\nconst leftStyle = computed(() =>\n  isDesktop.value ? { width: `${leftWidth.value}px` } : undefined\n);\n\nconst onMove = (e: MouseEvent) => {\n  if (!containerRef.value) return;\n  const rect = containerRef.value.getBoundingClientRect();\n  const x = e.clientX - rect.left;\n  const cap = rect.width - props.minRightWidth - 6;\n  const effectiveMax = Math.min(props.maxLeftWidth, cap);\n  leftWidth.value = Math.max(\n    props.minLeftWidth,\n    Math.min(effectiveMax, x)\n  );\n};\n\nconst onUp = () => {\n  if (!dragging.value) return;\n  dragging.value = false;\n  window.removeEventListener('mousemove', onMove);\n  window.removeEventListener('mouseup', onUp);\n  document.body.style.cursor = '';\n  document.body.style.userSelect = '';\n  if (props.storageKey) {\n    try {\n      window.localStorage.setItem(props.storageKey, String(leftWidth.value));\n    } catch {\n      // ignore\n    }\n  }\n};\n\nconst onDividerDown = (e: MouseEvent) => {\n  e.preventDefault();\n  dragging.value = true;\n  window.addEventListener('mousemove', onMove);\n  window.addEventListener('mouseup', onUp);\n  document.body.style.cursor = 'col-resize';\n  document.body.style.userSelect = 'none';\n};\n\nonMounted(() => {\n  if (typeof window !== 'undefined') {\n    mq = window.matchMedia(props.desktopMedia);\n    mqHandler();\n    mq.addEventListener('change', mqHandler);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (mq) mq.removeEventListener('change', mqHandler);\n  window.removeEventListener('mousemove', onMove);\n  window.removeEventListener('mouseup', onUp);\n  if (dragging.value) {\n    document.body.style.cursor = '';\n    document.body.style.userSelect = '';\n  }\n});\n\nwatch(\n  () => props.initialLeftWidth,\n  (w) => {\n    if (!props.storageKey) leftWidth.value = w;\n  }\n);\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"vfp-w-full vfp-h-full vfp-flex vfp-flex-col md:vfp-flex-row vfp-min-h-0 vfp-min-w-0\"\n  >\n    <div\n      class=\"vfp-min-h-0 vfp-min-w-0 vfp-flex-shrink-0 vfp-w-full vfp-max-h-60 md:vfp-h-full md:vfp-max-h-none\"\n      :style=\"leftStyle\"\n    >\n      <slot name=\"left\" />\n    </div>\n    <div\n      role=\"separator\"\n      aria-orientation=\"vertical\"\n      class=\"split-divider vfp-hidden md:vfp-block vfp-relative vfp-w-1.5 vfp-flex-shrink-0 vfp-cursor-col-resize vfp-transition-colors\"\n      :class=\"dragging ? 'dragging' : ''\"\n      @mousedown=\"onDividerDown\"\n    >\n      <span class=\"vfp-absolute vfp-inset-y-0 hit-area\" />\n    </div>\n    <div class=\"vfp-flex-1 vfp-min-w-0 vfp-min-h-0 vfp-overflow-hidden\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.split-divider {\n  background: rgba(255, 255, 255, 0.1);\n}\n.split-divider:hover {\n  background: rgba(255, 255, 255, 0.3);\n}\n.split-divider.dragging {\n  background: rgba(255, 255, 255, 0.4);\n}\n.hit-area {\n  left: -4px;\n  right: -4px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport {\n  Folder,\n  FolderOpen,\n  FileText,\n  FileImage,\n  FileCode,\n  File as FileIcon,\n  ChevronRight,\n} from 'lucide-vue-next';\nimport { formatFileSize, getFileType, type ZipTreeNode } from '@eternalheart/file-preview-core';\n\nconst props = defineProps<{\n  node: ZipTreeNode;\n  depth: number;\n  selectedPath: string | null;\n  expanded: Set<string>;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'toggle', path: string): void;\n  (e: 'select', node: ZipTreeNode): void;\n  (e: 'hover', text: string, rect: DOMRect): void;\n  (e: 'leave'): void;\n}>();\n\nconst padStyle = computed(() => ({ paddingLeft: `${props.depth * 14 + 10}px` }));\nconst isOpen = computed(() => props.expanded.has(props.node.path));\nconst isSelected = computed(() => props.selectedPath === props.node.path);\n\nconst fileIcon = computed(() => {\n  const ft = getFileType({ id: '', name: props.node.name, url: '', type: '' });\n  if (ft === 'image') return FileImage;\n  if (ft === 'text' || ft === 'markdown' || ft === 'json' || ft === 'csv' || ft === 'xml' || ft === 'subtitle') {\n    return (props.node.name.endsWith('.md') || props.node.name.endsWith('.markdown')) ? FileText : FileCode;\n  }\n  return FileIcon;\n});\n\nconst handleEnter = (e: MouseEvent) => {\n  const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n  emit('hover', props.node.name || '/', rect);\n};\n\nconst handleLeave = () => emit('leave');\n</script>\n\n<template>\n  <div v-if=\"node.isDir\">\n    <button\n      type=\"button\"\n      class=\"tree-row dir-row\"\n      :style=\"padStyle\"\n      @click=\"emit('toggle', node.path)\"\n      @mouseenter=\"handleEnter\"\n      @mouseleave=\"handleLeave\"\n    >\n      <ChevronRight\n        class=\"vfp-w-3.5 vfp-h-3.5 vfp-flex-shrink-0 vfp-transition-transform\"\n        :class=\"{ 'vfp-rotate-90': isOpen }\"\n      />\n      <component\n        :is=\"isOpen ? FolderOpen : Folder\"\n        class=\"vfp-w-4 vfp-h-4 vfp-flex-shrink-0 vfp-text-amber-300/80\"\n      />\n      <span class=\"vfp-truncate vfp-flex-1 vfp-min-w-0\">{{ node.name || '/' }}</span>\n    </button>\n    <template v-if=\"isOpen && node.children\">\n      <ZipTreeItem\n        v-for=\"child in node.children\"\n        :key=\"child.path\"\n        :node=\"child\"\n        :depth=\"depth + 1\"\n        :selected-path=\"selectedPath\"\n        :expanded=\"expanded\"\n        @toggle=\"(p) => emit('toggle', p)\"\n        @select=\"(n) => emit('select', n)\"\n        @hover=\"(t, r) => emit('hover', t, r)\"\n        @leave=\"emit('leave')\"\n      />\n    </template>\n  </div>\n  <button\n    v-else\n    type=\"button\"\n    class=\"tree-row file-row\"\n    :class=\"{ selected: isSelected }\"\n    :style=\"padStyle\"\n    @click=\"emit('select', node)\"\n    @mouseenter=\"handleEnter\"\n    @mouseleave=\"handleLeave\"\n  >\n    <span class=\"vfp-w-3.5 vfp-h-3.5 vfp-flex-shrink-0\" />\n    <component :is=\"fileIcon\" class=\"vfp-w-4 vfp-h-4 vfp-flex-shrink-0 vfp-text-fg-tertiary\" />\n    <span class=\"vfp-flex-1 vfp-truncate vfp-min-w-0\">{{ node.name }}</span>\n    <span class=\"vfp-text-xs vfp-text-fg-disabled vfp-flex-shrink-0 vfp-ml-2\">{{ formatFileSize(node.size) }}</span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nexport default { name: 'ZipTreeItem' };\n</script>\n\n<style scoped>\n.tree-row {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  padding-right: 0.5rem;\n  text-align: left;\n  font-size: 0.875rem;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n}\n.dir-row {\n  color: var(--fp-fg-secondary);\n}\n.file-row {\n  color: var(--fp-fg-secondary);\n}\n.tree-row:hover {\n  background: var(--fp-surface-1);\n}\n.file-row.selected {\n  background: var(--fp-line);\n  color: #fff;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref, computed, watch, onBeforeUnmount, defineAsyncComponent } from 'vue';\nimport type JSZip from 'jszip';\nimport {\n  loadZip,\n  listZipEntries,\n  buildZipTree,\n  readZipEntryBlob,\n  inferMimeType,\n  type ZipTreeNode,\n} from '@eternalheart/file-preview-core';\nimport ResizableSplit from '../../components/ResizableSplit.vue';\nimport TreeItem from './TreeItem.vue';\nimport type { ZipToolbarStats } from './toolbar';\nimport { useTranslator } from '../../composables/useTranslator';\n\n// 懒加载 FilePreviewContent 以打破循环依赖\nconst LazyFilePreviewContent = defineAsyncComponent(\n  () => import('../../FilePreviewContent.vue')\n);\n\nconst props = withDefaults(defineProps<{\n  url: string;\n  /** ZIP 嵌套深度（由 FilePreviewContent 传入） */\n  nestingDepth?: number;\n}>(), {\n  nestingDepth: 0,\n});\n\nconst emit = defineEmits<{\n  (e: 'statsChange', stats: ZipToolbarStats | null): void;\n}>();\n\nconst { t } = useTranslator();\n\ninterface SelectedPreview {\n  path: string;\n  name: string;\n  size: number;\n  blobUrl: string;\n}\n\ninterface HoverTipState {\n  text: string;\n  x: number;\n  y: number;\n}\n\nconst zip = ref<JSZip | null>(null);\nconst tree = ref<ZipTreeNode | null>(null);\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst expanded = ref<Set<string>>(new Set(['']));\nconst selected = ref<SelectedPreview | null>(null);\nconst previewLoading = ref(false);\nconst previewError = ref<string | null>(null);\nconst hoverTip = ref<HoverTipState | null>(null);\n\nconst revokeCurrent = () => {\n  if (selected.value?.blobUrl) URL.revokeObjectURL(selected.value.blobUrl);\n};\n\nconst load = async () => {\n  revokeCurrent();\n  selected.value = null;\n  loading.value = true;\n  error.value = null;\n  try {\n    const res = await fetch(props.url);\n    if (!res.ok) throw new Error('加载失败');\n    const buf = await res.arrayBuffer();\n    const z = await loadZip(buf);\n    const entries = listZipEntries(z);\n    const root = buildZipTree(entries);\n    zip.value = z;\n    tree.value = root;\n    const init = new Set<string>(['']);\n    if (root.children) for (const c of root.children) if (c.isDir) init.add(c.path);\n    expanded.value = init;\n  } catch (err) {\n    console.error(err);\n    error.value = t.value('zip.load_failed');\n  } finally {\n    loading.value = false;\n  }\n};\n\nwatch(() => props.url, load, { immediate: true });\nonBeforeUnmount(() => { revokeCurrent(); });\n\nconst totalStats = computed<ZipToolbarStats | null>(() => {\n  if (!tree.value) return null;\n  let files = 0, dirs = 0, size = 0;\n  const walk = (n: ZipTreeNode) => {\n    if (n.isDir) { if (n.path) dirs++; n.children?.forEach(walk); }\n    else { files++; size += n.size; }\n  };\n  walk(tree.value);\n  return { files, dirs, size };\n});\n\nwatch(totalStats, (s) => emit('statsChange', s), { immediate: true });\nonBeforeUnmount(() => emit('statsChange', null));\n\nconst handleToggle = (path: string) => {\n  const next = new Set(expanded.value);\n  if (next.has(path)) next.delete(path);\n  else next.add(path);\n  expanded.value = next;\n};\n\nconst handleHover = (text: string, rect: DOMRect) => {\n  hoverTip.value = { text, x: rect.right + 8, y: rect.top + rect.height / 2 };\n};\nconst handleLeave = () => { hoverTip.value = null; };\n\nconst handleSelect = async (node: ZipTreeNode) => {\n  if (!zip.value || node.isDir) return;\n  revokeCurrent();\n  previewLoading.value = true;\n  previewError.value = null;\n\n  try {\n    const mime = inferMimeType(node.name);\n    const blob = await readZipEntryBlob(zip.value, node.path, mime !== 'application/octet-stream' ? mime : undefined);\n    const blobUrl = URL.createObjectURL(blob);\n    selected.value = { path: node.path, name: node.name, size: node.size, blobUrl };\n  } catch (err) {\n    console.error(err);\n    previewError.value = '条目读取失败';\n  } finally {\n    previewLoading.value = false;\n  }\n};\n\n/** 为嵌入的 FilePreviewContent 构建 files 数组 */\nconst previewFiles = computed(() => {\n  if (!selected.value) return [];\n  return [{ name: selected.value.name, url: selected.value.blobUrl, type: inferMimeType(selected.value.name) }];\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 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  </div>\n\n  <div v-else-if=\"error || !tree\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-fg-secondary vfp-text-center\"><p class=\"vfp-text-lg\">{{ error || t('zip.parse_failed') }}</p></div>\n  </div>\n\n  <template v-else>\n    <ResizableSplit\n      :initial-left-width=\"280\"\n      :min-left-width=\"180\"\n      :max-left-width=\"560\"\n      storage-key=\"vfp-zip-split-left\"\n    >\n      <template #left>\n        <div class=\"vfp-w-full vfp-h-full vfp-overflow-auto\">\n          <TreeItem\n            v-for=\"child in tree.children || []\"\n            :key=\"child.path\"\n            :node=\"child\"\n            :depth=\"0\"\n            :selected-path=\"selected?.path ?? null\"\n            :expanded=\"expanded\"\n            @toggle=\"handleToggle\"\n            @select=\"handleSelect\"\n            @hover=\"handleHover\"\n            @leave=\"handleLeave\"\n          />\n        </div>\n      </template>\n\n      <template #right>\n        <div class=\"vfp-w-full vfp-h-full vfp-flex vfp-flex-col\">\n          <div v-if=\"!selected\" class=\"vfp-flex-1 vfp-flex vfp-items-center vfp-justify-center vfp-text-fg-muted vfp-text-sm vfp-p-6\">\n            从左侧选择一个文件以预览\n          </div>\n          <div v-else-if=\"previewLoading\" class=\"vfp-flex-1 vfp-flex vfp-items-center vfp-justify-center\">\n            <div class=\"vfp-w-8 vfp-h-8 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\" />\n          </div>\n          <div v-else-if=\"previewError\" class=\"vfp-flex-1 vfp-flex vfp-items-center vfp-justify-center vfp-text-fg-secondary\">{{ previewError }}</div>\n          <template v-else>\n            <div class=\"vfp-flex-1 vfp-min-h-0 vfp-overflow-hidden vfp-flex vfp-relative vfp-z-0\">\n              <LazyFilePreviewContent\n                mode=\"embed\"\n                :files=\"previewFiles\"\n                :current-index=\"0\"\n                :zip-nesting-depth=\"nestingDepth + 1\"\n              />\n            </div>\n          </template>\n        </div>\n      </template>\n    </ResizableSplit>\n\n    <!-- 文件名 hover tooltip (teleport 到 body 避免被滚动区裁剪) -->\n    <Teleport to=\"body\">\n      <div\n        v-if=\"hoverTip\"\n        class=\"vfp-zip-tip\"\n        :style=\"{ left: hoverTip.x + 'px', top: hoverTip.y + 'px' }\"\n      >\n        {{ hoverTip.text }}\n      </div>\n    </Teleport>\n  </template>\n</template>\n\n<style>\n/* 全局 tooltip（不能 scoped，因 Teleport 到 body） */\n.vfp-zip-tip {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  transform: translateY(-50%);\n  padding: 4px 8px;\n  background: rgba(0, 0, 0, 0.85);\n  color: #fff;\n  font-size: 12px;\n  line-height: 1.5;\n  border-radius: 4px;\n  white-space: nowrap;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n}\n</style>\n"],"names":["props","__props","containerRef","ref","leftWidth","saved","dragging","isDesktop","mq","mqHandler","leftStyle","computed","onMove","e","rect","x","cap","effectiveMax","onUp","onDividerDown","onMounted","onBeforeUnmount","watch","w","_createElementBlock","_createElementVNode","_renderSlot","_ctx","_normalizeClass","_hoisted_1","__default__","emit","__emit","padStyle","isOpen","isSelected","fileIcon","ft","getFileType","FileImage","FileText","FileCode","FileIcon","handleEnter","handleLeave","_cache","$event","_createVNode","_unref","ChevronRight","_createBlock","_resolveDynamicComponent","FolderOpen","Folder","_hoisted_2","_toDisplayString","_openBlock","_Fragment","_renderList","child","_component_ZipTreeItem","p","n","t","r","_hoisted_3","_hoisted_4","LazyFilePreviewContent","defineAsyncComponent","useTranslator","zip","tree","loading","error","expanded","selected","previewLoading","previewError","hoverTip","revokeCurrent","_a","res","buf","z","loadZip","entries","listZipEntries","root","buildZipTree","init","c","err","totalStats","files","dirs","size","walk","s","handleToggle","path","next","handleHover","text","handleSelect","node","mime","inferMimeType","blob","readZipEntryBlob","blobUrl","previewFiles","ResizableSplit","_hoisted_5","TreeItem","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_7","_Teleport"],"mappings":"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"}

package/lib/chunks/index-S_kGRh6H.mjs

@@ -0,0 +1,203 @@
+import { defineComponent as V, ref as p, watch as te, onBeforeUnmount as oe, openBlock as m, createElementBlock as h, createElementVNode as f, toDisplayString as P, createCommentVNode as C, normalizeStyle as S, unref as z, createVNode as U, h as b } from "vue";
+import { X as re } from "lucide-vue-next";
+import "foliate-js/view.js";
+import { u as ae, _ as le } from "./index-DpAxU2JM.mjs";
+const ne = {
+  class: "vfp-relative vfp-w-full vfp-h-full vfp-flex vfp-justify-center vfp-overflow-hidden",
+  style: { background: "#f5f5f0" }
+}, se = {
+  key: 0,
+  class: "vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-text-fg-secondary vfp-text-center vfp-p-6"
+}, fe = { class: "vfp-text-lg" }, ie = {
+  key: 1,
+  class: "vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-z-10"
+}, pe = { 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" }, ve = { class: "vfp-text-fg-primary vfp-font-medium vfp-text-sm" }, ce = { class: "vfp-flex-1 vfp-overflow-y-auto vfp-py-4 vfp-px-1" }, X = V({
+  name: "MobiTocList",
+  props: {
+    items: { type: Array, required: !0 },
+    activeHref: { type: String, default: "" },
+    depth: { type: Number, default: 0 }
+  },
+  emits: ["select"],
+  render() {
+    return b(
+      "ul",
+      { style: { listStyle: "none", padding: 0, margin: this.depth > 0 ? "0 0 0 16px" : 0 } },
+      this.items.map(
+        (r, T) => {
+          var g, x, A;
+          return b("li", { key: `${r.href ?? r.label}-${T}` }, [
+            r.href ? b(
+              "button",
+              {
+                onClick: () => this.$emit("select", r.href),
+                class: [
+                  "vfp-w-full vfp-text-left vfp-py-2 vfp-px-3 vfp-text-sm vfp-rounded vfp-transition-all vfp-truncate",
+                  this.activeHref === r.href ? "vfp-text-fg-primary vfp-bg-surface-3 vfp-font-medium" : "vfp-text-fg-secondary hover:vfp-text-fg-primary hover:vfp-bg-surface-2"
+                ],
+                title: r.label,
+                style: "background: none; border: none; cursor: pointer"
+              },
+              (g = r.label) == null ? void 0 : g.trim()
+            ) : b(
+              "div",
+              { class: "vfp-w-full vfp-py-2 vfp-px-3 vfp-text-sm vfp-text-fg-tertiary vfp-truncate" },
+              (x = r.label) == null ? void 0 : x.trim()
+            ),
+            (A = r.subitems) != null && A.length ? b(X, {
+              items: r.subitems,
+              activeHref: this.activeHref,
+              depth: this.depth + 1,
+              onSelect: (c) => this.$emit("select", c)
+            }) : null
+          ]);
+        }
+      )
+    );
+  }
+}), ue = { name: "MobiRenderer" }, de = /* @__PURE__ */ V({
+  ...ue,
+  props: {
+    url: {}
+  },
+  emits: ["chapterChange", "fullWidthChange"],
+  setup(r, { expose: T, emit: g }) {
+    const x = `
+  @namespace epub "http://www.idpf.org/2007/ops";
+  html { color-scheme: light; }
+  body {
+    background: #ffffff !important;
+    color: #1a1a1a !important;
+    font-family: "Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif !important;
+    font-size: 16px !important;
+    line-height: 2 !important;
+    max-width: 100% !important;
+    box-sizing: border-box !important;
+    word-break: break-word !important;
+    overflow-wrap: break-word !important;
+  }
+  p, li, blockquote, dd { line-height: 2; text-align: justify; }
+  p { text-indent: 2em; margin: 0.8em 0; }
+  h1 { text-align: center; margin: 1.5em 0 1em; }
+  h2 { margin: 1.2em 0 0.8em; }
+  h3 { margin: 1em 0 0.6em; }
+  img { max-width: 100% !important; height: auto !important; }
+  a { color: #2563eb; text-decoration: none; }
+  pre { white-space: pre-wrap !important; }
+`, c = r, M = g, { t: $ } = ae(), E = p(null);
+    let e = null, N = 1;
+    const y = p(!0), v = p(null), w = p([]), l = p(!1), k = p(""), u = p(!1), H = (o, t) => {
+      t > 0 && (N = t), M("chapterChange", Math.max(1, o + 1), N);
+    }, q = () => {
+      e == null || e.prev().catch(() => {
+      });
+    }, G = () => {
+      e == null || e.next().catch(() => {
+      });
+    }, O = () => {
+      l.value = !l.value;
+    }, Z = () => {
+      u.value = !u.value, M("fullWidthChange", u.value), e != null && e.renderer && e.renderer.setAttribute("max-inline-size", u.value ? "9999" : "720");
+    }, J = (o) => {
+      k.value = o, l.value = !1, e == null || e.goTo(o).catch(() => {
+      });
+    };
+    T({ prevPage: q, nextPage: G, toggleFullWidth: Z, toggleToc: O });
+    const K = async () => {
+      var t, i, j, L;
+      const o = E.value;
+      if (o) {
+        y.value = !0, v.value = null, w.value = [], l.value = !1, k.value = "", o.replaceChildren(), e = null;
+        try {
+          const n = document.createElement("foliate-view");
+          o.appendChild(n), e = n, n.addEventListener("relocate", (D) => {
+            var F;
+            const s = D.detail;
+            if (!s) return;
+            const d = s.location;
+            if (d && typeof d.current == "number" && typeof d.total == "number")
+              H(d.current, d.total);
+            else {
+              const Y = ((F = e == null ? void 0 : e.book) == null ? void 0 : F.sections) ?? [], I = s.index ?? 0, ee = s.fraction ?? 0, W = Math.max(Y.length, 1);
+              H(Math.round((I + ee) / W * W), W);
+            }
+            const _ = s.tocItem;
+            _ != null && _.href && (k.value = _.href);
+          });
+          const R = await fetch(c.url);
+          if (!R.ok) throw new Error(`请求失败: ${R.status}`);
+          const Q = await R.blob();
+          let B = "book.mobi";
+          try {
+            const s = new URL(c.url, window.location.href).pathname.split("/").pop();
+            s && (B = decodeURIComponent(s));
+          } catch {
+          }
+          await n.open(new File([Q], B));
+          const a = n.renderer;
+          a && (a.setAttribute("animated", ""), a.setAttribute("max-inline-size", "720"), a.setAttribute("margin", "48"), a.setAttribute("gap", "5%"), (t = a.setStyles) == null || t.call(a, x), await ((i = a.next) == null ? void 0 : i.call(a))), w.value = ((j = n.book) == null ? void 0 : j.toc) ?? [], y.value = !1, H(0, ((L = n.book) == null ? void 0 : L.sections.length) ?? 1);
+        } catch (n) {
+          console.error("MOBI/AZW3 加载错误:", n), v.value = $.value("mobi.load_failed"), y.value = !1;
+        }
+      }
+    };
+    return te(() => c.url, () => K(), { immediate: !0 }), oe(() => {
+      var o, t, i;
+      try {
+        (t = (o = e == null ? void 0 : e.book) == null ? void 0 : o.destroy) == null || t.call(o);
+      } catch {
+      }
+      e = null, (i = E.value) == null || i.replaceChildren();
+    }), (o, t) => (m(), h("div", ne, [
+      v.value ? (m(), h("div", se, [
+        f("p", fe, P(v.value), 1)
+      ])) : C("", !0),
+      y.value && !v.value ? (m(), h("div", ie, [...t[2] || (t[2] = [
+        f("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)
+      ])])) : C("", !0),
+      w.value.length > 0 ? (m(), h("div", {
+        key: 2,
+        class: "vfp-absolute vfp-inset-0 vfp-z-20 vfp-flex vfp-transition-opacity vfp-duration-300",
+        style: S({ opacity: l.value ? 1 : 0, pointerEvents: l.value ? "auto" : "none" })
+      }, [
+        f("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: S({ transform: l.value ? "translateX(0)" : "translateX(-100%)" })
+        }, [
+          f("div", pe, [
+            f("span", ve, P(z($)("toolbar.toc")), 1),
+            f("button", {
+              class: "toc-close-btn",
+              onClick: t[0] || (t[0] = (i) => l.value = !1)
+            }, [
+              U(z(re), { class: "vfp-w-4 vfp-h-4" })
+            ])
+          ]),
+          f("div", ce, [
+            U(z(X), {
+              items: w.value,
+              "active-href": k.value,
+              onSelect: J
+            }, null, 8, ["items", "active-href"])
+          ])
+        ], 4),
+        f("div", {
+          class: "vfp-flex-1 vfp-transition-opacity vfp-duration-300",
+          style: S({ background: l.value ? "rgba(0,0,0,0.3)" : "transparent" }),
+          onClick: t[1] || (t[1] = (i) => l.value = !1)
+        }, null, 4)
+      ], 4)) : C("", !0),
+      v.value ? C("", !0) : (m(), h("div", {
+        key: 3,
+        ref_key: "hostRef",
+        ref: E,
+        class: "vfp-h-full vfp-bg-surface-toolbar vfp-shadow-lg",
+        style: S({ width: u.value ? "100%" : "794px", maxWidth: "100%", transition: "width 0.3s ease" })
+      }, null, 4))
+    ]));
+  }
+}), xe = /* @__PURE__ */ le(de, [["__scopeId", "data-v-c0eebdf8"]]);
+export {
+  xe as default
+};
+//# sourceMappingURL=index-S_kGRh6H.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-S_kGRh6H.mjs","sources":["../../src/renderers/Mobi/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onBeforeUnmount, defineComponent, h, type PropType } from 'vue';\nimport { X } from 'lucide-vue-next';\nimport 'foliate-js/view.js';\nimport { useTranslator } from '../../composables/useTranslator';\n\ninterface TocItem {\n  label: string;\n  href?: string;\n  subitems?: TocItem[];\n}\n\ninterface FoliateView extends HTMLElement {\n  book: {\n    sections: unknown[];\n    toc?: TocItem[];\n    destroy?: () => void;\n  } | null;\n  renderer: HTMLElement & {\n    setStyles?: (css: string) => void;\n    next?: () => Promise<void>;\n    page?: number;\n    pages?: number;\n  };\n  open(target: string | Blob | File | ArrayBuffer): Promise<void>;\n  goTo(target: number | string): Promise<void>;\n  prev(distance?: number): Promise<void>;\n  next(distance?: number): Promise<void>;\n}\n\nconst READER_CSS = `\n  @namespace epub \"http://www.idpf.org/2007/ops\";\n  html { color-scheme: light; }\n  body {\n    background: #ffffff !important;\n    color: #1a1a1a !important;\n    font-family: \"Noto Serif SC\", \"Source Han Serif SC\", Georgia, \"Times New Roman\", serif !important;\n    font-size: 16px !important;\n    line-height: 2 !important;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n    word-break: break-word !important;\n    overflow-wrap: break-word !important;\n  }\n  p, li, blockquote, dd { line-height: 2; text-align: justify; }\n  p { text-indent: 2em; margin: 0.8em 0; }\n  h1 { text-align: center; margin: 1.5em 0 1em; }\n  h2 { margin: 1.2em 0 0.8em; }\n  h3 { margin: 1em 0 0.6em; }\n  img { max-width: 100% !important; height: auto !important; }\n  a { color: #2563eb; text-decoration: none; }\n  pre { white-space: pre-wrap !important; }\n`;\n\nconst A4_WIDTH = 794;\n\nconst props = defineProps<{ url: string }>();\nconst emit = defineEmits<{\n  (e: 'chapterChange', current: number, total: number): void;\n  (e: 'fullWidthChange', isFullWidth: boolean): void;\n}>();\n\nconst { t } = useTranslator();\n\nconst hostRef = ref<HTMLDivElement | null>(null);\nlet viewInstance: FoliateView | null = null;\nlet totalLocations = 1;\n\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst toc = ref<TocItem[]>([]);\nconst showToc = ref(false);\nconst activeTocHref = ref('');\nconst isFullWidth = ref(false);\n\nconst reportProgress = (current: number, total: number) => {\n  if (total > 0) totalLocations = total;\n  emit('chapterChange', Math.max(1, current + 1), totalLocations);\n};\n\nconst prevPage = () => { viewInstance?.prev().catch(() => {}); };\nconst nextPage = () => { viewInstance?.next().catch(() => {}); };\nconst toggleToc = () => { showToc.value = !showToc.value; };\nconst toggleFullWidth = () => {\n  isFullWidth.value = !isFullWidth.value;\n  emit('fullWidthChange', isFullWidth.value);\n  if (viewInstance?.renderer) {\n    viewInstance.renderer.setAttribute('max-inline-size', isFullWidth.value ? '9999' : '720');\n  }\n};\n\nconst handleTocClick = (href: string) => {\n  activeTocHref.value = href;\n  showToc.value = false;\n  viewInstance?.goTo(href).catch(() => {});\n};\n\ndefineExpose({ prevPage, nextPage, toggleFullWidth, toggleToc });\n\nconst load = async () => {\n  const host = hostRef.value;\n  if (!host) return;\n  loading.value = true;\n  error.value = null;\n  toc.value = [];\n  showToc.value = false;\n  activeTocHref.value = '';\n  host.replaceChildren();\n  viewInstance = null;\n\n  try {\n    const view = document.createElement('foliate-view') as FoliateView;\n    host.appendChild(view);\n    viewInstance = view;\n\n    // 先注册事件\n    view.addEventListener('relocate', (e: Event) => {\n      const detail = (e as CustomEvent).detail;\n      if (!detail) return;\n      const loc = detail.location as { current?: number; total?: number } | undefined;\n      if (loc && typeof loc.current === 'number' && typeof loc.total === 'number') {\n        reportProgress(loc.current, loc.total);\n      } else {\n        const sections = viewInstance?.book?.sections ?? [];\n        const idx = detail.index ?? 0;\n        const frac = detail.fraction ?? 0;\n        const total = Math.max(sections.length, 1);\n        reportProgress(Math.round((idx + frac) / total * total), total);\n      }\n      const tocItem = detail.tocItem as { href?: string } | undefined;\n      if (tocItem?.href) activeTocHref.value = tocItem.href;\n    });\n\n    const res = await fetch(props.url);\n    if (!res.ok) throw new Error(`请求失败: ${res.status}`);\n    const blob = await res.blob();\n    let name = 'book.mobi';\n    try {\n      const u = new URL(props.url, window.location.href);\n      const base = u.pathname.split('/').pop();\n      if (base) name = decodeURIComponent(base);\n    } catch { /* blob: URL */ }\n\n    await view.open(new File([blob], name));\n\n    // 配置 paginator：paginated 模式 + 动画\n    const renderer = view.renderer;\n    if (renderer) {\n      renderer.setAttribute('animated', '');\n      renderer.setAttribute('max-inline-size', '720');\n      renderer.setAttribute('margin', '48');\n      renderer.setAttribute('gap', '5%');\n      renderer.setStyles?.(READER_CSS);\n      await renderer.next?.();\n    }\n\n    toc.value = (view.book?.toc ?? []) as TocItem[];\n    loading.value = false;\n    reportProgress(0, view.book?.sections.length ?? 1);\n  } catch (err) {\n    console.error('MOBI/AZW3 加载错误:', err);\n    error.value = t.value('mobi.load_failed');\n    loading.value = false;\n  }\n};\n\nwatch(() => props.url, () => load(), { immediate: true });\nonBeforeUnmount(() => {\n  try { viewInstance?.book?.destroy?.(); } catch { /* ignore */ }\n  viewInstance = null;\n  hostRef.value?.replaceChildren();\n});\n</script>\n\n<template>\n  <div\n    class=\"vfp-relative vfp-w-full vfp-h-full vfp-flex vfp-justify-center vfp-overflow-hidden\"\n    style=\"background: #f5f5f0\"\n  >\n    <div\n      v-if=\"error\"\n      class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-text-fg-secondary vfp-text-center vfp-p-6\"\n    >\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n\n    <div\n      v-if=\"loading && !error\"\n      class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-z-10\"\n    >\n      <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\" />\n    </div>\n\n    <!-- 目录侧栏 -->\n    <div\n      v-if=\"toc.length > 0\"\n      class=\"vfp-absolute vfp-inset-0 vfp-z-20 vfp-flex vfp-transition-opacity vfp-duration-300\"\n      :style=\"{ opacity: showToc ? 1 : 0, pointerEvents: showToc ? 'auto' : 'none' }\"\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: showToc ? '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.toc') }}</span>\n          <button class=\"toc-close-btn\" @click=\"showToc = false\">\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\">\n          <MobiTocList :items=\"toc\" :active-href=\"activeTocHref\" @select=\"handleTocClick\" />\n        </div>\n      </div>\n      <div\n        class=\"vfp-flex-1 vfp-transition-opacity vfp-duration-300\"\n        :style=\"{ background: showToc ? 'rgba(0,0,0,0.3)' : 'transparent' }\"\n        @click=\"showToc = false\"\n      />\n    </div>\n\n    <div\n      v-if=\"!error\"\n      ref=\"hostRef\"\n      class=\"vfp-h-full vfp-bg-surface-toolbar vfp-shadow-lg\"\n      :style=\"{ width: isFullWidth ? '100%' : A4_WIDTH + 'px', maxWidth: '100%', transition: 'width 0.3s ease' }\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\ninterface TocItemLocal {\n  label: string;\n  href?: string;\n  subitems?: TocItemLocal[];\n}\n\nconst MobiTocList = defineComponent({\n  name: 'MobiTocList',\n  props: {\n    items: { type: Array as PropType<TocItemLocal[]>, required: true },\n    activeHref: { type: String, default: '' },\n    depth: { type: Number, default: 0 },\n  },\n  emits: ['select'],\n  render(): ReturnType<typeof h> {\n    return h(\n      'ul',\n      { style: { listStyle: 'none', padding: 0, margin: this.depth > 0 ? '0 0 0 16px' : 0 } },\n      this.items.map((item: TocItemLocal, i: number) =>\n        h('li', { key: `${item.href ?? item.label}-${i}` }, [\n          item.href\n            ? h(\n                'button',\n                {\n                  onClick: () => this.$emit('select', item.href),\n                  class: [\n                    'vfp-w-full vfp-text-left vfp-py-2 vfp-px-3 vfp-text-sm vfp-rounded vfp-transition-all vfp-truncate',\n                    this.activeHref === item.href\n                      ? 'vfp-text-fg-primary vfp-bg-surface-3 vfp-font-medium'\n                      : 'vfp-text-fg-secondary hover:vfp-text-fg-primary hover:vfp-bg-surface-2',\n                  ],\n                  title: item.label,\n                  style: 'background: none; border: none; cursor: pointer',\n                },\n                item.label?.trim()\n              )\n            : h(\n                'div',\n                { class: 'vfp-w-full vfp-py-2 vfp-px-3 vfp-text-sm vfp-text-fg-tertiary vfp-truncate' },\n                item.label?.trim()\n              ),\n          item.subitems?.length\n            ? h(MobiTocList, {\n                items: item.subitems,\n                activeHref: this.activeHref,\n                depth: (this.depth as number) + 1,\n                onSelect: (href: string) => this.$emit('select', href),\n              })\n            : null,\n        ])\n      )\n    );\n  },\n});\n\nexport default { name: 'MobiRenderer' };\n</script>\n\n<style scoped>\n.toc-close-btn {\n  color: var(--fp-fg-tertiary);\n  background: none;\n  border: none;\n  cursor: pointer;\n  transition: color 0.15s;\n}\n.toc-close-btn:hover { color: #fff; }\n</style>\n"],"names":["MobiTocList","defineComponent","h","item","i","_a","_b","_c","href","__default__","READER_CSS","props","__props","emit","__emit","t","useTranslator","hostRef","ref","viewInstance","totalLocations","loading","error","toc","showToc","activeTocHref","isFullWidth","reportProgress","current","total","prevPage","nextPage","toggleToc","toggleFullWidth","handleTocClick","__expose","load","host","view","e","detail","loc","sections","idx","frac","tocItem","res","blob","name","base","renderer","_d","err","watch","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_toDisplayString","_hoisted_4","_cache","_normalizeStyle","_hoisted_5","_hoisted_6","_unref","_createVNode","X","_hoisted_7"],"mappings":"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"}