@eternalheart/vue-file-preview 1.3.6 → 1.3.8

package/lib/chunks/index-ELyTQZeF.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-C324a7kV.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-C324a7kV.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-ELyTQZeF.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-ELyTQZeF.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-cZn4ih-x.mjs

@@ -0,0 +1,111 @@
+import { defineComponent as H, ref as x, onMounted as M, watch as S, onBeforeUnmount as j, openBlock as u, createElementBlock as g, createElementVNode as y, toDisplayString as b, createCommentVNode as w, withDirectives as W, vShow as q, nextTick as A } from "vue";
+import { S as F, u as I } from "./index-C324a7kV.mjs";
+import * as D from "pdfjs-dist/build/pdf.mjs";
+const N = {
+  key: 0,
+  class: "vfp-text-fg-secondary vfp-text-center"
+}, U = { class: "vfp-text-lg" }, G = {
+  key: 1,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-min-h-screen"
+}, J = { class: "pdf-pages vfp-flex vfp-flex-col vfp-gap-4" }, K = {
+  key: 2,
+  class: "vfp-sticky vfp-bottom-2 md:vfp-bottom-4 vfp-mt-4 md:vfp-mt-8 vfp-bg-surface-nav-hover vfp-backdrop-blur-xl vfp-text-fg-primary vfp-px-4 vfp-py-2 md:vfp-px-6 md:vfp-py-3 vfp-rounded-full vfp-text-xs md:vfp-text-sm vfp-font-medium vfp-shadow-2xl vfp-border vfp-border-line-weak"
+}, X = /* @__PURE__ */ H({
+  __name: "index",
+  props: {
+    url: {},
+    zoom: {},
+    currentPage: {}
+  },
+  emits: ["pageChange", "totalPagesChange", "pageWidthChange"],
+  setup(C, { emit: R }) {
+    F(D);
+    const p = C, v = R, { t: V } = I(), l = x(0), i = x(null), r = x(null);
+    let n = null;
+    const m = [], B = async (e, o, a) => {
+      if (!n) return;
+      const c = await n.getPage(e), s = c.getViewport({ scale: o }), t = document.createElement("canvas");
+      t.width = s.width, t.height = s.height, t.style.maxWidth = "100%", t.style.height = "auto", t.style.borderRadius = "0", t.style.display = "block", t.style.boxShadow = "0 25px 50px -12px rgba(0,0,0,0.25)", t.style.filter = "brightness(0.95) contrast(1.05)";
+      const d = t.getContext("2d");
+      if (!d) return;
+      if (await c.render({ canvasContext: d, viewport: s }).promise, e === 1) {
+        const h = c.getViewport({ scale: 1 });
+        v("pageWidthChange", h.width);
+      }
+      a.innerHTML = "", a.appendChild(t);
+      const f = document.createElement("div");
+      f.textContent = String(e), f.style.cssText = "position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);color:white;font-size:12px;padding:4px 12px;border-radius:9999px;", a.appendChild(f);
+    }, k = async () => {
+      if (!n || !r.value) return;
+      const e = r.value.querySelector(".pdf-pages");
+      if (e) {
+        e.innerHTML = "", m.length = 0;
+        for (let o = 1; o <= l.value; o++) {
+          const a = document.createElement("div");
+          a.style.cssText = "position:relative;display:flex;justify-content:center;", e.appendChild(a), m.push(a), await B(o, p.zoom, a);
+        }
+      }
+    }, _ = async () => {
+      if (i.value = null, l.value = 0, n) {
+        try {
+          n.destroy();
+        } catch {
+        }
+        n = null;
+      }
+      try {
+        n = await D.getDocument({ url: p.url }).promise, l.value = n.numPages, v("totalPagesChange", n.numPages), v("pageChange", 1), await A(), await k();
+      } catch (e) {
+        console.error("PDF 加载错误:", e), i.value = V.value("pdf.load_failed");
+      }
+    }, P = () => {
+      if (!r.value) return;
+      const e = r.value, o = e.scrollTop, a = e.clientHeight, c = o + a / 2;
+      let s = 1, t = 1 / 0;
+      m.forEach((d, f) => {
+        const h = f + 1, T = d.getBoundingClientRect(), L = e.getBoundingClientRect(), z = T.top - L.top + T.height / 2 + o, E = Math.abs(z - c);
+        E < t && (t = E, s = h);
+      }), s !== p.currentPage && v("pageChange", s);
+    };
+    return M(() => {
+      _(), r.value && r.value.addEventListener("scroll", P);
+    }), S(
+      () => p.url,
+      () => {
+        _();
+      }
+    ), S(
+      () => p.zoom,
+      () => {
+        k();
+      }
+    ), j(() => {
+      if (r.value && r.value.removeEventListener("scroll", P), n) {
+        try {
+          n.destroy();
+        } catch {
+        }
+        n = null;
+      }
+    }), (e, o) => (u(), g("div", {
+      ref_key: "containerRef",
+      ref: r,
+      class: "vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full vfp-overflow-auto vfp-py-4 md:vfp-py-8 vfp-px-2 md:vfp-px-4"
+    }, [
+      i.value ? (u(), g("div", N, [
+        y("p", U, b(i.value), 1)
+      ])) : w("", !0),
+      !i.value && l.value === 0 ? (u(), g("div", G, [...o[0] || (o[0] = [
+        y("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)
+      ])])) : w("", !0),
+      W(y("div", J, null, 512), [
+        [q, !i.value && l.value > 0]
+      ]),
+      l.value > 0 ? (u(), g("div", K, " 第 " + b(C.currentPage) + " 页 / 共 " + b(l.value) + " 页 ", 1)) : w("", !0)
+    ], 512));
+  }
+});
+export {
+  X as default
+};
+//# sourceMappingURL=index-cZn4ih-x.mjs.map

package/lib/chunks/index-cZn4ih-x.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-cZn4ih-x.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';\n\n// 在模块加载时配置 PDF.js worker（默认走 CDN）\nconfigurePdfWorker(pdfjsLib);\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  };\n}\n\ninterface PdfDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PdfPageProxy>;\n  destroy(): void;\n}\n\nconst props = defineProps<{\n  url: string;\n  zoom: number;\n  currentPage: number;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'pageChange', page: number): void;\n  (e: 'totalPagesChange', total: number): void;\n  (e: 'pageWidthChange', width: number): void;\n}>();\n\nconst { t } = useTranslator();\n\nconst numPages = ref(0);\nconst error = ref<string | null>(null);\nconst containerRef = ref<HTMLDivElement | null>(null);\nlet pdfDoc: PdfDocumentProxy | null = null;\nconst pageElements: HTMLDivElement[] = [];\n\nconst renderPage = async (pageNumber: number, scale: number, container: HTMLDivElement) => {\n  if (!pdfDoc) return;\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  canvas.style.boxShadow = '0 25px 50px -12px rgba(0,0,0,0.25)';\n  canvas.style.filter = 'brightness(0.95) contrast(1.05)';\n\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return;\n  await page.render({ canvasContext: ctx, viewport }).promise;\n\n  // 上报第一页原始宽度\n  if (pageNumber === 1) {\n    const baseViewport = page.getViewport({ scale: 1 });\n    emit('pageWidthChange', baseViewport.width);\n  }\n\n  container.innerHTML = '';\n  container.appendChild(canvas);\n\n  // 页码标签\n  const label = document.createElement('div');\n  label.textContent = String(pageNumber);\n  label.style.cssText =\n    'position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);color:white;font-size:12px;padding:4px 12px;border-radius:9999px;';\n  container.appendChild(label);\n};\n\nconst renderAll = async () => {\n  if (!pdfDoc || !containerRef.value) return;\n  const wrapper = containerRef.value.querySelector('.pdf-pages') as HTMLDivElement | null;\n  if (!wrapper) return;\n  wrapper.innerHTML = '';\n  pageElements.length = 0;\n\n  for (let i = 1; i <= numPages.value; i++) {\n    const pageDiv = document.createElement('div');\n    pageDiv.style.cssText = 'position:relative;display:flex;justify-content:center;';\n    wrapper.appendChild(pageDiv);\n    pageElements.push(pageDiv);\n    // eslint-disable-next-line no-await-in-loop\n    await renderPage(i, props.zoom, pageDiv);\n  }\n};\n\nconst loadPdf = async () => {\n  error.value = null;\n  numPages.value = 0;\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    numPages.value = pdfDoc.numPages;\n    emit('totalPagesChange', pdfDoc.numPages);\n    emit('pageChange', 1);\n    await nextTick();\n    await renderAll();\n  } catch (err) {\n    console.error('PDF 加载错误:', err);\n    error.value = t.value('pdf.load_failed');\n  }\n};\n\nconst handleScroll = () => {\n  if (!containerRef.value) return;\n\n  const container = containerRef.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  pageElements.forEach((pageEl, idx) => {\n    const pageNumber = idx + 1;\n    const rect = pageEl.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n    const pageCenter = rect.top - containerRect.top + rect.height / 2 + scrollTop;\n    const distance = Math.abs(pageCenter - scrollCenter);\n\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\nonMounted(() => {\n  loadPdf();\n  if (containerRef.value) {\n    containerRef.value.addEventListener('scroll', handleScroll);\n  }\n});\n\nwatch(\n  () => props.url,\n  () => {\n    loadPdf();\n  }\n);\n\nwatch(\n  () => props.zoom,\n  () => {\n    renderAll();\n  }\n);\n\nonBeforeUnmount(() => {\n  if (containerRef.value) {\n    containerRef.value.removeEventListener('scroll', handleScroll);\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\n    ref=\"containerRef\"\n    class=\"vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full vfp-overflow-auto vfp-py-4 md:vfp-py-8 vfp-px-2 md:vfp-px-4\"\n  >\n    <div v-if=\"error\" class=\"vfp-text-fg-secondary vfp-text-center\">\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n\n    <div v-if=\"!error && numPages === 0\" 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-show=\"!error && numPages > 0\" class=\"pdf-pages vfp-flex vfp-flex-col vfp-gap-4\" />\n\n    <div\n      v-if=\"numPages > 0\"\n      class=\"vfp-sticky vfp-bottom-2 md:vfp-bottom-4 vfp-mt-4 md:vfp-mt-8 vfp-bg-surface-nav-hover vfp-backdrop-blur-xl vfp-text-fg-primary vfp-px-4 vfp-py-2 md:vfp-px-6 md:vfp-py-3 vfp-rounded-full vfp-text-xs md:vfp-text-sm vfp-font-medium vfp-shadow-2xl vfp-border vfp-border-line-weak\"\n    >\n      第 {{ currentPage }} 页 / 共 {{ numPages }} 页\n    </div>\n  </div>\n</template>\n"],"names":["configurePdfWorker","pdfjsLib","props","__props","emit","__emit","t","useTranslator","numPages","ref","error","containerRef","pdfDoc","pageElements","renderPage","pageNumber","scale","container","page","viewport","canvas","ctx","baseViewport","label","renderAll","wrapper","i","pageDiv","loadPdf","nextTick","err","handleScroll","scrollTop","containerHeight","scrollCenter","currentVisiblePage","minDistance","pageEl","idx","rect","containerRect","pageCenter","distance","onMounted","watch","onBeforeUnmount","_createElementBlock","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","_cache","_withDirectives","_hoisted_4","_vShow","_hoisted_5"],"mappings":"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"}