@eternalheart/vue-file-preview 1.3.8 → 1.3.10

package/lib/chunks/{index-DAo-7spn.mjs → index-BOL895ZO.mjs}

@@ -1,35 +1,35 @@
-import { defineComponent as G, ref as a, watch as y, nextTick as P, openBlock as i, createElementBlock as f, createElementVNode as s, toDisplayString as D, normalizeStyle as S, Fragment as L, renderList as M } from "vue";
-import N from "mammoth";
-import { u as $ } from "./index-C324a7kV.mjs";
-const B = {
+import { defineComponent as P, ref as a, watch as y, nextTick as D, openBlock as i, createElementBlock as f, createElementVNode as r, toDisplayString as S, normalizeStyle as L, Fragment as M, renderList as N } from "vue";
+import $ from "mammoth";
+import { u as B, a as F } from "./index-BuYJGBLT.mjs";
+const I = {
   key: 0,
   class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
-}, I = {
+}, j = {
   key: 1,
   class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
-}, j = { class: "vfp-text-fg-secondary vfp-text-center" }, F = { class: "vfp-text-lg" }, C = {
+}, C = { class: "vfp-text-fg-secondary vfp-text-center" }, R = { class: "vfp-text-lg" }, q = {
   key: 2,
   class: "vfp-w-full vfp-h-full vfp-overflow-auto",
   style: { background: "rgba(0, 0, 0, 0.15)" }
-}, R = ["innerHTML"], q = ["innerHTML"], _ = 1123, x = 60, g = 50, z = 24, W = /* @__PURE__ */ G({
+}, z = ["innerHTML"], O = ["innerHTML"], _ = 1123, x = 60, g = 50, U = 24, Y = /* @__PURE__ */ P({
   __name: "index",
   props: {
     url: {}
   },
   setup(w) {
-    const H = _ - x * 2, v = w, { t: k } = $(), n = a(""), p = a(!0), c = a(null), o = a([]), d = a(null), E = async () => {
+    const H = _ - x * 2, v = w, { t: k } = B(), E = F(), n = a(""), p = a(!0), c = a(null), o = a([]), d = a(null), T = async () => {
       p.value = !0, c.value = null, n.value = "", o.value = [];
       try {
-        const t = await fetch(v.url);
+        const t = await E.value(v.url);
         if (!t.ok) throw new Error("文件加载失败");
-        const l = await t.arrayBuffer(), e = await N.convertToHtml({ arrayBuffer: l });
+        const l = await t.arrayBuffer(), e = await $.convertToHtml({ arrayBuffer: l });
         n.value = e.value;
       } catch (t) {
         console.error("Docx 解析错误:", t), c.value = k.value("docx.parse_failed");
       } finally {
         p.value = !1;
       }
-    }, T = () => {
+    }, b = () => {
       const t = d.value;
       if (!t || !n.value) return;
       const l = Array.from(t.children);
@@ -38,27 +38,27 @@ const B = {
         return;
       }
       const e = [[]];
-      let r = 0;
+      let s = 0;
       for (const u of l) {
         const m = u.offsetHeight;
-        r > 0 && r + m > H && (e.push([]), r = 0), e[e.length - 1].push(u.outerHTML), r += m;
+        s > 0 && s + m > H && (e.push([]), s = 0), e[e.length - 1].push(u.outerHTML), s += m;
       }
       e.length === 0 && e.push([]), o.value = e.map((u) => u.join(""));
     };
-    y(() => v.url, E, { immediate: !0 }), y(n, async () => {
-      n.value && (await P(), requestAnimationFrame(() => T()));
+    y(() => v.url, T, { immediate: !0 }), y(n, async () => {
+      n.value && (await D(), requestAnimationFrame(() => b()));
     });
     const h = {
       fontFamily: "system-ui, -apple-system, sans-serif",
       lineHeight: "1.8",
       color: "#333"
-    }, b = {
+    }, A = {
       ...h,
       position: "absolute",
       visibility: "hidden",
       width: `${794 - g * 2}px`,
       pointerEvents: "none"
-    }, A = {
+    }, G = {
       width: "100%",
       maxWidth: "794px",
       minHeight: `${_}px`,
@@ -67,37 +67,37 @@ const B = {
       flexShrink: 0,
       padding: `${x}px ${g}px`
     };
-    return (t, l) => p.value ? (i(), f("div", B, [...l[0] || (l[0] = [
-      s("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.value ? (i(), f("div", I, [
-      s("div", j, [
-        s("p", F, D(c.value), 1)
+    return (t, l) => p.value ? (i(), f("div", I, [...l[0] || (l[0] = [
+      r("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.value ? (i(), f("div", j, [
+      r("div", C, [
+        r("p", R, S(c.value), 1)
       ])
-    ])) : (i(), f("div", C, [
-      s("div", {
+    ])) : (i(), f("div", q, [
+      r("div", {
         ref_key: "measureRef",
         ref: d,
-        style: b,
+        style: A,
         innerHTML: n.value
-      }, null, 8, R),
-      s("div", {
+      }, null, 8, z),
+      r("div", {
         class: "vfp-py-6 md:vfp-py-10 vfp-flex vfp-flex-col vfp-items-center",
-        style: S({ gap: `${z}px` })
+        style: L({ gap: `${U}px` })
       }, [
-        (i(!0), f(L, null, M(o.value.length > 0 ? o.value : [""], (e, r) => (i(), f("div", {
-          key: r,
-          style: A
+        (i(!0), f(M, null, N(o.value.length > 0 ? o.value : [""], (e, s) => (i(), f("div", {
+          key: s,
+          style: G
         }, [
-          s("div", {
+          r("div", {
             style: h,
             innerHTML: e
-          }, null, 8, q)
+          }, null, 8, O)
         ]))), 128))
       ], 4)
     ]));
   }
 });
 export {
-  W as default
+  Y as default
 };
-//# sourceMappingURL=index-DAo-7spn.mjs.map
+//# sourceMappingURL=index-BOL895ZO.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-BOL895ZO.mjs","sources":["../../src/renderers/Docx/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, nextTick } from 'vue';\nimport mammoth from 'mammoth';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\n\nconst PAGE_HEIGHT = 1123;\nconst PAGE_PADDING_Y = 60;\nconst PAGE_PADDING_X = 50;\nconst PAGE_CONTENT_HEIGHT = PAGE_HEIGHT - PAGE_PADDING_Y * 2;\nconst PAGE_GAP = 24;\n\nconst props = defineProps<{\n  url: string;\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst html = ref('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst pages = ref<string[]>([]);\nconst measureRef = ref<HTMLDivElement | null>(null);\n\nconst loadDocx = async () => {\n  loading.value = true;\n  error.value = null;\n  html.value = '';\n  pages.value = [];\n\n  try {\n    const response = await fetcher.value(props.url);\n    if (!response.ok) throw new Error('文件加载失败');\n    const arrayBuffer = await response.arrayBuffer();\n    const result = await mammoth.convertToHtml({ arrayBuffer });\n    html.value = result.value;\n  } catch (err) {\n    console.error('Docx 解析错误:', err);\n    error.value = t.value('docx.parse_failed');\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst paginate = () => {\n  const container = measureRef.value;\n  if (!container || !html.value) return;\n\n  const children = Array.from(container.children) as HTMLElement[];\n  if (children.length === 0) {\n    pages.value = [html.value];\n    return;\n  }\n\n  const result: string[][] = [[]];\n  let currentPageUsed = 0;\n\n  for (const child of children) {\n    const h = child.offsetHeight;\n\n    if (currentPageUsed > 0 && currentPageUsed + h > PAGE_CONTENT_HEIGHT) {\n      result.push([]);\n      currentPageUsed = 0;\n    }\n\n    result[result.length - 1].push(child.outerHTML);\n    currentPageUsed += h;\n  }\n\n  if (result.length === 0) result.push([]);\n\n  pages.value = result.map((blocks) => blocks.join(''));\n};\n\nwatch(() => props.url, loadDocx, { immediate: true });\n\nwatch(html, async () => {\n  if (!html.value) return;\n  await nextTick();\n  requestAnimationFrame(() => paginate());\n});\n\nconst contentStyle = {\n  fontFamily: 'system-ui, -apple-system, sans-serif',\n  lineHeight: '1.8',\n  color: '#333',\n};\n\nconst measureStyle = {\n  ...contentStyle,\n  position: 'absolute' as const,\n  visibility: 'hidden' as const,\n  width: `${794 - PAGE_PADDING_X * 2}px`,\n  pointerEvents: 'none' as const,\n};\n\nconst pageStyle = {\n  width: '100%',\n  maxWidth: '794px',\n  minHeight: `${PAGE_HEIGHT}px`,\n  background: 'white',\n  boxShadow: '0 2px 12px rgba(0, 0, 0, 0.15)',\n  flexShrink: 0,\n  padding: `${PAGE_PADDING_Y}px ${PAGE_PADDING_X}px`,\n};\n</script>\n\n<template>\n  <div v-if=\"loading\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div\n      class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n    />\n  </div>\n\n  <div v-else-if=\"error\" 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\">\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n  </div>\n\n  <div v-else class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: rgba(0, 0, 0, 0.15)\">\n    <!-- 隐藏测量区 -->\n    <div ref=\"measureRef\" :style=\"measureStyle\" v-html=\"html\" />\n\n    <!-- 实际页面 -->\n    <div\n      class=\"vfp-py-6 md:vfp-py-10 vfp-flex vfp-flex-col vfp-items-center\"\n      :style=\"{ gap: `${PAGE_GAP}px` }\"\n    >\n      <div v-for=\"(pageHtml, i) in pages.length > 0 ? pages : ['']\" :key=\"i\" :style=\"pageStyle\">\n        <div :style=\"contentStyle\" v-html=\"pageHtml\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["PAGE_HEIGHT","PAGE_PADDING_Y","PAGE_PADDING_X","PAGE_GAP","PAGE_CONTENT_HEIGHT","props","__props","t","useTranslator","fetcher","useFetcher","html","ref","loading","error","pages","measureRef","loadDocx","response","arrayBuffer","result","mammoth","err","paginate","container","children","currentPageUsed","child","h","blocks","watch","nextTick","contentStyle","measureStyle","pageStyle","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_5","_Fragment","_renderList","pageHtml","i"],"mappings":"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"}

package/lib/chunks/index-BUn7C84b.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-BUn7C84b.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';\nimport { useFetcher } from '../../composables/useRequest';\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();\nconst fetcher = useFetcher();\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 fetcher.value(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","fetcher","useFetcher","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-lHlugUBI.mjs → index-BY_XuO1z.mjs}

@@ -1,6 +1,6 @@
 import { ref as p, watch as z, onUnmounted as D, defineComponent as U, toRef as O, computed as $, onMounted as q, onBeforeUnmount as H, unref as t, openBlock as b, createElementBlock as I, createElementVNode as a, toDisplayString as G, normalizeStyle as M, createStaticVNode as W, normalizeClass as A, createVNode as C, createBlock as R, resolveDynamicComponent as X, Transition as J, withCtx as K, createCommentVNode as Q } from "vue";
 import { VolumeX as Y, Volume1 as Z, Volume2 as ee, Repeat as te, SkipBack as ae, Pause as re, Play as ne, SkipForward as oe } from "lucide-vue-next";
-import { f as se, u as le, _ as ie } from "./index-C324a7kV.mjs";
+import { g as se, u as le, _ as ie } from "./index-BuYJGBLT.mjs";
 function pe(x) {
   const f = p(null), m = p(!1), o = p(!0), h = p(0), d = p(0), y = p(1), u = p(!1), v = p(!1), c = p(null);
   let l = null;
@@ -388,4 +388,4 @@ const fe = {
 export {
   ze as default
 };
-//# sourceMappingURL=index-lHlugUBI.mjs.map
+//# sourceMappingURL=index-BY_XuO1z.mjs.map