@eternalheart/vue-file-preview 1.3.13 → 1.3.14

package/lib/chunks/{index-DyipSoKh.mjs.map → index-DYrRDrZL.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DyipSoKh.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';\nimport RendererError from '../RendererError.vue';\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, (newUrl) => {\n  // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n  if (newUrl) loadDocx();\n}, { 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  <RendererError v-else-if=\"error\" :message=\"error\" />\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","blocks","watch","newUrl","nextTick","contentStyle","measureStyle","pageStyle","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createBlock","RendererError","_hoisted_2","_Fragment","_renderList","pageHtml","i"],"mappings":"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"}
+{"version":3,"file":"index-DYrRDrZL.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';\nimport RendererError from '../RendererError.vue';\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, (newUrl) => {\n  // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n  if (newUrl) loadDocx();\n}, { 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  <RendererError v-else-if=\"error\" :message=\"error\" />\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","blocks","watch","newUrl","nextTick","contentStyle","measureStyle","pageStyle","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createBlock","RendererError","_hoisted_2","_Fragment","_renderList","pageHtml","i"],"mappings":"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"}

package/lib/chunks/{index-Zwl5J-Uw.mjs → index-GcvjVFMf.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as I, ref as w, onMounted as W, watch as S, onBeforeUnmount as $, openBlock as x, createElementBlock as b, createBlock as A, createCommentVNode as k, createElementVNode as R, withDirectives as F, vShow as N, toDisplayString as B, nextTick as O } from "vue";
-import { B as U, u as Z } from "./index-Oxwizt6-.mjs";
+import { B as U, u as Z } from "./index-CFaWV6cC.mjs";
 import * as D from "pdfjs-dist/build/pdf.mjs";
 import { _ as M } from "./RendererError.vue_vue_type_script_setup_true_lang-CbgZBSDr.mjs";
 const G = {
@@ -163,4 +163,4 @@ const G = {
 export {
   ee as default
 };
-//# sourceMappingURL=index-Zwl5J-Uw.mjs.map
+//# sourceMappingURL=index-GcvjVFMf.mjs.map

package/lib/chunks/{index-Zwl5J-Uw.mjs.map → index-GcvjVFMf.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Zwl5J-Uw.mjs","sources":["../../src/renderers/Pdf/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';\nimport { configurePdfWorker } from '@eternalheart/file-preview-core';\n// @ts-ignore - pdfjs-dist 类型路径\nimport * as pdfjsLib from 'pdfjs-dist/build/pdf.mjs';\nimport { useTranslator } from '../../composables/useTranslator';\nimport RendererError from '../RendererError.vue';\n\n// 在模块加载时配置 PDF.js worker（默认走 CDN）\nconfigurePdfWorker(pdfjsLib);\n\ndefineOptions({\n  components: {\n    RendererError,\n  },\n});\n\ninterface PdfPageProxy {\n  getViewport(opts: { scale: number }): { width: number; height: number };\n  render(opts: { canvasContext: CanvasRenderingContext2D; viewport: { width: number; height: number } }): {\n    promise: Promise<void>;\n    cancel(): void;\n  };\n}\n\ninterface PdfDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PdfPageProxy>;\n  destroy(): void;\n}\n\ninterface PageState {\n  element: HTMLDivElement;\n  rendered: boolean;\n  rendering: boolean;\n  renderTask: { cancel(): void } | null;\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 pageStates = new Map<number, PageState>();\nlet observer: IntersectionObserver | null = null;\n\nconst renderPage = async (pageNumber: number, scale: number) => {\n  if (!pdfDoc) return;\n  const state = pageStates.get(pageNumber);\n  if (!state || state.rendering) return;\n\n  state.rendering = true;\n\n  try {\n    const page = await pdfDoc.getPage(pageNumber);\n    const viewport = page.getViewport({ scale });\n\n    const canvas = document.createElement('canvas');\n    canvas.width = viewport.width;\n    canvas.height = viewport.height;\n    canvas.style.maxWidth = '100%';\n    canvas.style.height = 'auto';\n    canvas.style.borderRadius = '0';\n    canvas.style.display = 'block';\n    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\n    const renderTask = page.render({ canvasContext: ctx, viewport });\n    state.renderTask = renderTask;\n    await renderTask.promise;\n\n    // 上报第一页原始宽度\n    if (pageNumber === 1) {\n      const baseViewport = page.getViewport({ scale: 1 });\n      emit('pageWidthChange', baseViewport.width);\n    }\n\n    state.element.innerHTML = '';\n    state.element.appendChild(canvas);\n\n    // 页码标签\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    state.element.appendChild(label);\n\n    state.rendered = true;\n  } catch (err: any) {\n    if (err?.name !== 'RenderingCancelledException') {\n      console.error(`渲染页面 ${pageNumber} 失败:`, err);\n    }\n  } finally {\n    state.rendering = false;\n    state.renderTask = null;\n  }\n};\n\nconst clearPageCanvas = (pageNumber: number) => {\n  const state = pageStates.get(pageNumber);\n  if (!state) return;\n\n  // 取消正在进行的渲染\n  if (state.renderTask) {\n    state.renderTask.cancel();\n    state.renderTask = null;\n  }\n\n  // 清理 canvas，保留占位符\n  const canvas = state.element.querySelector('canvas');\n  if (canvas) {\n    const ctx = canvas.getContext('2d');\n    if (ctx) {\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n    }\n    canvas.remove();\n  }\n\n  state.element.innerHTML = '';\n  state.rendered = false;\n  state.rendering = false;\n};\n\nconst initPagePlaceholders = async () => {\n  if (!pdfDoc || !containerRef.value) return;\n  const wrapper = containerRef.value.querySelector('.pdf-pages') as HTMLDivElement | null;\n  if (!wrapper) return;\n\n  wrapper.innerHTML = '';\n  pageStates.clear();\n\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;min-height:800px;';\n    pageDiv.dataset.pageNumber = String(i);\n    wrapper.appendChild(pageDiv);\n\n    pageStates.set(i, {\n      element: pageDiv,\n      rendered: false,\n      rendering: false,\n      renderTask: null,\n    });\n\n    // 使用 IntersectionObserver 监听\n    if (observer) {\n      observer.observe(pageDiv);\n    }\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 initPagePlaceholders();\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 || pageStates.size === 0) 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  pageStates.forEach((state, pageNumber) => {\n    const rect = state.element.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n    const pageCenter = rect.top - containerRect.top + rect.height / 2 + scrollTop;\n    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\nlet zoomDebounceTimer: number | null = null;\nconst handleZoomChange = () => {\n  if (zoomDebounceTimer) {\n    clearTimeout(zoomDebounceTimer);\n  }\n\n  zoomDebounceTimer = window.setTimeout(() => {\n    // 清理所有已渲染页面\n    pageStates.forEach((state, pageNumber) => {\n      if (state.rendered) {\n        clearPageCanvas(pageNumber);\n      }\n    });\n\n    // 触发 IntersectionObserver 重新渲染可见页面\n    if (observer && containerRef.value) {\n      const wrapper = containerRef.value.querySelector('.pdf-pages') as HTMLDivElement | null;\n      if (wrapper) {\n        pageStates.forEach((state) => {\n          observer?.unobserve(state.element);\n          observer?.observe(state.element);\n        });\n      }\n    }\n  }, 150);\n};\n\nonMounted(() => {\n  // 初始化 IntersectionObserver，设置缓冲区为上下 500px\n  observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        const pageNumber = Number(entry.target.getAttribute('data-page-number'));\n        if (!pageNumber) return;\n\n        if (entry.isIntersecting) {\n          // 页面进入视口，渲染\n          renderPage(pageNumber, props.zoom);\n        } else {\n          // 页面离开视口较远，清理 canvas\n          const state = pageStates.get(pageNumber);\n          if (state && state.rendered) {\n            clearPageCanvas(pageNumber);\n          }\n        }\n      });\n    },\n    {\n      root: containerRef.value,\n      rootMargin: '500px 0px',\n      threshold: 0,\n    }\n  );\n\n  loadPdf();\n  if (containerRef.value) {\n    containerRef.value.addEventListener('scroll', handleScroll);\n  }\n});\n\nwatch(\n  () => props.url,\n  (newUrl) => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (newUrl) {\n      loadPdf();\n    }\n  }\n);\n\nwatch(() => props.zoom, handleZoomChange);\n\nonBeforeUnmount(() => {\n  if (zoomDebounceTimer) {\n    clearTimeout(zoomDebounceTimer);\n  }\n\n  if (observer) {\n    observer.disconnect();\n    observer = null;\n  }\n\n  if (containerRef.value) {\n    containerRef.value.removeEventListener('scroll', handleScroll);\n  }\n\n  // 清理所有渲染任务\n  pageStates.forEach((state) => {\n    if (state.renderTask) {\n      state.renderTask.cancel();\n    }\n  });\n  pageStates.clear();\n\n  if (pdfDoc) {\n    try {\n      pdfDoc.destroy();\n    } catch {\n      // ignore\n    }\n    pdfDoc = null;\n  }\n});\n</script>\n\n<template>\n  <div\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    <RendererError v-if=\"error\" :message=\"error\" />\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","pageStates","observer","renderPage","pageNumber","scale","state","page","viewport","canvas","ctx","renderTask","baseViewport","label","err","clearPageCanvas","initPagePlaceholders","wrapper","i","pageDiv","loadPdf","nextTick","handleScroll","container","scrollTop","containerHeight","scrollCenter","currentVisiblePage","minDistance","rect","containerRect","pageCenter","distance","zoomDebounceTimer","handleZoomChange","onMounted","entries","entry","watch","newUrl","onBeforeUnmount","_createElementBlock","_createBlock","RendererError","_openBlock","_hoisted_1","_cache","_createElementVNode","_withDirectives","_hoisted_2","_vShow","_hoisted_3","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"index-GcvjVFMf.mjs","sources":["../../src/renderers/Pdf/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';\nimport { configurePdfWorker } from '@eternalheart/file-preview-core';\n// @ts-ignore - pdfjs-dist 类型路径\nimport * as pdfjsLib from 'pdfjs-dist/build/pdf.mjs';\nimport { useTranslator } from '../../composables/useTranslator';\nimport RendererError from '../RendererError.vue';\n\n// 在模块加载时配置 PDF.js worker（默认走 CDN）\nconfigurePdfWorker(pdfjsLib);\n\ndefineOptions({\n  components: {\n    RendererError,\n  },\n});\n\ninterface PdfPageProxy {\n  getViewport(opts: { scale: number }): { width: number; height: number };\n  render(opts: { canvasContext: CanvasRenderingContext2D; viewport: { width: number; height: number } }): {\n    promise: Promise<void>;\n    cancel(): void;\n  };\n}\n\ninterface PdfDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PdfPageProxy>;\n  destroy(): void;\n}\n\ninterface PageState {\n  element: HTMLDivElement;\n  rendered: boolean;\n  rendering: boolean;\n  renderTask: { cancel(): void } | null;\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 pageStates = new Map<number, PageState>();\nlet observer: IntersectionObserver | null = null;\n\nconst renderPage = async (pageNumber: number, scale: number) => {\n  if (!pdfDoc) return;\n  const state = pageStates.get(pageNumber);\n  if (!state || state.rendering) return;\n\n  state.rendering = true;\n\n  try {\n    const page = await pdfDoc.getPage(pageNumber);\n    const viewport = page.getViewport({ scale });\n\n    const canvas = document.createElement('canvas');\n    canvas.width = viewport.width;\n    canvas.height = viewport.height;\n    canvas.style.maxWidth = '100%';\n    canvas.style.height = 'auto';\n    canvas.style.borderRadius = '0';\n    canvas.style.display = 'block';\n    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\n    const renderTask = page.render({ canvasContext: ctx, viewport });\n    state.renderTask = renderTask;\n    await renderTask.promise;\n\n    // 上报第一页原始宽度\n    if (pageNumber === 1) {\n      const baseViewport = page.getViewport({ scale: 1 });\n      emit('pageWidthChange', baseViewport.width);\n    }\n\n    state.element.innerHTML = '';\n    state.element.appendChild(canvas);\n\n    // 页码标签\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    state.element.appendChild(label);\n\n    state.rendered = true;\n  } catch (err: any) {\n    if (err?.name !== 'RenderingCancelledException') {\n      console.error(`渲染页面 ${pageNumber} 失败:`, err);\n    }\n  } finally {\n    state.rendering = false;\n    state.renderTask = null;\n  }\n};\n\nconst clearPageCanvas = (pageNumber: number) => {\n  const state = pageStates.get(pageNumber);\n  if (!state) return;\n\n  // 取消正在进行的渲染\n  if (state.renderTask) {\n    state.renderTask.cancel();\n    state.renderTask = null;\n  }\n\n  // 清理 canvas，保留占位符\n  const canvas = state.element.querySelector('canvas');\n  if (canvas) {\n    const ctx = canvas.getContext('2d');\n    if (ctx) {\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n    }\n    canvas.remove();\n  }\n\n  state.element.innerHTML = '';\n  state.rendered = false;\n  state.rendering = false;\n};\n\nconst initPagePlaceholders = async () => {\n  if (!pdfDoc || !containerRef.value) return;\n  const wrapper = containerRef.value.querySelector('.pdf-pages') as HTMLDivElement | null;\n  if (!wrapper) return;\n\n  wrapper.innerHTML = '';\n  pageStates.clear();\n\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;min-height:800px;';\n    pageDiv.dataset.pageNumber = String(i);\n    wrapper.appendChild(pageDiv);\n\n    pageStates.set(i, {\n      element: pageDiv,\n      rendered: false,\n      rendering: false,\n      renderTask: null,\n    });\n\n    // 使用 IntersectionObserver 监听\n    if (observer) {\n      observer.observe(pageDiv);\n    }\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 initPagePlaceholders();\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 || pageStates.size === 0) 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  pageStates.forEach((state, pageNumber) => {\n    const rect = state.element.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n    const pageCenter = rect.top - containerRect.top + rect.height / 2 + scrollTop;\n    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\nlet zoomDebounceTimer: number | null = null;\nconst handleZoomChange = () => {\n  if (zoomDebounceTimer) {\n    clearTimeout(zoomDebounceTimer);\n  }\n\n  zoomDebounceTimer = window.setTimeout(() => {\n    // 清理所有已渲染页面\n    pageStates.forEach((state, pageNumber) => {\n      if (state.rendered) {\n        clearPageCanvas(pageNumber);\n      }\n    });\n\n    // 触发 IntersectionObserver 重新渲染可见页面\n    if (observer && containerRef.value) {\n      const wrapper = containerRef.value.querySelector('.pdf-pages') as HTMLDivElement | null;\n      if (wrapper) {\n        pageStates.forEach((state) => {\n          observer?.unobserve(state.element);\n          observer?.observe(state.element);\n        });\n      }\n    }\n  }, 150);\n};\n\nonMounted(() => {\n  // 初始化 IntersectionObserver，设置缓冲区为上下 500px\n  observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        const pageNumber = Number(entry.target.getAttribute('data-page-number'));\n        if (!pageNumber) return;\n\n        if (entry.isIntersecting) {\n          // 页面进入视口，渲染\n          renderPage(pageNumber, props.zoom);\n        } else {\n          // 页面离开视口较远，清理 canvas\n          const state = pageStates.get(pageNumber);\n          if (state && state.rendered) {\n            clearPageCanvas(pageNumber);\n          }\n        }\n      });\n    },\n    {\n      root: containerRef.value,\n      rootMargin: '500px 0px',\n      threshold: 0,\n    }\n  );\n\n  loadPdf();\n  if (containerRef.value) {\n    containerRef.value.addEventListener('scroll', handleScroll);\n  }\n});\n\nwatch(\n  () => props.url,\n  (newUrl) => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (newUrl) {\n      loadPdf();\n    }\n  }\n);\n\nwatch(() => props.zoom, handleZoomChange);\n\nonBeforeUnmount(() => {\n  if (zoomDebounceTimer) {\n    clearTimeout(zoomDebounceTimer);\n  }\n\n  if (observer) {\n    observer.disconnect();\n    observer = null;\n  }\n\n  if (containerRef.value) {\n    containerRef.value.removeEventListener('scroll', handleScroll);\n  }\n\n  // 清理所有渲染任务\n  pageStates.forEach((state) => {\n    if (state.renderTask) {\n      state.renderTask.cancel();\n    }\n  });\n  pageStates.clear();\n\n  if (pdfDoc) {\n    try {\n      pdfDoc.destroy();\n    } catch {\n      // ignore\n    }\n    pdfDoc = null;\n  }\n});\n</script>\n\n<template>\n  <div\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    <RendererError v-if=\"error\" :message=\"error\" />\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","pageStates","observer","renderPage","pageNumber","scale","state","page","viewport","canvas","ctx","renderTask","baseViewport","label","err","clearPageCanvas","initPagePlaceholders","wrapper","i","pageDiv","loadPdf","nextTick","handleScroll","container","scrollTop","containerHeight","scrollCenter","currentVisiblePage","minDistance","rect","containerRect","pageCenter","distance","zoomDebounceTimer","handleZoomChange","onMounted","entries","entry","watch","newUrl","onBeforeUnmount","_createElementBlock","_createBlock","RendererError","_openBlock","_hoisted_1","_cache","_createElementVNode","_withDirectives","_hoisted_2","_vShow","_hoisted_3","_toDisplayString"],"mappings":"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"}

package/lib/chunks/{index-DX_NBPzS.mjs → index-P8naV3DU.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as ee, ref as h, onMounted as te, watch as oe, onBeforeUnmount as re, openBlock as c, createElementBlock as p, createBlock as ae, createCommentVNode as y, createElementVNode as v, normalizeStyle as b, toDisplayString as A, unref as X, createVNode as ne, Fragment as H, renderList as D } from "vue";
 import le from "@likecoin/epub-ts";
 import { X as se } from "lucide-vue-next";
-import { u as ie, a as fe } from "./index-Oxwizt6-.mjs";
+import { u as ie, a as fe } from "./index-CFaWV6cC.mjs";
 import { _ as ue } from "./RendererError.vue_vue_type_script_setup_true_lang-CbgZBSDr.mjs";
 const ce = { class: "vfp-relative vfp-w-full vfp-h-full vfp-flex vfp-justify-center vfp-bg-surface-1 vfp-overflow-hidden" }, pe = {
   key: 1,
@@ -245,4 +245,4 @@ const ce = { class: "vfp-relative vfp-w-full vfp-h-full vfp-flex vfp-justify-cen
 export {
   Ce as default
 };
-//# sourceMappingURL=index-DX_NBPzS.mjs.map
+//# sourceMappingURL=index-P8naV3DU.mjs.map

package/lib/chunks/{index-DX_NBPzS.mjs.map → index-P8naV3DU.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DX_NBPzS.mjs","sources":["../../src/renderers/Epub/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport ePub from '@likecoin/epub-ts';\nimport { X } from 'lucide-vue-next';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport RendererError from '../RendererError.vue';\n\ninterface TocItem {\n  label: string;\n  href: string;\n  subitems?: TocItem[];\n}\n\ninterface RenditionLike {\n  display: (target?: string) => Promise<unknown>;\n  next: () => Promise<unknown>;\n  prev: () => Promise<unknown>;\n  on: (event: string, cb: (...args: unknown[]) => void) => void;\n  resize: (width: number, height: number) => void;\n  currentLocation: () => unknown;\n  destroy?: () => void;\n  themes: {\n    register: (name: string, styles: Record<string, unknown>) => void;\n    select: (name: string) => void;\n  };\n}\n\ninterface BookLike {\n  ready: Promise<unknown>;\n  loaded: { navigation: Promise<unknown> };\n  locations: {\n    generate: (chars: number) => Promise<string[]>;\n    length: () => number;\n    locationFromCfi: (cfi: string) => number;\n  };\n  renderTo: (el: HTMLElement, opts: Record<string, unknown>) => RenditionLike;\n  destroy: () => void;\n}\n\nconst A4_WIDTH = 794;\n\nconst props = defineProps<{ url: string }>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst emit = defineEmits<{\n  (e: 'chapterChange', current: number, total: number): void;\n  (e: 'fullWidthChange', isFullWidth: boolean): void;\n}>();\n\nconst viewerRef = ref<HTMLDivElement | null>(null);\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst isFullWidth = ref(false);\nconst toc = ref<TocItem[]>([]);\nconst showToc = ref(false);\nconst activeTocHref = ref('');\n\nlet book: BookLike | null = null;\nlet rendition: RenditionLike | null = null;\nlet totalLocations = 0;\nlet lastCfi: string | null = null;\n\nconst cleanup = () => {\n  try { rendition?.destroy?.(); } catch { /* ignore */ }\n  try { book?.destroy(); } catch { /* ignore */ }\n  rendition = null;\n  book = null;\n  totalLocations = 0;\n  lastCfi = null;\n};\n\nconst prevPage = () => { rendition?.prev(); };\nconst nextPage = () => { rendition?.next(); };\nconst toggleFullWidth = () => {\n  isFullWidth.value = !isFullWidth.value;\n  emit('fullWidthChange', isFullWidth.value);\n  setTimeout(() => {\n    if (viewerRef.value && rendition) {\n      rendition.resize(viewerRef.value.offsetWidth, viewerRef.value.offsetHeight);\n      if (lastCfi) {\n        rendition.display(lastCfi);\n      }\n      // resize/display 可能重建 .epub-container，需要重新绑定滚动监听\n      reattachScrollListener();\n    }\n  }, 350);\n};\nconst toggleToc = () => { showToc.value = !showToc.value; };\nconst handleTocClick = (href: string) => {\n  activeTocHref.value = href;\n  rendition?.display(href);\n  showToc.value = false;\n};\n\nconst isActive = (href: string) => {\n  return href === activeTocHref.value;\n};\n\ndefineExpose({ prevPage, nextPage, toggleFullWidth, toggleToc });\n\nconst loadEpub = async () => {\n  if (!viewerRef.value) return;\n\n  loading.value = true;\n  error.value = null;\n  toc.value = [];\n  showToc.value = false;\n  viewerRef.value.innerHTML = '';\n  cleanup();\n\n  try {\n    let bookInput: string | ArrayBuffer = props.url;\n    if (props.url.startsWith('blob:')) {\n      const resp = await fetcher.value(props.url);\n      bookInput = await resp.arrayBuffer();\n    }\n\n    book = ePub(bookInput) as unknown as BookLike;\n\n    rendition = book.renderTo(viewerRef.value, {\n      manager: 'continuous',\n      flow: 'scrolled',\n      width: '100%',\n      height: '100%',\n    });\n\n    rendition.themes.register('default', {\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        padding: '40px 60px !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: { 'text-indent': '2em !important', margin: '0.8em 0 !important' },\n      h1: { 'text-align': 'center !important', margin: '1.5em 0 1em !important' },\n      h2: { margin: '1.2em 0 0.8em !important' },\n      h3: { margin: '1em 0 0.6em !important' },\n      img: { 'max-width': '100% !important', height: 'auto !important' },\n      a: { color: '#2563eb !important', 'text-decoration': 'none !important' },\n    });\n    rendition.themes.select('default');\n\n    await book.ready;\n\n    // 异步生成 locations 索引\n    book.locations.generate(1024).then(() => {\n      if (!book) return;\n      totalLocations = book.locations.length();\n      const loc = rendition?.currentLocation() as { start?: { location?: number } } | undefined;\n      const cur = loc?.start?.location ?? 0;\n      emit('chapterChange', cur + 1, totalLocations);\n    }).catch(() => { /* ignore */ });\n\n    const nav = await book.loaded.navigation as { toc?: TocItem[] };\n    if (Array.isArray(nav?.toc)) {\n      toc.value = nav.toc;\n    }\n\n    await rendition.display();\n\n    loading.value = false;\n    emit('chapterChange', 1, totalLocations || 1);\n\n    rendition.on('relocated', (location: unknown) => {\n      const loc = location as { start?: { cfi?: string; location?: number; href?: string } };\n      if (loc?.start?.cfi) {\n        lastCfi = loc.start.cfi;\n      }\n      if (loc?.start?.href) {\n        // 根据 spine href 查找匹配的 TOC 项\n        const spineHref = loc.start.href;\n        const matches: string[] = [];\n        const collect = (items: TocItem[]) => {\n          for (const item of items) {\n            const base = item.href.split('#')[0];\n            if (base && (spineHref === base || spineHref.endsWith('/' + base) || spineHref.endsWith(base))) {\n              matches.push(item.href);\n            }\n            if (item.subitems) collect(item.subitems);\n          }\n        };\n        collect(toc.value);\n        if (matches.length === 1) {\n          activeTocHref.value = matches[0];\n        }\n        // 多个匹配（同一文件不同 anchor）时保持当前选中（由点击设置）\n      }\n      const cur = loc?.start?.location;\n      if (typeof cur === 'number' && totalLocations > 0) {\n        emit('chapterChange', cur + 1, totalLocations);\n      }\n    });\n  } catch (err) {\n    console.error('EPUB 加载错误:', err);\n    error.value = t.value('epub.load_failed');\n    loading.value = false;\n  }\n};\n\nconst onResize = () => {\n  if (!viewerRef.value || !rendition) return;\n  rendition.resize(viewerRef.value.offsetWidth, viewerRef.value.offsetHeight);\n};\n\n// 监听 epub-container 滚动，接近底部时强制加载后续 section\nlet scrollContainer: Element | null = null;\nconst onContainerScroll = () => {\n  if (!scrollContainer) return;\n  const el = scrollContainer as HTMLElement;\n  if (el.scrollTop + el.clientHeight >= el.scrollHeight - 200) {\n    try {\n      const mgr = (rendition as unknown as { manager?: { check?: (t?: number, e?: number) => Promise<unknown> } })?.manager;\n      // 传递垂直偏移量参数，让 check() 在接近底部时就触发加载下一节\n      mgr?.check?.(500, 500);\n    } catch { /* ignore */ }\n  }\n};\n\nconst reattachScrollListener = () => {\n  // 清理旧监听\n  if (scrollContainer) {\n    scrollContainer.removeEventListener('scroll', onContainerScroll);\n    scrollContainer = null;\n  }\n  const tryAttach = () => {\n    scrollContainer = viewerRef.value?.querySelector('.epub-container') ?? null;\n    if (scrollContainer) {\n      scrollContainer.addEventListener('scroll', onContainerScroll, { passive: true });\n    } else {\n      requestAnimationFrame(tryAttach);\n    }\n  };\n  requestAnimationFrame(tryAttach);\n};\n\nonMounted(() => {\n  loadEpub();\n  window.addEventListener('resize', onResize);\n  reattachScrollListener();\n});\n\nwatch(() => props.url, (newUrl) => {\n  // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n  if (newUrl) loadEpub();\n});\n\nonBeforeUnmount(() => {\n  window.removeEventListener('resize', onResize);\n  scrollContainer?.removeEventListener('scroll', onContainerScroll);\n  cleanup();\n});\n</script>\n\n<template>\n  <div class=\"vfp-relative vfp-w-full vfp-h-full vfp-flex vfp-justify-center vfp-bg-surface-1 vfp-overflow-hidden\">\n    <RendererError v-if=\"error\" :message=\"error\" class=\"vfp-absolute vfp-inset-0\" />\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\"\n      :style=\"{ opacity: showToc ? 1 : 0, pointerEvents: showToc ? 'auto' : 'none', transition: 'opacity 0.3s' }\"\n    >\n      <div\n        class=\"vfp-w-72 vfp-h-full vfp-flex vfp-flex-col\"\n        :style=\"{\n          maxWidth: '80%',\n          background: 'rgba(0,0,0,0.9)',\n          backdropFilter: 'blur(12px)',\n          borderRight: '1px solid rgba(255,255,255,0.1)',\n          boxShadow: '0 25px 50px -12px rgba(0,0,0,0.25)',\n          transform: showToc ? 'translateX(0)' : 'translateX(-100%)',\n          transition: 'transform 0.3s ease',\n        }\"\n      >\n        <div class=\"vfp-flex vfp-items-center vfp-justify-between vfp-flex-shrink-0\" style=\"padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,0.1)\">\n          <span style=\"color: white; font-weight: 500; font-size: 14px\">{{ t('toolbar.toc') }}</span>\n          <button style=\"color: rgba(255,255,255,0.6); background: none; border: none; cursor: pointer; padding: 4px\" @click=\"showToc = false\">\n            <X style=\"width: 16px; height: 16px\" />\n          </button>\n        </div>\n        <div class=\"vfp-flex-1 vfp-overflow-y-auto\" style=\"padding: 8px 4px\">\n          <template v-for=\"(item, i) in toc\" :key=\"`${item.href}-${i}`\">\n            <button\n              :style=\"{\n                width: '100%', textAlign: 'left', padding: '8px 12px', fontSize: '14px',\n                color: isActive(item.href) ? 'white' : 'rgba(255,255,255,0.7)',\n                fontWeight: isActive(item.href) ? '500' : '400',\n                background: isActive(item.href) ? 'rgba(255,255,255,0.15)' : 'none',\n                border: 'none', cursor: 'pointer', borderRadius: '4px',\n                overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'block',\n                transition: 'all 0.15s',\n              }\"\n              :title=\"item.label\"\n              @click=\"handleTocClick(item.href)\"\n              @mouseenter=\"!isActive(item.href) && (($event.target as HTMLElement).style.background = 'rgba(255,255,255,0.1)')\"\n              @mouseleave=\"!isActive(item.href) && (($event.target as HTMLElement).style.background = 'none')\"\n            >\n              {{ item.label.trim() }}\n            </button>\n            <template v-if=\"item.subitems && item.subitems.length > 0\">\n              <button\n                v-for=\"(sub, j) in item.subitems\"\n                :key=\"`${sub.href}-${j}`\"\n                :style=\"{\n                  width: '100%', textAlign: 'left', padding: '8px 12px 8px 28px', fontSize: '13px',\n                  color: isActive(sub.href) ? 'white' : 'rgba(255,255,255,0.6)',\n                  fontWeight: isActive(sub.href) ? '500' : '400',\n                  background: isActive(sub.href) ? 'rgba(255,255,255,0.15)' : 'none',\n                  border: 'none', cursor: 'pointer', borderRadius: '4px',\n                  overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'block',\n                  transition: 'all 0.15s',\n                }\"\n                :title=\"sub.label\"\n                @click=\"handleTocClick(sub.href)\"\n                @mouseenter=\"!isActive(sub.href) && (($event.target as HTMLElement).style.background = 'rgba(255,255,255,0.1)')\"\n                @mouseleave=\"!isActive(sub.href) && (($event.target as HTMLElement).style.background = 'none')\"\n              >\n                {{ sub.label.trim() }}\n              </button>\n            </template>\n          </template>\n        </div>\n      </div>\n      <div\n        class=\"vfp-flex-1\"\n        :style=\"{ background: showToc ? 'rgba(0,0,0,0.3)' : 'transparent', transition: 'background 0.3s' }\"\n        @click=\"showToc = false\"\n      />\n    </div>\n\n    <div\n      v-if=\"!error\"\n      ref=\"viewerRef\"\n      class=\"vfp-h-full vfp-bg-surface-toolbar\"\n      :style=\"{\n        width: isFullWidth ? '100%' : `${A4_WIDTH}px`,\n        maxWidth: '100%',\n        transition: 'width 0.3s ease',\n        boxShadow: '0 1px 3px rgba(0,0,0,0.12)',\n        overflow: 'hidden',\n      }\"\n    />\n  </div>\n</template>\n\n<style>\n.epub-container { overflow-y: auto !important; scrollbar-width: thin; }\n.epub-container::-webkit-scrollbar { width: 8px; }\n.epub-container::-webkit-scrollbar-track { background: transparent; }\n.epub-container::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }\n.epub-container::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); }\n.epub-view > iframe { background: white; }\n</style>\n"],"names":["A4_WIDTH","props","__props","t","useTranslator","fetcher","useFetcher","emit","__emit","viewerRef","ref","loading","error","isFullWidth","toc","showToc","activeTocHref","book","rendition","totalLocations","lastCfi","cleanup","_a","prevPage","nextPage","toggleFullWidth","reattachScrollListener","toggleToc","handleTocClick","href","isActive","__expose","loadEpub","bookInput","ePub","loc","cur","nav","location","_b","spineHref","matches","collect","items","item","base","_c","err","onResize","scrollContainer","onContainerScroll","el","mgr","tryAttach","onMounted","watch","newUrl","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createBlock","RendererError","_hoisted_2","_cache","_createElementVNode","_normalizeStyle","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_createVNode","X","_hoisted_5","_Fragment","_renderList","i","$event","_hoisted_6","sub","j","_hoisted_7"],"mappings":"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"}
+{"version":3,"file":"index-P8naV3DU.mjs","sources":["../../src/renderers/Epub/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport ePub from '@likecoin/epub-ts';\nimport { X } from 'lucide-vue-next';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport RendererError from '../RendererError.vue';\n\ninterface TocItem {\n  label: string;\n  href: string;\n  subitems?: TocItem[];\n}\n\ninterface RenditionLike {\n  display: (target?: string) => Promise<unknown>;\n  next: () => Promise<unknown>;\n  prev: () => Promise<unknown>;\n  on: (event: string, cb: (...args: unknown[]) => void) => void;\n  resize: (width: number, height: number) => void;\n  currentLocation: () => unknown;\n  destroy?: () => void;\n  themes: {\n    register: (name: string, styles: Record<string, unknown>) => void;\n    select: (name: string) => void;\n  };\n}\n\ninterface BookLike {\n  ready: Promise<unknown>;\n  loaded: { navigation: Promise<unknown> };\n  locations: {\n    generate: (chars: number) => Promise<string[]>;\n    length: () => number;\n    locationFromCfi: (cfi: string) => number;\n  };\n  renderTo: (el: HTMLElement, opts: Record<string, unknown>) => RenditionLike;\n  destroy: () => void;\n}\n\nconst A4_WIDTH = 794;\n\nconst props = defineProps<{ url: string }>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst emit = defineEmits<{\n  (e: 'chapterChange', current: number, total: number): void;\n  (e: 'fullWidthChange', isFullWidth: boolean): void;\n}>();\n\nconst viewerRef = ref<HTMLDivElement | null>(null);\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst isFullWidth = ref(false);\nconst toc = ref<TocItem[]>([]);\nconst showToc = ref(false);\nconst activeTocHref = ref('');\n\nlet book: BookLike | null = null;\nlet rendition: RenditionLike | null = null;\nlet totalLocations = 0;\nlet lastCfi: string | null = null;\n\nconst cleanup = () => {\n  try { rendition?.destroy?.(); } catch { /* ignore */ }\n  try { book?.destroy(); } catch { /* ignore */ }\n  rendition = null;\n  book = null;\n  totalLocations = 0;\n  lastCfi = null;\n};\n\nconst prevPage = () => { rendition?.prev(); };\nconst nextPage = () => { rendition?.next(); };\nconst toggleFullWidth = () => {\n  isFullWidth.value = !isFullWidth.value;\n  emit('fullWidthChange', isFullWidth.value);\n  setTimeout(() => {\n    if (viewerRef.value && rendition) {\n      rendition.resize(viewerRef.value.offsetWidth, viewerRef.value.offsetHeight);\n      if (lastCfi) {\n        rendition.display(lastCfi);\n      }\n      // resize/display 可能重建 .epub-container，需要重新绑定滚动监听\n      reattachScrollListener();\n    }\n  }, 350);\n};\nconst toggleToc = () => { showToc.value = !showToc.value; };\nconst handleTocClick = (href: string) => {\n  activeTocHref.value = href;\n  rendition?.display(href);\n  showToc.value = false;\n};\n\nconst isActive = (href: string) => {\n  return href === activeTocHref.value;\n};\n\ndefineExpose({ prevPage, nextPage, toggleFullWidth, toggleToc });\n\nconst loadEpub = async () => {\n  if (!viewerRef.value) return;\n\n  loading.value = true;\n  error.value = null;\n  toc.value = [];\n  showToc.value = false;\n  viewerRef.value.innerHTML = '';\n  cleanup();\n\n  try {\n    let bookInput: string | ArrayBuffer = props.url;\n    if (props.url.startsWith('blob:')) {\n      const resp = await fetcher.value(props.url);\n      bookInput = await resp.arrayBuffer();\n    }\n\n    book = ePub(bookInput) as unknown as BookLike;\n\n    rendition = book.renderTo(viewerRef.value, {\n      manager: 'continuous',\n      flow: 'scrolled',\n      width: '100%',\n      height: '100%',\n    });\n\n    rendition.themes.register('default', {\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        padding: '40px 60px !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: { 'text-indent': '2em !important', margin: '0.8em 0 !important' },\n      h1: { 'text-align': 'center !important', margin: '1.5em 0 1em !important' },\n      h2: { margin: '1.2em 0 0.8em !important' },\n      h3: { margin: '1em 0 0.6em !important' },\n      img: { 'max-width': '100% !important', height: 'auto !important' },\n      a: { color: '#2563eb !important', 'text-decoration': 'none !important' },\n    });\n    rendition.themes.select('default');\n\n    await book.ready;\n\n    // 异步生成 locations 索引\n    book.locations.generate(1024).then(() => {\n      if (!book) return;\n      totalLocations = book.locations.length();\n      const loc = rendition?.currentLocation() as { start?: { location?: number } } | undefined;\n      const cur = loc?.start?.location ?? 0;\n      emit('chapterChange', cur + 1, totalLocations);\n    }).catch(() => { /* ignore */ });\n\n    const nav = await book.loaded.navigation as { toc?: TocItem[] };\n    if (Array.isArray(nav?.toc)) {\n      toc.value = nav.toc;\n    }\n\n    await rendition.display();\n\n    loading.value = false;\n    emit('chapterChange', 1, totalLocations || 1);\n\n    rendition.on('relocated', (location: unknown) => {\n      const loc = location as { start?: { cfi?: string; location?: number; href?: string } };\n      if (loc?.start?.cfi) {\n        lastCfi = loc.start.cfi;\n      }\n      if (loc?.start?.href) {\n        // 根据 spine href 查找匹配的 TOC 项\n        const spineHref = loc.start.href;\n        const matches: string[] = [];\n        const collect = (items: TocItem[]) => {\n          for (const item of items) {\n            const base = item.href.split('#')[0];\n            if (base && (spineHref === base || spineHref.endsWith('/' + base) || spineHref.endsWith(base))) {\n              matches.push(item.href);\n            }\n            if (item.subitems) collect(item.subitems);\n          }\n        };\n        collect(toc.value);\n        if (matches.length === 1) {\n          activeTocHref.value = matches[0];\n        }\n        // 多个匹配（同一文件不同 anchor）时保持当前选中（由点击设置）\n      }\n      const cur = loc?.start?.location;\n      if (typeof cur === 'number' && totalLocations > 0) {\n        emit('chapterChange', cur + 1, totalLocations);\n      }\n    });\n  } catch (err) {\n    console.error('EPUB 加载错误:', err);\n    error.value = t.value('epub.load_failed');\n    loading.value = false;\n  }\n};\n\nconst onResize = () => {\n  if (!viewerRef.value || !rendition) return;\n  rendition.resize(viewerRef.value.offsetWidth, viewerRef.value.offsetHeight);\n};\n\n// 监听 epub-container 滚动，接近底部时强制加载后续 section\nlet scrollContainer: Element | null = null;\nconst onContainerScroll = () => {\n  if (!scrollContainer) return;\n  const el = scrollContainer as HTMLElement;\n  if (el.scrollTop + el.clientHeight >= el.scrollHeight - 200) {\n    try {\n      const mgr = (rendition as unknown as { manager?: { check?: (t?: number, e?: number) => Promise<unknown> } })?.manager;\n      // 传递垂直偏移量参数，让 check() 在接近底部时就触发加载下一节\n      mgr?.check?.(500, 500);\n    } catch { /* ignore */ }\n  }\n};\n\nconst reattachScrollListener = () => {\n  // 清理旧监听\n  if (scrollContainer) {\n    scrollContainer.removeEventListener('scroll', onContainerScroll);\n    scrollContainer = null;\n  }\n  const tryAttach = () => {\n    scrollContainer = viewerRef.value?.querySelector('.epub-container') ?? null;\n    if (scrollContainer) {\n      scrollContainer.addEventListener('scroll', onContainerScroll, { passive: true });\n    } else {\n      requestAnimationFrame(tryAttach);\n    }\n  };\n  requestAnimationFrame(tryAttach);\n};\n\nonMounted(() => {\n  loadEpub();\n  window.addEventListener('resize', onResize);\n  reattachScrollListener();\n});\n\nwatch(() => props.url, (newUrl) => {\n  // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n  if (newUrl) loadEpub();\n});\n\nonBeforeUnmount(() => {\n  window.removeEventListener('resize', onResize);\n  scrollContainer?.removeEventListener('scroll', onContainerScroll);\n  cleanup();\n});\n</script>\n\n<template>\n  <div class=\"vfp-relative vfp-w-full vfp-h-full vfp-flex vfp-justify-center vfp-bg-surface-1 vfp-overflow-hidden\">\n    <RendererError v-if=\"error\" :message=\"error\" class=\"vfp-absolute vfp-inset-0\" />\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\"\n      :style=\"{ opacity: showToc ? 1 : 0, pointerEvents: showToc ? 'auto' : 'none', transition: 'opacity 0.3s' }\"\n    >\n      <div\n        class=\"vfp-w-72 vfp-h-full vfp-flex vfp-flex-col\"\n        :style=\"{\n          maxWidth: '80%',\n          background: 'rgba(0,0,0,0.9)',\n          backdropFilter: 'blur(12px)',\n          borderRight: '1px solid rgba(255,255,255,0.1)',\n          boxShadow: '0 25px 50px -12px rgba(0,0,0,0.25)',\n          transform: showToc ? 'translateX(0)' : 'translateX(-100%)',\n          transition: 'transform 0.3s ease',\n        }\"\n      >\n        <div class=\"vfp-flex vfp-items-center vfp-justify-between vfp-flex-shrink-0\" style=\"padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,0.1)\">\n          <span style=\"color: white; font-weight: 500; font-size: 14px\">{{ t('toolbar.toc') }}</span>\n          <button style=\"color: rgba(255,255,255,0.6); background: none; border: none; cursor: pointer; padding: 4px\" @click=\"showToc = false\">\n            <X style=\"width: 16px; height: 16px\" />\n          </button>\n        </div>\n        <div class=\"vfp-flex-1 vfp-overflow-y-auto\" style=\"padding: 8px 4px\">\n          <template v-for=\"(item, i) in toc\" :key=\"`${item.href}-${i}`\">\n            <button\n              :style=\"{\n                width: '100%', textAlign: 'left', padding: '8px 12px', fontSize: '14px',\n                color: isActive(item.href) ? 'white' : 'rgba(255,255,255,0.7)',\n                fontWeight: isActive(item.href) ? '500' : '400',\n                background: isActive(item.href) ? 'rgba(255,255,255,0.15)' : 'none',\n                border: 'none', cursor: 'pointer', borderRadius: '4px',\n                overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'block',\n                transition: 'all 0.15s',\n              }\"\n              :title=\"item.label\"\n              @click=\"handleTocClick(item.href)\"\n              @mouseenter=\"!isActive(item.href) && (($event.target as HTMLElement).style.background = 'rgba(255,255,255,0.1)')\"\n              @mouseleave=\"!isActive(item.href) && (($event.target as HTMLElement).style.background = 'none')\"\n            >\n              {{ item.label.trim() }}\n            </button>\n            <template v-if=\"item.subitems && item.subitems.length > 0\">\n              <button\n                v-for=\"(sub, j) in item.subitems\"\n                :key=\"`${sub.href}-${j}`\"\n                :style=\"{\n                  width: '100%', textAlign: 'left', padding: '8px 12px 8px 28px', fontSize: '13px',\n                  color: isActive(sub.href) ? 'white' : 'rgba(255,255,255,0.6)',\n                  fontWeight: isActive(sub.href) ? '500' : '400',\n                  background: isActive(sub.href) ? 'rgba(255,255,255,0.15)' : 'none',\n                  border: 'none', cursor: 'pointer', borderRadius: '4px',\n                  overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', display: 'block',\n                  transition: 'all 0.15s',\n                }\"\n                :title=\"sub.label\"\n                @click=\"handleTocClick(sub.href)\"\n                @mouseenter=\"!isActive(sub.href) && (($event.target as HTMLElement).style.background = 'rgba(255,255,255,0.1)')\"\n                @mouseleave=\"!isActive(sub.href) && (($event.target as HTMLElement).style.background = 'none')\"\n              >\n                {{ sub.label.trim() }}\n              </button>\n            </template>\n          </template>\n        </div>\n      </div>\n      <div\n        class=\"vfp-flex-1\"\n        :style=\"{ background: showToc ? 'rgba(0,0,0,0.3)' : 'transparent', transition: 'background 0.3s' }\"\n        @click=\"showToc = false\"\n      />\n    </div>\n\n    <div\n      v-if=\"!error\"\n      ref=\"viewerRef\"\n      class=\"vfp-h-full vfp-bg-surface-toolbar\"\n      :style=\"{\n        width: isFullWidth ? '100%' : `${A4_WIDTH}px`,\n        maxWidth: '100%',\n        transition: 'width 0.3s ease',\n        boxShadow: '0 1px 3px rgba(0,0,0,0.12)',\n        overflow: 'hidden',\n      }\"\n    />\n  </div>\n</template>\n\n<style>\n.epub-container { overflow-y: auto !important; scrollbar-width: thin; }\n.epub-container::-webkit-scrollbar { width: 8px; }\n.epub-container::-webkit-scrollbar-track { background: transparent; }\n.epub-container::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }\n.epub-container::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.3); }\n.epub-view > iframe { background: white; }\n</style>\n"],"names":["A4_WIDTH","props","__props","t","useTranslator","fetcher","useFetcher","emit","__emit","viewerRef","ref","loading","error","isFullWidth","toc","showToc","activeTocHref","book","rendition","totalLocations","lastCfi","cleanup","_a","prevPage","nextPage","toggleFullWidth","reattachScrollListener","toggleToc","handleTocClick","href","isActive","__expose","loadEpub","bookInput","ePub","loc","cur","nav","location","_b","spineHref","matches","collect","items","item","base","_c","err","onResize","scrollContainer","onContainerScroll","el","mgr","tryAttach","onMounted","watch","newUrl","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createBlock","RendererError","_hoisted_2","_cache","_createElementVNode","_normalizeStyle","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_createVNode","X","_hoisted_5","_Fragment","_renderList","i","$event","_hoisted_6","sub","j","_hoisted_7"],"mappings":"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"}

package/lib/chunks/{index-Dw1U4YqT.mjs → index-VTsO_yR7.mjs}

@@ -2,7 +2,7 @@ import { defineComponent as A, computed as G, ref as s, watch as y, nextTick as
 import K from "markdown-it";
 import O from "@traptitech/markdown-it-katex";
 import { codeToHtml as H } from "shiki";
-import { u as R, a as N, c as Y, E as F, _ as W } from "./index-Oxwizt6-.mjs";
+import { u as R, a as N, c as Y, E as F, _ as W } from "./index-CFaWV6cC.mjs";
 import { _ as z } from "./RendererError.vue_vue_type_script_setup_true_lang-CbgZBSDr.mjs";
 const J = {
   key: 0,
@@ -129,4 +129,4 @@ const J = {
 export {
   pe as default
 };
-//# sourceMappingURL=index-Dw1U4YqT.mjs.map
+//# sourceMappingURL=index-VTsO_yR7.mjs.map

package/lib/chunks/{index-Dw1U4YqT.mjs.map → index-VTsO_yR7.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Dw1U4YqT.mjs","sources":["../../src/renderers/Markdown/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick } from 'vue';\nimport MarkdownIt from 'markdown-it';\nimport MarkdownItKatex from '@traptitech/markdown-it-katex';\nimport { codeToHtml } from 'shiki';\nimport { fetchTextUtf8 } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport { useResolvedTheme } from '../../composables/useResolvedTheme';\nimport RendererError from '../RendererError.vue';\nimport 'katex/dist/katex.min.css';\n\nconst props = defineProps<{\n  url: string;\n  viewMode?: 'preview' | 'source';\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\nconst resolvedTheme = useResolvedTheme();\nconst shikiTheme = computed(() => (resolvedTheme.value === 'light' ? 'github-light' : 'github-dark'));\n\nconst content = ref('');\nconst html = ref('');\nconst highlightedSource = ref('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst containerRef = ref<HTMLDivElement | null>(null);\n\n// 创建 markdown-it 实例（支持 GFM 表格、删除线、任务列表、HTML、数学公式）\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: false,\n  breaks: false,\n});\nmd.use(MarkdownItKatex);\n\n// 自定义代码块渲染：包裹 code-block-wrapper + header（不含复制按钮，由 JS 动态注入）\nmd.renderer.rules.fence = (tokens, idx) => {\n  const token = tokens[idx];\n  const info = token.info ? token.info.trim() : '';\n  const code = token.content;\n\n  if (!info) {\n    return `<div class=\"code-block-wrapper\">\n    <pre class=\"no-lang-pre\"><code>${md.utils.escapeHtml(code)}</code></pre>\n  </div>`;\n  }\n\n  return `<div class=\"code-block-wrapper\">\n    <div class=\"code-block-header\">\n      <span>${info}</span>\n    </div>\n    <pre data-shiki-pending=\"1\" data-lang=\"${info}\"><code>${md.utils.escapeHtml(code)}</code></pre>\n  </div>`;\n};\n\n// 4-space 缩进代码块：同样包裹 code-block-wrapper（无头，注入浮动复制按钮）\nmd.renderer.rules.code_block = (tokens, idx) => {\n  const code = tokens[idx].content;\n  return `<div class=\"code-block-wrapper\">\n    <pre class=\"no-lang-pre\"><code>${md.utils.escapeHtml(code)}</code></pre>\n  </div>`;\n};\n\n// 表格添加包裹层（用于横向滚动）\nconst defaultTableOpen =\n  md.renderer.rules.table_open ||\n  ((tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options));\nmd.renderer.rules.table_open = (tokens, idx, options, env, self) => {\n  return '<div class=\"table-wrapper\">' + defaultTableOpen(tokens, idx, options, env, self);\n};\nconst defaultTableClose =\n  md.renderer.rules.table_close ||\n  ((tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options));\nmd.renderer.rules.table_close = (tokens, idx, options, env, self) => {\n  return defaultTableClose(tokens, idx, options, env, self) + '</div>';\n};\n\nconst loadMarkdown = async () => {\n  loading.value = true;\n  error.value = null;\n  try {\n    const text = await fetchTextUtf8(props.url, { fetcher: fetcher.value });\n    content.value = text;\n    html.value = md.render(text);\n    loading.value = false;\n    // 异步生成源码高亮（不阻塞预览渲染）\n    try {\n      highlightedSource.value = await codeToHtml(text, { lang: 'markdown', theme: shikiTheme.value });\n    } catch {\n      highlightedSource.value = '';\n    }\n  } catch (err) {\n    console.error(err);\n    error.value = t.value('markdown.load_failed');\n    loading.value = false;\n  }\n};\n\nconst COPY_SVG_SM = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/></svg>`;\nconst COPY_SVG_MD = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/></svg>`;\nconst CHECK_SVG_SM = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"/></svg>`;\nconst CHECK_SVG_MD = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"/></svg>`;\n\nconst createCopyButton = (code: string, inline: boolean): HTMLButtonElement => {\n  const btn = document.createElement('button');\n  btn.type = 'button';\n  btn.className = inline ? 'code-copy-btn' : 'code-copy-btn code-copy-float';\n  btn.title = t.value('markdown.copy_code');\n  btn.innerHTML = inline ? COPY_SVG_SM : COPY_SVG_MD;\n  btn.addEventListener('click', async (e) => {\n    e.stopPropagation();\n    try {\n      await navigator.clipboard.writeText(code);\n    } catch {\n      const ta = document.createElement('textarea');\n      ta.value = code;\n      document.body.appendChild(ta);\n      ta.select();\n      document.execCommand('copy');\n      document.body.removeChild(ta);\n    }\n    btn.innerHTML = inline ? CHECK_SVG_SM : CHECK_SVG_MD;\n    btn.title = t.value('markdown.copied');\n    setTimeout(() => {\n      btn.innerHTML = inline ? COPY_SVG_SM : COPY_SVG_MD;\n      btn.title = t.value('markdown.copy_code');\n    }, 2000);\n  });\n  return btn;\n};\n\nconst highlightAndInjectCopyButtons = async () => {\n  if (!containerRef.value) return;\n\n  // 1. shiki 高亮有语言的代码块\n  const pending = containerRef.value.querySelectorAll<HTMLPreElement>('pre[data-shiki-pending=\"1\"]');\n  for (const pre of pending) {\n    const lang = pre.getAttribute('data-lang') || 'text';\n    const code = pre.querySelector('code')?.textContent || '';\n    try {\n      const highlighted = await codeToHtml(code, { lang, theme: shikiTheme.value });\n      const tmp = document.createElement('div');\n      tmp.innerHTML = highlighted;\n      const newPre = tmp.firstElementChild as HTMLElement;\n      if (newPre) pre.replaceWith(newPre);\n    } catch {\n      pre.style.backgroundColor = 'var(--fp-code-bg)';\n      pre.removeAttribute('data-shiki-pending');\n    }\n  }\n\n  // 2. 为所有代码块注入复制按钮（避免重复注入）\n  const wrappers = containerRef.value.querySelectorAll<HTMLElement>('.code-block-wrapper');\n  for (const wrapper of wrappers) {\n    if (wrapper.querySelector('.code-copy-btn')) continue;\n    const header = wrapper.querySelector('.code-block-header');\n    const pre = wrapper.querySelector('pre');\n    const code = pre?.querySelector('code')?.textContent ?? pre?.textContent ?? '';\n    if (header) {\n      // 有语言：按钮放入 header 右侧\n      header.appendChild(createCopyButton(code, true));\n    } else {\n      // 无语言：浮动按钮\n      wrapper.appendChild(createCopyButton(code, false));\n    }\n  }\n};\n\nwatch(() => props.url, loadMarkdown, { immediate: true });\n\nwatch(html, async () => {\n  if (!html.value) return;\n  await nextTick();\n  highlightAndInjectCopyButtons();\n});\n\n// 主题切换时重新加载（让 shiki 用新主题重新高亮）\nwatch(shikiTheme, () => {\n  if (content.value) loadMarkdown();\n});\n</script>\n\n<template>\n  <div v-if=\"loading\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div\n      class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n    />\n  </div>\n\n  <RendererError v-else-if=\"error\" :message=\"error\" />\n\n  <!-- 源码视图 -->\n  <div v-else-if=\"viewMode === 'source'\" class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <pre\n      v-if=\"!highlightedSource\"\n      class=\"vfp-p-6 vfp-text-fg-primary vfp-font-mono vfp-text-sm vfp-whitespace-pre-wrap vfp-break-words\"\n      >{{ content }}</pre\n    >\n    <div v-else class=\"shiki-wrapper\" v-html=\"highlightedSource\" />\n  </div>\n\n  <!-- 预览视图 -->\n  <div v-else class=\"vfp-w-full vfp-h-full vfp-overflow-auto vfp-p-6 md:vfp-p-10\">\n    <div class=\"vfp-max-w-full md:vfp-max-w-4xl vfp-mx-auto\">\n      <div ref=\"containerRef\" class=\"markdown-body\" v-html=\"html\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.markdown-body :deep(.table-wrapper) {\n  overflow-x: auto;\n  margin: 1rem 0;\n  border-radius: 0.375rem;\n  border: 1px solid var(--fp-surface-3);\n}\n.markdown-body :deep(.table-wrapper > table) {\n  margin: 0;\n  border: 0;\n  border-radius: 0;\n}\n/* shiki 生成的 pre：修正在 code-block-wrapper 内的边距与圆角 */\n.markdown-body :deep(.code-block-wrapper pre.shiki) {\n  margin: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-top: 0;\n}\n/* 无语言代码块：pre 不裁剪，让浮动按钮可见 */\n.markdown-body :deep(.code-block-wrapper) {\n  overflow: visible;\n}\n.markdown-body :deep(.code-block-wrapper pre) {\n  overflow: visible;\n}\n/* 无语言代码块纯文本样式 */\n.markdown-body :deep(.no-lang-pre) {\n  margin: 0;\n  padding: 1rem;\n  background: var(--fp-code-bg);\n  border-radius: 0.375rem;\n  border: 1px solid var(--fp-line);\n}\n.markdown-body :deep(.no-lang-pre code) {\n  display: block;\n  font-size: 0.8125rem;\n  line-height: 1.5;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  color: var(--fp-fg-primary);\n  white-space: pre;\n  overflow-x: auto;\n}\n/* shiki 生成的 code：补充 padding，使代码有适当内边距 */\n.markdown-body :deep(pre.shiki code) {\n  display: block;\n  padding: 1rem;\n  font-size: 0.8125rem;\n  line-height: 1.5;\n  overflow-x: auto;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n}\n/* KaTeX 公式颜色适配暗色背景 */\n.markdown-body :deep(.katex) {\n  color: var(--fp-fg-primary);\n}\n.markdown-body :deep(.katex-display) {\n  margin: 1.25rem 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n/* 源码视图 shiki */\n.shiki-wrapper :deep(pre) {\n  margin: 0;\n  padding: 1.5rem;\n  background: transparent !important;\n  font-size: 0.875rem;\n  overflow-x: auto;\n}\n.shiki-wrapper :deep(code) {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n}\n</style>\n"],"names":["COPY_SVG_SM","COPY_SVG_MD","CHECK_SVG_SM","CHECK_SVG_MD","props","__props","t","useTranslator","fetcher","useFetcher","resolvedTheme","useResolvedTheme","shikiTheme","computed","content","ref","html","highlightedSource","loading","error","containerRef","md","MarkdownIt","MarkdownItKatex","tokens","idx","token","info","code","defaultTableOpen","options","_env","self","env","defaultTableClose","loadMarkdown","text","fetchTextUtf8","codeToHtml","err","createCopyButton","inline","btn","e","ta","highlightAndInjectCopyButtons","pending","pre","lang","_a","highlighted","tmp","newPre","wrappers","wrapper","header","_b","watch","nextTick","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createBlock","RendererError","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_5","_hoisted_6"],"mappings":"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"}
+{"version":3,"file":"index-VTsO_yR7.mjs","sources":["../../src/renderers/Markdown/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick } from 'vue';\nimport MarkdownIt from 'markdown-it';\nimport MarkdownItKatex from '@traptitech/markdown-it-katex';\nimport { codeToHtml } from 'shiki';\nimport { fetchTextUtf8 } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport { useResolvedTheme } from '../../composables/useResolvedTheme';\nimport RendererError from '../RendererError.vue';\nimport 'katex/dist/katex.min.css';\n\nconst props = defineProps<{\n  url: string;\n  viewMode?: 'preview' | 'source';\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\nconst resolvedTheme = useResolvedTheme();\nconst shikiTheme = computed(() => (resolvedTheme.value === 'light' ? 'github-light' : 'github-dark'));\n\nconst content = ref('');\nconst html = ref('');\nconst highlightedSource = ref('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst containerRef = ref<HTMLDivElement | null>(null);\n\n// 创建 markdown-it 实例（支持 GFM 表格、删除线、任务列表、HTML、数学公式）\nconst md = new MarkdownIt({\n  html: true,\n  linkify: true,\n  typographer: false,\n  breaks: false,\n});\nmd.use(MarkdownItKatex);\n\n// 自定义代码块渲染：包裹 code-block-wrapper + header（不含复制按钮，由 JS 动态注入）\nmd.renderer.rules.fence = (tokens, idx) => {\n  const token = tokens[idx];\n  const info = token.info ? token.info.trim() : '';\n  const code = token.content;\n\n  if (!info) {\n    return `<div class=\"code-block-wrapper\">\n    <pre class=\"no-lang-pre\"><code>${md.utils.escapeHtml(code)}</code></pre>\n  </div>`;\n  }\n\n  return `<div class=\"code-block-wrapper\">\n    <div class=\"code-block-header\">\n      <span>${info}</span>\n    </div>\n    <pre data-shiki-pending=\"1\" data-lang=\"${info}\"><code>${md.utils.escapeHtml(code)}</code></pre>\n  </div>`;\n};\n\n// 4-space 缩进代码块：同样包裹 code-block-wrapper（无头，注入浮动复制按钮）\nmd.renderer.rules.code_block = (tokens, idx) => {\n  const code = tokens[idx].content;\n  return `<div class=\"code-block-wrapper\">\n    <pre class=\"no-lang-pre\"><code>${md.utils.escapeHtml(code)}</code></pre>\n  </div>`;\n};\n\n// 表格添加包裹层（用于横向滚动）\nconst defaultTableOpen =\n  md.renderer.rules.table_open ||\n  ((tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options));\nmd.renderer.rules.table_open = (tokens, idx, options, env, self) => {\n  return '<div class=\"table-wrapper\">' + defaultTableOpen(tokens, idx, options, env, self);\n};\nconst defaultTableClose =\n  md.renderer.rules.table_close ||\n  ((tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options));\nmd.renderer.rules.table_close = (tokens, idx, options, env, self) => {\n  return defaultTableClose(tokens, idx, options, env, self) + '</div>';\n};\n\nconst loadMarkdown = async () => {\n  loading.value = true;\n  error.value = null;\n  try {\n    const text = await fetchTextUtf8(props.url, { fetcher: fetcher.value });\n    content.value = text;\n    html.value = md.render(text);\n    loading.value = false;\n    // 异步生成源码高亮（不阻塞预览渲染）\n    try {\n      highlightedSource.value = await codeToHtml(text, { lang: 'markdown', theme: shikiTheme.value });\n    } catch {\n      highlightedSource.value = '';\n    }\n  } catch (err) {\n    console.error(err);\n    error.value = t.value('markdown.load_failed');\n    loading.value = false;\n  }\n};\n\nconst COPY_SVG_SM = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/></svg>`;\nconst COPY_SVG_MD = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/></svg>`;\nconst CHECK_SVG_SM = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"/></svg>`;\nconst CHECK_SVG_MD = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"/></svg>`;\n\nconst createCopyButton = (code: string, inline: boolean): HTMLButtonElement => {\n  const btn = document.createElement('button');\n  btn.type = 'button';\n  btn.className = inline ? 'code-copy-btn' : 'code-copy-btn code-copy-float';\n  btn.title = t.value('markdown.copy_code');\n  btn.innerHTML = inline ? COPY_SVG_SM : COPY_SVG_MD;\n  btn.addEventListener('click', async (e) => {\n    e.stopPropagation();\n    try {\n      await navigator.clipboard.writeText(code);\n    } catch {\n      const ta = document.createElement('textarea');\n      ta.value = code;\n      document.body.appendChild(ta);\n      ta.select();\n      document.execCommand('copy');\n      document.body.removeChild(ta);\n    }\n    btn.innerHTML = inline ? CHECK_SVG_SM : CHECK_SVG_MD;\n    btn.title = t.value('markdown.copied');\n    setTimeout(() => {\n      btn.innerHTML = inline ? COPY_SVG_SM : COPY_SVG_MD;\n      btn.title = t.value('markdown.copy_code');\n    }, 2000);\n  });\n  return btn;\n};\n\nconst highlightAndInjectCopyButtons = async () => {\n  if (!containerRef.value) return;\n\n  // 1. shiki 高亮有语言的代码块\n  const pending = containerRef.value.querySelectorAll<HTMLPreElement>('pre[data-shiki-pending=\"1\"]');\n  for (const pre of pending) {\n    const lang = pre.getAttribute('data-lang') || 'text';\n    const code = pre.querySelector('code')?.textContent || '';\n    try {\n      const highlighted = await codeToHtml(code, { lang, theme: shikiTheme.value });\n      const tmp = document.createElement('div');\n      tmp.innerHTML = highlighted;\n      const newPre = tmp.firstElementChild as HTMLElement;\n      if (newPre) pre.replaceWith(newPre);\n    } catch {\n      pre.style.backgroundColor = 'var(--fp-code-bg)';\n      pre.removeAttribute('data-shiki-pending');\n    }\n  }\n\n  // 2. 为所有代码块注入复制按钮（避免重复注入）\n  const wrappers = containerRef.value.querySelectorAll<HTMLElement>('.code-block-wrapper');\n  for (const wrapper of wrappers) {\n    if (wrapper.querySelector('.code-copy-btn')) continue;\n    const header = wrapper.querySelector('.code-block-header');\n    const pre = wrapper.querySelector('pre');\n    const code = pre?.querySelector('code')?.textContent ?? pre?.textContent ?? '';\n    if (header) {\n      // 有语言：按钮放入 header 右侧\n      header.appendChild(createCopyButton(code, true));\n    } else {\n      // 无语言：浮动按钮\n      wrapper.appendChild(createCopyButton(code, false));\n    }\n  }\n};\n\nwatch(() => props.url, loadMarkdown, { immediate: true });\n\nwatch(html, async () => {\n  if (!html.value) return;\n  await nextTick();\n  highlightAndInjectCopyButtons();\n});\n\n// 主题切换时重新加载（让 shiki 用新主题重新高亮）\nwatch(shikiTheme, () => {\n  if (content.value) loadMarkdown();\n});\n</script>\n\n<template>\n  <div v-if=\"loading\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div\n      class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n    />\n  </div>\n\n  <RendererError v-else-if=\"error\" :message=\"error\" />\n\n  <!-- 源码视图 -->\n  <div v-else-if=\"viewMode === 'source'\" class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <pre\n      v-if=\"!highlightedSource\"\n      class=\"vfp-p-6 vfp-text-fg-primary vfp-font-mono vfp-text-sm vfp-whitespace-pre-wrap vfp-break-words\"\n      >{{ content }}</pre\n    >\n    <div v-else class=\"shiki-wrapper\" v-html=\"highlightedSource\" />\n  </div>\n\n  <!-- 预览视图 -->\n  <div v-else class=\"vfp-w-full vfp-h-full vfp-overflow-auto vfp-p-6 md:vfp-p-10\">\n    <div class=\"vfp-max-w-full md:vfp-max-w-4xl vfp-mx-auto\">\n      <div ref=\"containerRef\" class=\"markdown-body\" v-html=\"html\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.markdown-body :deep(.table-wrapper) {\n  overflow-x: auto;\n  margin: 1rem 0;\n  border-radius: 0.375rem;\n  border: 1px solid var(--fp-surface-3);\n}\n.markdown-body :deep(.table-wrapper > table) {\n  margin: 0;\n  border: 0;\n  border-radius: 0;\n}\n/* shiki 生成的 pre：修正在 code-block-wrapper 内的边距与圆角 */\n.markdown-body :deep(.code-block-wrapper pre.shiki) {\n  margin: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-top: 0;\n}\n/* 无语言代码块：pre 不裁剪，让浮动按钮可见 */\n.markdown-body :deep(.code-block-wrapper) {\n  overflow: visible;\n}\n.markdown-body :deep(.code-block-wrapper pre) {\n  overflow: visible;\n}\n/* 无语言代码块纯文本样式 */\n.markdown-body :deep(.no-lang-pre) {\n  margin: 0;\n  padding: 1rem;\n  background: var(--fp-code-bg);\n  border-radius: 0.375rem;\n  border: 1px solid var(--fp-line);\n}\n.markdown-body :deep(.no-lang-pre code) {\n  display: block;\n  font-size: 0.8125rem;\n  line-height: 1.5;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  color: var(--fp-fg-primary);\n  white-space: pre;\n  overflow-x: auto;\n}\n/* shiki 生成的 code：补充 padding，使代码有适当内边距 */\n.markdown-body :deep(pre.shiki code) {\n  display: block;\n  padding: 1rem;\n  font-size: 0.8125rem;\n  line-height: 1.5;\n  overflow-x: auto;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n}\n/* KaTeX 公式颜色适配暗色背景 */\n.markdown-body :deep(.katex) {\n  color: var(--fp-fg-primary);\n}\n.markdown-body :deep(.katex-display) {\n  margin: 1.25rem 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n/* 源码视图 shiki */\n.shiki-wrapper :deep(pre) {\n  margin: 0;\n  padding: 1.5rem;\n  background: transparent !important;\n  font-size: 0.875rem;\n  overflow-x: auto;\n}\n.shiki-wrapper :deep(code) {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n}\n</style>\n"],"names":["COPY_SVG_SM","COPY_SVG_MD","CHECK_SVG_SM","CHECK_SVG_MD","props","__props","t","useTranslator","fetcher","useFetcher","resolvedTheme","useResolvedTheme","shikiTheme","computed","content","ref","html","highlightedSource","loading","error","containerRef","md","MarkdownIt","MarkdownItKatex","tokens","idx","token","info","code","defaultTableOpen","options","_env","self","env","defaultTableClose","loadMarkdown","text","fetchTextUtf8","codeToHtml","err","createCopyButton","inline","btn","e","ta","highlightAndInjectCopyButtons","pending","pre","lang","_a","highlighted","tmp","newPre","wrappers","wrapper","header","_b","watch","nextTick","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createBlock","RendererError","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_5","_hoisted_6"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { defineComponent as E, ref as p, onMounted as T, watch as D, onBeforeUnm
 import W from "exceljs";
 import H from "x-data-spreadsheet";
 /* empty css                       */
-import { u as R, a as C, I } from "./index-Oxwizt6-.mjs";
+import { u as R, a as C, I } from "./index-CFaWV6cC.mjs";
 import { _ as L } from "./RendererError.vue_vue_type_script_setup_true_lang-CbgZBSDr.mjs";
 const F = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full" }, N = {
   key: 0,
@@ -114,4 +114,4 @@ const F = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-fu
 export {
   U as default
 };
-//# sourceMappingURL=index-DEoR7aDN.mjs.map
+//# sourceMappingURL=index-dG-p4BPD.mjs.map

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

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