@eternalheart/vue-file-preview 1.3.9 → 1.3.10

package/lib/chunks/{index-DjvWRo53.mjs.map → index-BUn7C84b.mjs.map}

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

package/lib/chunks/{index-Cfm88ItA.mjs → index-BY_XuO1z.mjs}

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

package/lib/chunks/{index-Cfm88ItA.mjs.map → index-BY_XuO1z.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Cfm88ItA.mjs","sources":["../../src/composables/useAudioPlayer.ts","../../src/renderers/Audio/index.vue"],"sourcesContent":["import { ref, watch, onUnmounted, type Ref } from 'vue';\nimport { formatTime } from '@eternalheart/file-preview-core';\n\n/**\n * Vue 3 版本的音频播放器 composable\n * 与 React 版的 useAudioPlayer 行为对齐\n */\nexport function useAudioPlayer(url: Ref<string>) {\n  const audioRef = ref<HTMLAudioElement | null>(null);\n  const isPlaying = ref(false);\n  const isLoading = ref(true);\n  const currentTime = ref(0);\n  const duration = ref(0);\n  const volume = ref(1);\n  const isMuted = ref(false);\n  const isLoop = ref(false);\n  const error = ref<string | null>(null);\n\n  let cleanup: (() => void) | null = null;\n\n  const bindEvents = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n\n    isLoading.value = true;\n    error.value = null;\n\n    const onTimeUpdate = () => {\n      if (!isNaN(audio.currentTime)) {\n        currentTime.value = audio.currentTime;\n      }\n    };\n\n    const onDurationChange = () => {\n      if (!isNaN(audio.duration) && isFinite(audio.duration)) {\n        duration.value = audio.duration;\n      }\n    };\n\n    const onCanPlay = () => {\n      isLoading.value = false;\n      onDurationChange();\n    };\n\n    const onWaiting = () => {\n      isLoading.value = true;\n    };\n    const onPlaying = () => {\n      isLoading.value = false;\n      isPlaying.value = true;\n    };\n\n    const onPlay = () => {\n      isPlaying.value = true;\n    };\n    const onPause = () => {\n      isPlaying.value = false;\n    };\n    const onEnded = () => {\n      isPlaying.value = false;\n    };\n\n    const onError = () => {\n      error.value = '音频加载失败';\n      isLoading.value = false;\n    };\n\n    audio.addEventListener('timeupdate', onTimeUpdate);\n    audio.addEventListener('loadedmetadata', onDurationChange);\n    audio.addEventListener('durationchange', onDurationChange);\n    audio.addEventListener('canplay', onCanPlay);\n    audio.addEventListener('waiting', onWaiting);\n    audio.addEventListener('playing', onPlaying);\n    audio.addEventListener('play', onPlay);\n    audio.addEventListener('pause', onPause);\n    audio.addEventListener('ended', onEnded);\n    audio.addEventListener('error', onError);\n\n    if (audio.readyState >= 3) {\n      isLoading.value = false;\n      onDurationChange();\n    } else if (audio.readyState >= 1) {\n      onDurationChange();\n    }\n\n    cleanup = () => {\n      audio.removeEventListener('timeupdate', onTimeUpdate);\n      audio.removeEventListener('loadedmetadata', onDurationChange);\n      audio.removeEventListener('durationchange', onDurationChange);\n      audio.removeEventListener('canplay', onCanPlay);\n      audio.removeEventListener('waiting', onWaiting);\n      audio.removeEventListener('playing', onPlaying);\n      audio.removeEventListener('play', onPlay);\n      audio.removeEventListener('pause', onPause);\n      audio.removeEventListener('ended', onEnded);\n      audio.removeEventListener('error', onError);\n    };\n  };\n\n  // url 变化时重新绑定\n  watch(\n    url,\n    () => {\n      cleanup?.();\n      cleanup = null;\n      // 等待 DOM 更新（audio src 变化）\n      requestAnimationFrame(() => bindEvents());\n    },\n    { flush: 'post' }\n  );\n\n  // 在 audioRef 挂载后首次绑定\n  watch(\n    audioRef,\n    (el) => {\n      if (el) bindEvents();\n    },\n    { flush: 'post' }\n  );\n\n  onUnmounted(() => {\n    cleanup?.();\n    cleanup = null;\n  });\n\n  const togglePlay = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    if (audio.paused) {\n      audio.play().catch(() => {});\n    } else {\n      audio.pause();\n    }\n  };\n\n  const seek = (time: number) => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    audio.currentTime = time;\n    currentTime.value = time;\n  };\n\n  const skip = (seconds: number) => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    audio.currentTime = Math.max(\n      0,\n      Math.min(audio.currentTime + seconds, audio.duration || Infinity)\n    );\n  };\n\n  const setVolume = (vol: number) => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    const clamped = Math.max(0, Math.min(1, vol));\n    audio.volume = clamped;\n    volume.value = clamped;\n    if (clamped > 0) {\n      audio.muted = false;\n      isMuted.value = false;\n    }\n  };\n\n  const toggleMute = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    audio.muted = !audio.muted;\n    isMuted.value = audio.muted;\n  };\n\n  const toggleLoop = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    const next = !audio.loop;\n    audio.loop = next;\n    isLoop.value = next;\n  };\n\n  return {\n    audioRef,\n    isPlaying,\n    isLoading,\n    isLoop,\n    currentTime,\n    duration,\n    volume,\n    isMuted,\n    error,\n    togglePlay,\n    seek,\n    skip,\n    setVolume,\n    toggleMute,\n    toggleLoop,\n    formatTime,\n  };\n}\n","<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, toRef } from 'vue';\nimport { Play, Pause, Volume2, VolumeX, Volume1, SkipBack, SkipForward, Repeat } from 'lucide-vue-next';\nimport { useAudioPlayer } from '../../composables/useAudioPlayer';\nimport { useTranslator } from '../../composables/useTranslator';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst urlRef = toRef(props, 'url');\n\nconst { t } = useTranslator();\n\nconst {\n  audioRef,\n  isPlaying,\n  isLoop,\n  currentTime,\n  duration,\n  volume,\n  isMuted,\n  error,\n  togglePlay,\n  seek,\n  skip,\n  setVolume,\n  toggleMute,\n  toggleLoop,\n  formatTime,\n} = useAudioPlayer(urlRef);\n\nconst showVolume = ref(false);\nlet volumeHideTimer: number | null = null;\nconst volumeRef = ref<HTMLDivElement | null>(null);\n\nconst progress = computed(() => (duration.value > 0 ? currentTime.value / duration.value : 0));\n\nconst VolumeIcon = computed(() => {\n  if (isMuted.value || volume.value === 0) return VolumeX;\n  if (volume.value < 0.5) return Volume1;\n  return Volume2;\n});\n\nconst handleClickOutside = (e: MouseEvent) => {\n  if (volumeRef.value && !volumeRef.value.contains(e.target as Node)) {\n    showVolume.value = false;\n  }\n};\n\nonMounted(() => {\n  document.addEventListener('mousedown', handleClickOutside);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('mousedown', handleClickOutside);\n  if (volumeHideTimer !== null) clearTimeout(volumeHideTimer);\n});\n\nconst handleVolumeEnter = () => {\n  if (volumeHideTimer !== null) clearTimeout(volumeHideTimer);\n  showVolume.value = true;\n};\n\nconst handleVolumeLeave = () => {\n  volumeHideTimer = window.setTimeout(() => {\n    showVolume.value = false;\n  }, 300);\n};\n</script>\n\n<template>\n  <div v-if=\"error\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-fg-secondary vfp-text-center\">\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n  </div>\n\n  <div\n    v-else\n    class=\"vfp-flex vfp-flex-col vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-p-4 md:vfp-p-8 vfp-gap-5 md:vfp-gap-8 vfp-select-none\"\n  >\n    <!-- 唱片机 -->\n    <div class=\"vfp-relative\" style=\"width: 260px; height: 240px\">\n      <!-- 外圈光晕 -->\n      <div\n        class=\"vfp-absolute vfp-rounded-full\"\n        :style=\"{\n          width: '220px',\n          height: '220px',\n          top: '18px',\n          left: '8px',\n          background: 'radial-gradient(circle, rgba(129,140,248,0.12) 0%, transparent 70%)',\n          opacity: isPlaying ? 0.7 : 0.2,\n          transition: 'opacity 0.5s',\n        }\"\n      />\n\n      <!-- 唱片主体 -->\n      <div\n        class=\"vfp-absolute vfp-rounded-full vfp-overflow-hidden\"\n        :style=\"{\n          width: '200px',\n          height: '200px',\n          top: '28px',\n          left: '18px',\n          background: `\n            radial-gradient(circle at center, transparent 95%, rgba(30,30,30,0.8) 95.5%, #111 97%),\n            radial-gradient(circle at center, transparent 38%, rgba(50,50,50,0.5) 38.15%, transparent 38.4%),\n            radial-gradient(circle at center, transparent 45%, rgba(50,50,50,0.3) 45.15%, transparent 45.4%),\n            radial-gradient(circle at center, transparent 52%, rgba(50,50,50,0.5) 52.15%, transparent 52.4%),\n            radial-gradient(circle at center, transparent 59%, rgba(50,50,50,0.3) 59.15%, transparent 59.4%),\n            radial-gradient(circle at center, transparent 66%, rgba(50,50,50,0.5) 66.15%, transparent 66.4%),\n            radial-gradient(circle at center, transparent 73%, rgba(50,50,50,0.3) 73.15%, transparent 73.4%),\n            radial-gradient(circle at center, transparent 80%, rgba(50,50,50,0.4) 80.15%, transparent 80.4%),\n            radial-gradient(circle at center, transparent 87%, rgba(50,50,50,0.3) 87.15%, transparent 87.4%),\n            conic-gradient(from 0deg, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c, #212121, #1a1a1a, #252525, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c)\n          `,\n          boxShadow: isPlaying\n            ? '0 0 36px rgba(129,140,248,0.1), 0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)'\n            : '0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)',\n          animation: 'vfp-vinyl-spin 8s linear infinite',\n          animationPlayState: isPlaying ? 'running' : 'paused',\n        }\"\n      >\n        <!-- 中心标签 -->\n        <div\n          class=\"vfp-absolute vfp-rounded-full\"\n          :style=\"{\n            width: '34%',\n            height: '34%',\n            top: '33%',\n            left: '33%',\n            background: 'radial-gradient(circle at 40% 38%, #818cf8, #6366f1, #4f46e5, #4338ca)',\n            boxShadow: 'inset 0 1px 3px rgba(255,255,255,0.25), inset 0 -1px 3px rgba(0,0,0,0.3), 0 0 8px rgba(0,0,0,0.3)',\n          }\"\n        >\n          <div\n            class=\"vfp-absolute vfp-rounded-full\"\n            :style=\"{\n              width: '14%',\n              height: '14%',\n              top: '43%',\n              left: '43%',\n              background: 'radial-gradient(circle at 40% 40%, #333, #0d0d0d)',\n              boxShadow: 'inset 0 1px 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.5)',\n            }\"\n          />\n        </div>\n      </div>\n\n      <!-- 唱臂 -->\n      <div\n        class=\"vfp-absolute\"\n        :style=\"{\n          top: '-6px',\n          right: '2px',\n          width: '100px',\n          height: '120px',\n          transformOrigin: '76px 16px',\n          zIndex: 5,\n          transform: isPlaying ? 'rotate(16deg)' : 'rotate(0deg)',\n          transition: 'transform 0.8s cubic-bezier(0.4, 0, 0.2, 1)',\n        }\"\n      >\n        <svg width=\"100\" height=\"120\" viewBox=\"0 0 100 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"76\" cy=\"16\" r=\"13\" fill=\"rgba(0,0,0,0.3)\" />\n          <circle cx=\"76\" cy=\"16\" r=\"11\" fill=\"url(#vfp-baseGrad)\" />\n          <circle cx=\"76\" cy=\"16\" r=\"6\" fill=\"url(#vfp-baseInnerGrad)\" />\n          <circle cx=\"76\" cy=\"16\" r=\"2.5\" fill=\"#222\" stroke=\"#555\" stroke-width=\"0.5\" />\n          <path d=\"M74 22 L56 88\" stroke=\"url(#vfp-armGrad)\" stroke-width=\"3.5\" stroke-linecap=\"round\" />\n          <rect x=\"50\" y=\"86\" width=\"12\" height=\"7\" rx=\"1.5\" fill=\"url(#vfp-headGrad)\" />\n          <rect x=\"52.5\" y=\"92\" width=\"7\" height=\"9\" rx=\"1\" fill=\"url(#vfp-cartridgeGrad)\" />\n          <line x1=\"56\" y1=\"101\" x2=\"56\" y2=\"105\" stroke=\"#bbb\" stroke-width=\"1.2\" stroke-linecap=\"round\" />\n          <circle cx=\"56\" cy=\"105.5\" r=\"0.8\" fill=\"#ddd\" />\n\n          <defs>\n            <radialGradient id=\"vfp-baseGrad\" cx=\"40%\" cy=\"35%\">\n              <stop offset=\"0%\" stop-color=\"#555\" />\n              <stop offset=\"100%\" stop-color=\"#1a1a1a\" />\n            </radialGradient>\n            <radialGradient id=\"vfp-baseInnerGrad\" cx=\"40%\" cy=\"35%\">\n              <stop offset=\"0%\" stop-color=\"#666\" />\n              <stop offset=\"100%\" stop-color=\"#333\" />\n            </radialGradient>\n            <linearGradient id=\"vfp-armGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#555\" />\n              <stop offset=\"50%\" stop-color=\"#444\" />\n              <stop offset=\"100%\" stop-color=\"#333\" />\n            </linearGradient>\n            <linearGradient id=\"vfp-headGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#555\" />\n              <stop offset=\"100%\" stop-color=\"#333\" />\n            </linearGradient>\n            <linearGradient id=\"vfp-cartridgeGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#444\" />\n              <stop offset=\"100%\" stop-color=\"#222\" />\n            </linearGradient>\n          </defs>\n        </svg>\n      </div>\n    </div>\n\n    <!-- 文件名 -->\n    <div class=\"vfp-text-center vfp-max-w-sm md:vfp-max-w-md vfp-px-4\">\n      <div class=\"vfp-text-lg md:vfp-text-xl vfp-font-medium vfp-mb-1 vfp-truncate vfp-text-fg-primary\">\n        {{ fileName }}\n      </div>\n      <p class=\"vfp-text-xs vfp-tracking-widest vfp-uppercase vfp-text-accent\">Audio</p>\n    </div>\n\n    <!-- 控制面板 -->\n    <div\n      class=\"vfp-w-full vfp-max-w-sm md:vfp-max-w-md vfp-rounded-2xl vfp-p-4 md:vfp-p-6 vfp-border vfp-bg-surface-1 vfp-border-line-weak\"\n      :style=\"{ backdropFilter: 'blur(16px)' }\"\n    >\n      <!-- 进度条 -->\n      <div class=\"vfp-mb-5\">\n        <div class=\"vfp-relative vfp-h-4 vfp-flex vfp-items-center\">\n          <div\n            class=\"vfp-absolute vfp-w-full vfp-h-[5px] vfp-rounded-full vfp-bg-surface-2\"\n          />\n          <div\n            class=\"vfp-absolute vfp-h-[5px] vfp-rounded-full vfp-pointer-events-none\"\n            :style=\"{\n              width: `${progress * 100}%`,\n              background: 'linear-gradient(90deg, var(--fp-accent), var(--fp-accent-hover))',\n              boxShadow: isPlaying ? '0 0 8px rgba(129,140,248,0.4)' : 'none',\n              transition: 'width 0.1s linear',\n            }\"\n          />\n          <input\n            type=\"range\"\n            min=\"0\"\n            :max=\"duration > 0 ? duration : currentTime || 100\"\n            step=\"any\"\n            :value=\"currentTime\"\n            :disabled=\"duration <= 0\"\n            :aria-label=\"t('audio.aria.progress')\"\n            class=\"audio-slider vfp-absolute vfp-w-full\"\n            @input=\"(e) => seek(parseFloat((e.target as HTMLInputElement).value))\"\n          />\n        </div>\n        <div\n          class=\"vfp-flex vfp-justify-between vfp-text-xs vfp-mt-2.5 vfp-text-fg-tertiary\"\n        >\n          <span style=\"font-variant-numeric: tabular-nums\">{{ formatTime(currentTime) }}</span>\n          <span style=\"font-variant-numeric: tabular-nums\">{{ duration > 0 ? formatTime(duration) : '--:--' }}</span>\n        </div>\n      </div>\n\n      <!-- 控制按钮 -->\n      <div class=\"vfp-flex vfp-items-center vfp-justify-center vfp-gap-3\">\n        <!-- 循环 -->\n        <button\n          :class=\"[\n            'vfp-w-9 vfp-h-9 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn',\n            isLoop ? 'vfp-bg-accent-soft vfp-text-accent' : 'vfp-bg-surface-2 vfp-text-fg-tertiary',\n          ]\"\n          :aria-label=\"isLoop ? t('audio.aria.loop_off') : t('audio.aria.loop_on')\"\n          @click=\"toggleLoop\"\n        >\n          <Repeat class=\"vfp-w-4 vfp-h-4\" />\n        </button>\n\n        <!-- 后退 -->\n        <button\n          class=\"vfp-w-10 vfp-h-10 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn vfp-bg-surface-2 vfp-text-fg-secondary\"\n          :aria-label=\"t('audio.aria.backward_10')\"\n          @click=\"skip(-10)\"\n        >\n          <SkipBack class=\"vfp-w-[18px] vfp-h-[18px]\" />\n        </button>\n\n        <!-- 播放/暂停 -->\n        <button\n          class=\"vfp-w-14 vfp-h-14 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center audio-ctrl-btn\"\n          :style=\"{\n            background: 'linear-gradient(135deg, var(--fp-accent-hover), var(--fp-accent))',\n            color: '#fff',\n            boxShadow: '0 4px 20px rgba(99,102,241,0.35)',\n          }\"\n          :aria-label=\"isPlaying ? t('audio.aria.pause') : t('audio.aria.play')\"\n          @click=\"togglePlay\"\n        >\n          <Pause v-if=\"isPlaying\" class=\"vfp-w-6 vfp-h-6\" />\n          <Play v-else class=\"vfp-w-6 vfp-h-6 vfp-ml-0.5\" />\n        </button>\n\n        <!-- 前进 -->\n        <button\n          class=\"vfp-w-10 vfp-h-10 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn vfp-bg-surface-2 vfp-text-fg-secondary\"\n          :aria-label=\"t('audio.aria.forward_10')\"\n          @click=\"skip(10)\"\n        >\n          <SkipForward class=\"vfp-w-[18px] vfp-h-[18px]\" />\n        </button>\n\n        <!-- 音量 -->\n        <div ref=\"volumeRef\" class=\"vfp-relative\" @mouseenter=\"handleVolumeEnter\" @mouseleave=\"handleVolumeLeave\">\n          <button\n            :class=\"[\n              'vfp-w-9 vfp-h-9 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn',\n              showVolume ? 'vfp-bg-accent-soft vfp-text-accent' : 'vfp-bg-surface-2 vfp-text-fg-secondary',\n            ]\"\n            :aria-label=\"isMuted ? t('audio.aria.unmute') : t('audio.aria.mute')\"\n            @click=\"toggleMute\"\n          >\n            <component :is=\"VolumeIcon\" class=\"vfp-w-4 vfp-h-4\" />\n          </button>\n\n          <Transition name=\"vfp-fade\">\n            <div\n              v-if=\"showVolume\"\n              class=\"vfp-absolute vfp-bottom-full vfp-mb-2 vfp-rounded-xl vfp-p-3 vfp-border vfp-bg-surface-3 vfp-border-line\"\n              :style=\"{\n                left: '50%',\n                marginLeft: '-27px',\n                backdropFilter: 'blur(16px)',\n              }\"\n              @mouseenter=\"handleVolumeEnter\"\n              @mouseleave=\"handleVolumeLeave\"\n            >\n              <div class=\"vfp-flex vfp-flex-col vfp-items-center vfp-gap-2\" style=\"height: 100px\">\n                <div\n                  class=\"vfp-relative vfp-flex vfp-items-center vfp-justify-center\"\n                  style=\"width: 24px; height: 80px\"\n                >\n                  <div\n                    class=\"vfp-absolute vfp-rounded-full vfp-bg-surface-2\"\n                    style=\"width: 3px; height: 100%\"\n                  />\n                  <div\n                    class=\"vfp-absolute vfp-bottom-0 vfp-rounded-full vfp-pointer-events-none\"\n                    :style=\"{\n                      width: '3px',\n                      height: `${(isMuted ? 0 : volume) * 100}%`,\n                      background: 'var(--fp-accent-hover)',\n                      transition: 'height 0.1s linear',\n                    }\"\n                  />\n                  <input\n                    type=\"range\"\n                    min=\"0\"\n                    max=\"1\"\n                    step=\"0.01\"\n                    :value=\"isMuted ? 0 : volume\"\n                    :aria-label=\"t('audio.aria.volume')\"\n                    class=\"volume-slider-vertical vfp-absolute\"\n                    style=\"width: 80px; height: 24px; transform: rotate(-90deg); transform-origin: center center\"\n                    @input=\"(e) => setVolume(parseFloat((e.target as HTMLInputElement).value))\"\n                  />\n                </div>\n                <span class=\"vfp-text-[10px] vfp-tabular-nums vfp-text-fg-tertiary\">\n                  {{ Math.round((isMuted ? 0 : volume) * 100) }}\n                </span>\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n\n    <audio ref=\"audioRef\" :src=\"url\" class=\"vfp-hidden\" />\n  </div>\n</template>\n\n<style scoped>\n.audio-ctrl-btn {\n  border: 0;\n  cursor: pointer;\n}\n</style>\n"],"names":["useAudioPlayer","url","audioRef","ref","isPlaying","isLoading","currentTime","duration","volume","isMuted","isLoop","error","cleanup","bindEvents","audio","onTimeUpdate","onDurationChange","onCanPlay","onWaiting","onPlaying","onPlay","onPause","onEnded","onError","watch","el","onUnmounted","time","seconds","vol","clamped","next","formatTime","urlRef","toRef","__props","t","useTranslator","togglePlay","seek","skip","setVolume","toggleMute","toggleLoop","showVolume","volumeHideTimer","volumeRef","progress","computed","VolumeIcon","VolumeX","Volume1","Volume2","handleClickOutside","e","onMounted","onBeforeUnmount","handleVolumeEnter","handleVolumeLeave","_unref","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_normalizeStyle","_hoisted_6","_hoisted_7","_cache","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_normalizeClass","args","_createVNode","Repeat","SkipBack","_createBlock","Pause","Play","SkipForward","_resolveDynamicComponent","_Transition","_hoisted_21","_hoisted_22","_hoisted_24"],"mappings":"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"}
+{"version":3,"file":"index-BY_XuO1z.mjs","sources":["../../src/composables/useAudioPlayer.ts","../../src/renderers/Audio/index.vue"],"sourcesContent":["import { ref, watch, onUnmounted, type Ref } from 'vue';\nimport { formatTime } from '@eternalheart/file-preview-core';\n\n/**\n * Vue 3 版本的音频播放器 composable\n * 与 React 版的 useAudioPlayer 行为对齐\n */\nexport function useAudioPlayer(url: Ref<string>) {\n  const audioRef = ref<HTMLAudioElement | null>(null);\n  const isPlaying = ref(false);\n  const isLoading = ref(true);\n  const currentTime = ref(0);\n  const duration = ref(0);\n  const volume = ref(1);\n  const isMuted = ref(false);\n  const isLoop = ref(false);\n  const error = ref<string | null>(null);\n\n  let cleanup: (() => void) | null = null;\n\n  const bindEvents = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n\n    isLoading.value = true;\n    error.value = null;\n\n    const onTimeUpdate = () => {\n      if (!isNaN(audio.currentTime)) {\n        currentTime.value = audio.currentTime;\n      }\n    };\n\n    const onDurationChange = () => {\n      if (!isNaN(audio.duration) && isFinite(audio.duration)) {\n        duration.value = audio.duration;\n      }\n    };\n\n    const onCanPlay = () => {\n      isLoading.value = false;\n      onDurationChange();\n    };\n\n    const onWaiting = () => {\n      isLoading.value = true;\n    };\n    const onPlaying = () => {\n      isLoading.value = false;\n      isPlaying.value = true;\n    };\n\n    const onPlay = () => {\n      isPlaying.value = true;\n    };\n    const onPause = () => {\n      isPlaying.value = false;\n    };\n    const onEnded = () => {\n      isPlaying.value = false;\n    };\n\n    const onError = () => {\n      error.value = '音频加载失败';\n      isLoading.value = false;\n    };\n\n    audio.addEventListener('timeupdate', onTimeUpdate);\n    audio.addEventListener('loadedmetadata', onDurationChange);\n    audio.addEventListener('durationchange', onDurationChange);\n    audio.addEventListener('canplay', onCanPlay);\n    audio.addEventListener('waiting', onWaiting);\n    audio.addEventListener('playing', onPlaying);\n    audio.addEventListener('play', onPlay);\n    audio.addEventListener('pause', onPause);\n    audio.addEventListener('ended', onEnded);\n    audio.addEventListener('error', onError);\n\n    if (audio.readyState >= 3) {\n      isLoading.value = false;\n      onDurationChange();\n    } else if (audio.readyState >= 1) {\n      onDurationChange();\n    }\n\n    cleanup = () => {\n      audio.removeEventListener('timeupdate', onTimeUpdate);\n      audio.removeEventListener('loadedmetadata', onDurationChange);\n      audio.removeEventListener('durationchange', onDurationChange);\n      audio.removeEventListener('canplay', onCanPlay);\n      audio.removeEventListener('waiting', onWaiting);\n      audio.removeEventListener('playing', onPlaying);\n      audio.removeEventListener('play', onPlay);\n      audio.removeEventListener('pause', onPause);\n      audio.removeEventListener('ended', onEnded);\n      audio.removeEventListener('error', onError);\n    };\n  };\n\n  // url 变化时重新绑定\n  watch(\n    url,\n    () => {\n      cleanup?.();\n      cleanup = null;\n      // 等待 DOM 更新（audio src 变化）\n      requestAnimationFrame(() => bindEvents());\n    },\n    { flush: 'post' }\n  );\n\n  // 在 audioRef 挂载后首次绑定\n  watch(\n    audioRef,\n    (el) => {\n      if (el) bindEvents();\n    },\n    { flush: 'post' }\n  );\n\n  onUnmounted(() => {\n    cleanup?.();\n    cleanup = null;\n  });\n\n  const togglePlay = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    if (audio.paused) {\n      audio.play().catch(() => {});\n    } else {\n      audio.pause();\n    }\n  };\n\n  const seek = (time: number) => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    audio.currentTime = time;\n    currentTime.value = time;\n  };\n\n  const skip = (seconds: number) => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    audio.currentTime = Math.max(\n      0,\n      Math.min(audio.currentTime + seconds, audio.duration || Infinity)\n    );\n  };\n\n  const setVolume = (vol: number) => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    const clamped = Math.max(0, Math.min(1, vol));\n    audio.volume = clamped;\n    volume.value = clamped;\n    if (clamped > 0) {\n      audio.muted = false;\n      isMuted.value = false;\n    }\n  };\n\n  const toggleMute = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    audio.muted = !audio.muted;\n    isMuted.value = audio.muted;\n  };\n\n  const toggleLoop = () => {\n    const audio = audioRef.value;\n    if (!audio) return;\n    const next = !audio.loop;\n    audio.loop = next;\n    isLoop.value = next;\n  };\n\n  return {\n    audioRef,\n    isPlaying,\n    isLoading,\n    isLoop,\n    currentTime,\n    duration,\n    volume,\n    isMuted,\n    error,\n    togglePlay,\n    seek,\n    skip,\n    setVolume,\n    toggleMute,\n    toggleLoop,\n    formatTime,\n  };\n}\n","<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, toRef } from 'vue';\nimport { Play, Pause, Volume2, VolumeX, Volume1, SkipBack, SkipForward, Repeat } from 'lucide-vue-next';\nimport { useAudioPlayer } from '../../composables/useAudioPlayer';\nimport { useTranslator } from '../../composables/useTranslator';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst urlRef = toRef(props, 'url');\n\nconst { t } = useTranslator();\n\nconst {\n  audioRef,\n  isPlaying,\n  isLoop,\n  currentTime,\n  duration,\n  volume,\n  isMuted,\n  error,\n  togglePlay,\n  seek,\n  skip,\n  setVolume,\n  toggleMute,\n  toggleLoop,\n  formatTime,\n} = useAudioPlayer(urlRef);\n\nconst showVolume = ref(false);\nlet volumeHideTimer: number | null = null;\nconst volumeRef = ref<HTMLDivElement | null>(null);\n\nconst progress = computed(() => (duration.value > 0 ? currentTime.value / duration.value : 0));\n\nconst VolumeIcon = computed(() => {\n  if (isMuted.value || volume.value === 0) return VolumeX;\n  if (volume.value < 0.5) return Volume1;\n  return Volume2;\n});\n\nconst handleClickOutside = (e: MouseEvent) => {\n  if (volumeRef.value && !volumeRef.value.contains(e.target as Node)) {\n    showVolume.value = false;\n  }\n};\n\nonMounted(() => {\n  document.addEventListener('mousedown', handleClickOutside);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('mousedown', handleClickOutside);\n  if (volumeHideTimer !== null) clearTimeout(volumeHideTimer);\n});\n\nconst handleVolumeEnter = () => {\n  if (volumeHideTimer !== null) clearTimeout(volumeHideTimer);\n  showVolume.value = true;\n};\n\nconst handleVolumeLeave = () => {\n  volumeHideTimer = window.setTimeout(() => {\n    showVolume.value = false;\n  }, 300);\n};\n</script>\n\n<template>\n  <div v-if=\"error\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-fg-secondary vfp-text-center\">\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n  </div>\n\n  <div\n    v-else\n    class=\"vfp-flex vfp-flex-col vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-p-4 md:vfp-p-8 vfp-gap-5 md:vfp-gap-8 vfp-select-none\"\n  >\n    <!-- 唱片机 -->\n    <div class=\"vfp-relative\" style=\"width: 260px; height: 240px\">\n      <!-- 外圈光晕 -->\n      <div\n        class=\"vfp-absolute vfp-rounded-full\"\n        :style=\"{\n          width: '220px',\n          height: '220px',\n          top: '18px',\n          left: '8px',\n          background: 'radial-gradient(circle, rgba(129,140,248,0.12) 0%, transparent 70%)',\n          opacity: isPlaying ? 0.7 : 0.2,\n          transition: 'opacity 0.5s',\n        }\"\n      />\n\n      <!-- 唱片主体 -->\n      <div\n        class=\"vfp-absolute vfp-rounded-full vfp-overflow-hidden\"\n        :style=\"{\n          width: '200px',\n          height: '200px',\n          top: '28px',\n          left: '18px',\n          background: `\n            radial-gradient(circle at center, transparent 95%, rgba(30,30,30,0.8) 95.5%, #111 97%),\n            radial-gradient(circle at center, transparent 38%, rgba(50,50,50,0.5) 38.15%, transparent 38.4%),\n            radial-gradient(circle at center, transparent 45%, rgba(50,50,50,0.3) 45.15%, transparent 45.4%),\n            radial-gradient(circle at center, transparent 52%, rgba(50,50,50,0.5) 52.15%, transparent 52.4%),\n            radial-gradient(circle at center, transparent 59%, rgba(50,50,50,0.3) 59.15%, transparent 59.4%),\n            radial-gradient(circle at center, transparent 66%, rgba(50,50,50,0.5) 66.15%, transparent 66.4%),\n            radial-gradient(circle at center, transparent 73%, rgba(50,50,50,0.3) 73.15%, transparent 73.4%),\n            radial-gradient(circle at center, transparent 80%, rgba(50,50,50,0.4) 80.15%, transparent 80.4%),\n            radial-gradient(circle at center, transparent 87%, rgba(50,50,50,0.3) 87.15%, transparent 87.4%),\n            conic-gradient(from 0deg, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c, #212121, #1a1a1a, #252525, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c)\n          `,\n          boxShadow: isPlaying\n            ? '0 0 36px rgba(129,140,248,0.1), 0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)'\n            : '0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)',\n          animation: 'vfp-vinyl-spin 8s linear infinite',\n          animationPlayState: isPlaying ? 'running' : 'paused',\n        }\"\n      >\n        <!-- 中心标签 -->\n        <div\n          class=\"vfp-absolute vfp-rounded-full\"\n          :style=\"{\n            width: '34%',\n            height: '34%',\n            top: '33%',\n            left: '33%',\n            background: 'radial-gradient(circle at 40% 38%, #818cf8, #6366f1, #4f46e5, #4338ca)',\n            boxShadow: 'inset 0 1px 3px rgba(255,255,255,0.25), inset 0 -1px 3px rgba(0,0,0,0.3), 0 0 8px rgba(0,0,0,0.3)',\n          }\"\n        >\n          <div\n            class=\"vfp-absolute vfp-rounded-full\"\n            :style=\"{\n              width: '14%',\n              height: '14%',\n              top: '43%',\n              left: '43%',\n              background: 'radial-gradient(circle at 40% 40%, #333, #0d0d0d)',\n              boxShadow: 'inset 0 1px 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.5)',\n            }\"\n          />\n        </div>\n      </div>\n\n      <!-- 唱臂 -->\n      <div\n        class=\"vfp-absolute\"\n        :style=\"{\n          top: '-6px',\n          right: '2px',\n          width: '100px',\n          height: '120px',\n          transformOrigin: '76px 16px',\n          zIndex: 5,\n          transform: isPlaying ? 'rotate(16deg)' : 'rotate(0deg)',\n          transition: 'transform 0.8s cubic-bezier(0.4, 0, 0.2, 1)',\n        }\"\n      >\n        <svg width=\"100\" height=\"120\" viewBox=\"0 0 100 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"76\" cy=\"16\" r=\"13\" fill=\"rgba(0,0,0,0.3)\" />\n          <circle cx=\"76\" cy=\"16\" r=\"11\" fill=\"url(#vfp-baseGrad)\" />\n          <circle cx=\"76\" cy=\"16\" r=\"6\" fill=\"url(#vfp-baseInnerGrad)\" />\n          <circle cx=\"76\" cy=\"16\" r=\"2.5\" fill=\"#222\" stroke=\"#555\" stroke-width=\"0.5\" />\n          <path d=\"M74 22 L56 88\" stroke=\"url(#vfp-armGrad)\" stroke-width=\"3.5\" stroke-linecap=\"round\" />\n          <rect x=\"50\" y=\"86\" width=\"12\" height=\"7\" rx=\"1.5\" fill=\"url(#vfp-headGrad)\" />\n          <rect x=\"52.5\" y=\"92\" width=\"7\" height=\"9\" rx=\"1\" fill=\"url(#vfp-cartridgeGrad)\" />\n          <line x1=\"56\" y1=\"101\" x2=\"56\" y2=\"105\" stroke=\"#bbb\" stroke-width=\"1.2\" stroke-linecap=\"round\" />\n          <circle cx=\"56\" cy=\"105.5\" r=\"0.8\" fill=\"#ddd\" />\n\n          <defs>\n            <radialGradient id=\"vfp-baseGrad\" cx=\"40%\" cy=\"35%\">\n              <stop offset=\"0%\" stop-color=\"#555\" />\n              <stop offset=\"100%\" stop-color=\"#1a1a1a\" />\n            </radialGradient>\n            <radialGradient id=\"vfp-baseInnerGrad\" cx=\"40%\" cy=\"35%\">\n              <stop offset=\"0%\" stop-color=\"#666\" />\n              <stop offset=\"100%\" stop-color=\"#333\" />\n            </radialGradient>\n            <linearGradient id=\"vfp-armGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#555\" />\n              <stop offset=\"50%\" stop-color=\"#444\" />\n              <stop offset=\"100%\" stop-color=\"#333\" />\n            </linearGradient>\n            <linearGradient id=\"vfp-headGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#555\" />\n              <stop offset=\"100%\" stop-color=\"#333\" />\n            </linearGradient>\n            <linearGradient id=\"vfp-cartridgeGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#444\" />\n              <stop offset=\"100%\" stop-color=\"#222\" />\n            </linearGradient>\n          </defs>\n        </svg>\n      </div>\n    </div>\n\n    <!-- 文件名 -->\n    <div class=\"vfp-text-center vfp-max-w-sm md:vfp-max-w-md vfp-px-4\">\n      <div class=\"vfp-text-lg md:vfp-text-xl vfp-font-medium vfp-mb-1 vfp-truncate vfp-text-fg-primary\">\n        {{ fileName }}\n      </div>\n      <p class=\"vfp-text-xs vfp-tracking-widest vfp-uppercase vfp-text-accent\">Audio</p>\n    </div>\n\n    <!-- 控制面板 -->\n    <div\n      class=\"vfp-w-full vfp-max-w-sm md:vfp-max-w-md vfp-rounded-2xl vfp-p-4 md:vfp-p-6 vfp-border vfp-bg-surface-1 vfp-border-line-weak\"\n      :style=\"{ backdropFilter: 'blur(16px)' }\"\n    >\n      <!-- 进度条 -->\n      <div class=\"vfp-mb-5\">\n        <div class=\"vfp-relative vfp-h-4 vfp-flex vfp-items-center\">\n          <div\n            class=\"vfp-absolute vfp-w-full vfp-h-[5px] vfp-rounded-full vfp-bg-surface-2\"\n          />\n          <div\n            class=\"vfp-absolute vfp-h-[5px] vfp-rounded-full vfp-pointer-events-none\"\n            :style=\"{\n              width: `${progress * 100}%`,\n              background: 'linear-gradient(90deg, var(--fp-accent), var(--fp-accent-hover))',\n              boxShadow: isPlaying ? '0 0 8px rgba(129,140,248,0.4)' : 'none',\n              transition: 'width 0.1s linear',\n            }\"\n          />\n          <input\n            type=\"range\"\n            min=\"0\"\n            :max=\"duration > 0 ? duration : currentTime || 100\"\n            step=\"any\"\n            :value=\"currentTime\"\n            :disabled=\"duration <= 0\"\n            :aria-label=\"t('audio.aria.progress')\"\n            class=\"audio-slider vfp-absolute vfp-w-full\"\n            @input=\"(e) => seek(parseFloat((e.target as HTMLInputElement).value))\"\n          />\n        </div>\n        <div\n          class=\"vfp-flex vfp-justify-between vfp-text-xs vfp-mt-2.5 vfp-text-fg-tertiary\"\n        >\n          <span style=\"font-variant-numeric: tabular-nums\">{{ formatTime(currentTime) }}</span>\n          <span style=\"font-variant-numeric: tabular-nums\">{{ duration > 0 ? formatTime(duration) : '--:--' }}</span>\n        </div>\n      </div>\n\n      <!-- 控制按钮 -->\n      <div class=\"vfp-flex vfp-items-center vfp-justify-center vfp-gap-3\">\n        <!-- 循环 -->\n        <button\n          :class=\"[\n            'vfp-w-9 vfp-h-9 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn',\n            isLoop ? 'vfp-bg-accent-soft vfp-text-accent' : 'vfp-bg-surface-2 vfp-text-fg-tertiary',\n          ]\"\n          :aria-label=\"isLoop ? t('audio.aria.loop_off') : t('audio.aria.loop_on')\"\n          @click=\"toggleLoop\"\n        >\n          <Repeat class=\"vfp-w-4 vfp-h-4\" />\n        </button>\n\n        <!-- 后退 -->\n        <button\n          class=\"vfp-w-10 vfp-h-10 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn vfp-bg-surface-2 vfp-text-fg-secondary\"\n          :aria-label=\"t('audio.aria.backward_10')\"\n          @click=\"skip(-10)\"\n        >\n          <SkipBack class=\"vfp-w-[18px] vfp-h-[18px]\" />\n        </button>\n\n        <!-- 播放/暂停 -->\n        <button\n          class=\"vfp-w-14 vfp-h-14 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center audio-ctrl-btn\"\n          :style=\"{\n            background: 'linear-gradient(135deg, var(--fp-accent-hover), var(--fp-accent))',\n            color: '#fff',\n            boxShadow: '0 4px 20px rgba(99,102,241,0.35)',\n          }\"\n          :aria-label=\"isPlaying ? t('audio.aria.pause') : t('audio.aria.play')\"\n          @click=\"togglePlay\"\n        >\n          <Pause v-if=\"isPlaying\" class=\"vfp-w-6 vfp-h-6\" />\n          <Play v-else class=\"vfp-w-6 vfp-h-6 vfp-ml-0.5\" />\n        </button>\n\n        <!-- 前进 -->\n        <button\n          class=\"vfp-w-10 vfp-h-10 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn vfp-bg-surface-2 vfp-text-fg-secondary\"\n          :aria-label=\"t('audio.aria.forward_10')\"\n          @click=\"skip(10)\"\n        >\n          <SkipForward class=\"vfp-w-[18px] vfp-h-[18px]\" />\n        </button>\n\n        <!-- 音量 -->\n        <div ref=\"volumeRef\" class=\"vfp-relative\" @mouseenter=\"handleVolumeEnter\" @mouseleave=\"handleVolumeLeave\">\n          <button\n            :class=\"[\n              'vfp-w-9 vfp-h-9 vfp-rounded-full vfp-flex vfp-items-center vfp-justify-center vfp-transition-colors audio-ctrl-btn',\n              showVolume ? 'vfp-bg-accent-soft vfp-text-accent' : 'vfp-bg-surface-2 vfp-text-fg-secondary',\n            ]\"\n            :aria-label=\"isMuted ? t('audio.aria.unmute') : t('audio.aria.mute')\"\n            @click=\"toggleMute\"\n          >\n            <component :is=\"VolumeIcon\" class=\"vfp-w-4 vfp-h-4\" />\n          </button>\n\n          <Transition name=\"vfp-fade\">\n            <div\n              v-if=\"showVolume\"\n              class=\"vfp-absolute vfp-bottom-full vfp-mb-2 vfp-rounded-xl vfp-p-3 vfp-border vfp-bg-surface-3 vfp-border-line\"\n              :style=\"{\n                left: '50%',\n                marginLeft: '-27px',\n                backdropFilter: 'blur(16px)',\n              }\"\n              @mouseenter=\"handleVolumeEnter\"\n              @mouseleave=\"handleVolumeLeave\"\n            >\n              <div class=\"vfp-flex vfp-flex-col vfp-items-center vfp-gap-2\" style=\"height: 100px\">\n                <div\n                  class=\"vfp-relative vfp-flex vfp-items-center vfp-justify-center\"\n                  style=\"width: 24px; height: 80px\"\n                >\n                  <div\n                    class=\"vfp-absolute vfp-rounded-full vfp-bg-surface-2\"\n                    style=\"width: 3px; height: 100%\"\n                  />\n                  <div\n                    class=\"vfp-absolute vfp-bottom-0 vfp-rounded-full vfp-pointer-events-none\"\n                    :style=\"{\n                      width: '3px',\n                      height: `${(isMuted ? 0 : volume) * 100}%`,\n                      background: 'var(--fp-accent-hover)',\n                      transition: 'height 0.1s linear',\n                    }\"\n                  />\n                  <input\n                    type=\"range\"\n                    min=\"0\"\n                    max=\"1\"\n                    step=\"0.01\"\n                    :value=\"isMuted ? 0 : volume\"\n                    :aria-label=\"t('audio.aria.volume')\"\n                    class=\"volume-slider-vertical vfp-absolute\"\n                    style=\"width: 80px; height: 24px; transform: rotate(-90deg); transform-origin: center center\"\n                    @input=\"(e) => setVolume(parseFloat((e.target as HTMLInputElement).value))\"\n                  />\n                </div>\n                <span class=\"vfp-text-[10px] vfp-tabular-nums vfp-text-fg-tertiary\">\n                  {{ Math.round((isMuted ? 0 : volume) * 100) }}\n                </span>\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n\n    <audio ref=\"audioRef\" :src=\"url\" class=\"vfp-hidden\" />\n  </div>\n</template>\n\n<style scoped>\n.audio-ctrl-btn {\n  border: 0;\n  cursor: pointer;\n}\n</style>\n"],"names":["useAudioPlayer","url","audioRef","ref","isPlaying","isLoading","currentTime","duration","volume","isMuted","isLoop","error","cleanup","bindEvents","audio","onTimeUpdate","onDurationChange","onCanPlay","onWaiting","onPlaying","onPlay","onPause","onEnded","onError","watch","el","onUnmounted","time","seconds","vol","clamped","next","formatTime","urlRef","toRef","__props","t","useTranslator","togglePlay","seek","skip","setVolume","toggleMute","toggleLoop","showVolume","volumeHideTimer","volumeRef","progress","computed","VolumeIcon","VolumeX","Volume1","Volume2","handleClickOutside","e","onMounted","onBeforeUnmount","handleVolumeEnter","handleVolumeLeave","_unref","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_normalizeStyle","_hoisted_6","_hoisted_7","_cache","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_normalizeClass","args","_createVNode","Repeat","SkipBack","_createBlock","Pause","Play","SkipForward","_resolveDynamicComponent","_Transition","_hoisted_21","_hoisted_22","_hoisted_24"],"mappings":"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"}

package/lib/chunks/{index-B9Xz5bUB.mjs → index-BcXyjt8Z.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as x, ref as p, onMounted as g, watch as k, onBeforeUnmount as b, openBlock as a, createElementBlock as d, createElementVNode as t, toDisplayString as c, unref as m, createCommentVNode as w } from "vue";
 import j from "video.js";
-import { u as T, p as h } from "./index-BA-bP8P6.mjs";
+import { u as T, m as h } from "./index-BuYJGBLT.mjs";
 const C = {
   key: 0,
   class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
@@ -110,4 +110,4 @@ const C = {
 export {
   A as default
 };
-//# sourceMappingURL=index-B9Xz5bUB.mjs.map
+//# sourceMappingURL=index-BcXyjt8Z.mjs.map

package/lib/chunks/{index-B9Xz5bUB.mjs.map → index-BcXyjt8Z.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B9Xz5bUB.mjs","sources":["../../src/renderers/Video/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onMounted, onBeforeUnmount, watch } from 'vue';\nimport videojs from 'video.js';\nimport 'video.js/dist/video-js.css';\nimport { getVideoMimeType } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\n\ntype VideoJsPlayer = ReturnType<typeof videojs>;\n\nconst props = defineProps<{\n  url: string;\n}>();\n\nconst { t } = useTranslator();\n\nconst error = ref<string | null>(null);\nconst isLoading = ref(true);\nconst videoContainerRef = ref<HTMLDivElement | null>(null);\nlet player: VideoJsPlayer | null = null;\n\nconst initPlayer = () => {\n  if (!videoContainerRef.value || player) return;\n\n  const videoElement = document.createElement('video-js');\n  videoElement.classList.add('vjs-big-play-centered', 'vjs-theme-apple');\n  videoContainerRef.value.appendChild(videoElement);\n\n  const videoType = getVideoMimeType(props.url);\n\n  const sources =\n    videoType === 'video/quicktime'\n      ? [\n          { src: props.url, type: 'video/quicktime' },\n          { src: props.url, type: 'video/mp4' },\n        ]\n      : [{ src: props.url, type: videoType }];\n\n  player = videojs(videoElement, {\n    controls: true,\n    fill: true,\n    preload: 'auto',\n    controlBar: {\n      children: [\n        'playToggle',\n        'volumePanel',\n        'currentTimeDisplay',\n        'timeDivider',\n        'durationDisplay',\n        'progressControl',\n        'remainingTimeDisplay',\n        'fullscreenToggle',\n      ],\n      volumePanel: {\n        inline: false,\n      },\n    },\n    html5: {\n      vhs: {\n        overrideNative: true,\n      },\n      nativeVideoTracks: false,\n      nativeAudioTracks: false,\n      nativeTextTracks: false,\n    },\n    sources,\n  });\n\n  const videoEl = player.el().querySelector('video');\n  if (videoEl) {\n    (videoEl as HTMLVideoElement).style.objectFit = 'contain';\n  }\n\n  player.on('loadeddata', () => {\n    isLoading.value = false;\n  });\n\n  player.on('error', () => {\n    const err = player?.error();\n    console.error('Video.js error:', err);\n    error.value = t.value('video.load_failed_with_error', { error: err?.message || t.value('common.unknown_error') });\n    isLoading.value = false;\n  });\n};\n\nonMounted(initPlayer);\n\nwatch(\n  () => props.url,\n  () => {\n    if (player && !player.isDisposed()) {\n      player.src({ src: props.url, type: getVideoMimeType(props.url) });\n    }\n  }\n);\n\nonBeforeUnmount(() => {\n  if (player && !player.isDisposed()) {\n    player.dispose();\n    player = null;\n  }\n});\n</script>\n\n<template>\n  <div v-if=\"error\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-center\">\n      <div\n        class=\"vfp-w-16 vfp-h-16 vfp-mx-auto vfp-mb-4 vfp-rounded-full vfp-bg-red-500/10 vfp-flex vfp-items-center vfp-justify-center\"\n      >\n        <svg\n          class=\"vfp-w-8 vfp-h-8 vfp-text-red-400\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n          />\n        </svg>\n      </div>\n      <p class=\"vfp-text-lg vfp-font-medium vfp-text-fg-primary vfp-mb-2\">{{ t('video.load_failed') }}</p>\n      <p class=\"vfp-text-sm vfp-text-fg-tertiary\">{{ error }}</p>\n    </div>\n  </div>\n\n  <div v-else class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-w-full vfp-h-full vfp-relative\">\n      <div\n        v-if=\"isLoading\"\n        class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-3 vfp-backdrop-blur-sm vfp-z-10\"\n      >\n        <div class=\"vfp-text-center\">\n          <div\n            class=\"vfp-w-12 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-sm vfp-text-fg-secondary vfp-font-medium\">{{ t('video.loading') }}</p>\n        </div>\n      </div>\n\n      <div\n        ref=\"videoContainerRef\"\n        class=\"vfp-overflow-hidden vfp-w-full vfp-h-full\"\n        style=\"box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","error","ref","isLoading","videoContainerRef","player","onMounted","videoElement","videoType","getVideoMimeType","sources","videojs","videoEl","err","watch","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_unref","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9"],"mappings":"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"}
+{"version":3,"file":"index-BcXyjt8Z.mjs","sources":["../../src/renderers/Video/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onMounted, onBeforeUnmount, watch } from 'vue';\nimport videojs from 'video.js';\nimport 'video.js/dist/video-js.css';\nimport { getVideoMimeType } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\n\ntype VideoJsPlayer = ReturnType<typeof videojs>;\n\nconst props = defineProps<{\n  url: string;\n}>();\n\nconst { t } = useTranslator();\n\nconst error = ref<string | null>(null);\nconst isLoading = ref(true);\nconst videoContainerRef = ref<HTMLDivElement | null>(null);\nlet player: VideoJsPlayer | null = null;\n\nconst initPlayer = () => {\n  if (!videoContainerRef.value || player) return;\n\n  const videoElement = document.createElement('video-js');\n  videoElement.classList.add('vjs-big-play-centered', 'vjs-theme-apple');\n  videoContainerRef.value.appendChild(videoElement);\n\n  const videoType = getVideoMimeType(props.url);\n\n  const sources =\n    videoType === 'video/quicktime'\n      ? [\n          { src: props.url, type: 'video/quicktime' },\n          { src: props.url, type: 'video/mp4' },\n        ]\n      : [{ src: props.url, type: videoType }];\n\n  player = videojs(videoElement, {\n    controls: true,\n    fill: true,\n    preload: 'auto',\n    controlBar: {\n      children: [\n        'playToggle',\n        'volumePanel',\n        'currentTimeDisplay',\n        'timeDivider',\n        'durationDisplay',\n        'progressControl',\n        'remainingTimeDisplay',\n        'fullscreenToggle',\n      ],\n      volumePanel: {\n        inline: false,\n      },\n    },\n    html5: {\n      vhs: {\n        overrideNative: true,\n      },\n      nativeVideoTracks: false,\n      nativeAudioTracks: false,\n      nativeTextTracks: false,\n    },\n    sources,\n  });\n\n  const videoEl = player.el().querySelector('video');\n  if (videoEl) {\n    (videoEl as HTMLVideoElement).style.objectFit = 'contain';\n  }\n\n  player.on('loadeddata', () => {\n    isLoading.value = false;\n  });\n\n  player.on('error', () => {\n    const err = player?.error();\n    console.error('Video.js error:', err);\n    error.value = t.value('video.load_failed_with_error', { error: err?.message || t.value('common.unknown_error') });\n    isLoading.value = false;\n  });\n};\n\nonMounted(initPlayer);\n\nwatch(\n  () => props.url,\n  () => {\n    if (player && !player.isDisposed()) {\n      player.src({ src: props.url, type: getVideoMimeType(props.url) });\n    }\n  }\n);\n\nonBeforeUnmount(() => {\n  if (player && !player.isDisposed()) {\n    player.dispose();\n    player = null;\n  }\n});\n</script>\n\n<template>\n  <div v-if=\"error\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-center\">\n      <div\n        class=\"vfp-w-16 vfp-h-16 vfp-mx-auto vfp-mb-4 vfp-rounded-full vfp-bg-red-500/10 vfp-flex vfp-items-center vfp-justify-center\"\n      >\n        <svg\n          class=\"vfp-w-8 vfp-h-8 vfp-text-red-400\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n          />\n        </svg>\n      </div>\n      <p class=\"vfp-text-lg vfp-font-medium vfp-text-fg-primary vfp-mb-2\">{{ t('video.load_failed') }}</p>\n      <p class=\"vfp-text-sm vfp-text-fg-tertiary\">{{ error }}</p>\n    </div>\n  </div>\n\n  <div v-else class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-w-full vfp-h-full vfp-relative\">\n      <div\n        v-if=\"isLoading\"\n        class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-3 vfp-backdrop-blur-sm vfp-z-10\"\n      >\n        <div class=\"vfp-text-center\">\n          <div\n            class=\"vfp-w-12 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-sm vfp-text-fg-secondary vfp-font-medium\">{{ t('video.loading') }}</p>\n        </div>\n      </div>\n\n      <div\n        ref=\"videoContainerRef\"\n        class=\"vfp-overflow-hidden vfp-w-full vfp-h-full\"\n        style=\"box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05)\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","error","ref","isLoading","videoContainerRef","player","onMounted","videoElement","videoType","getVideoMimeType","sources","videojs","videoEl","err","watch","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_unref","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9"],"mappings":"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"}

package/lib/chunks/{index-BP_8GjEV.mjs → index-BlNjLD3A.mjs}

@@ -3,7 +3,7 @@ import { FileSpreadsheet as B } from "lucide-vue-next";
 import H from "exceljs";
 import R from "x-data-spreadsheet";
 /* empty css                       */
-import { u as j, a as C, z as F } from "./index-BA-bP8P6.mjs";
+import { u as j, a as C, z as F } from "./index-BuYJGBLT.mjs";
 const L = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full" }, N = {
   key: 0,
   class: "vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10"
@@ -126,4 +126,4 @@ const L = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-fu
 export {
   Z as default
 };
-//# sourceMappingURL=index-BP_8GjEV.mjs.map
+//# sourceMappingURL=index-BlNjLD3A.mjs.map

package/lib/chunks/{index-BP_8GjEV.mjs.map → index-BlNjLD3A.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BP_8GjEV.mjs","sources":["../../src/renderers/Xlsx/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport { FileSpreadsheet } from 'lucide-vue-next';\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';\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  () => {\n    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    <div\n      v-if=\"error && !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 vfp-max-w-sm md:vfp-max-w-md vfp-px-4\">\n        <div\n          class=\"vfp-w-24 vfp-h-24 md:vfp-w-32 md:vfp-h-32 vfp-mx-auto vfp-mb-4 md:vfp-mb-6 vfp-rounded-2xl md:vfp-rounded-3xl vfp-bg-gradient-to-br vfp-from-green-500 vfp-via-emerald-500 vfp-to-teal-500 vfp-flex vfp-items-center vfp-justify-center vfp-shadow-2xl\"\n        >\n          <FileSpreadsheet class=\"vfp-w-12 vfp-h-12 md:vfp-w-16 md:vfp-h-16 vfp-text-fg-primary\" />\n        </div>\n        <p class=\"vfp-text-lg md:vfp-text-xl vfp-text-fg-primary vfp-mb-2 md:vfp-mb-3 vfp-font-medium\">\n          {{ t('xlsx.load_failed') }}\n        </p>\n        <p class=\"vfp-text-xs md:vfp-text-sm vfp-text-fg-tertiary vfp-mb-4 md:vfp-mb-6\">{{ error }}</p>\n        <a\n          :href=\"url\"\n          download\n          class=\"vfp-inline-flex vfp-items-center vfp-gap-2 vfp-px-4 vfp-py-2 md:vfp-px-6 md:vfp-py-3 vfp-bg-gradient-to-r vfp-from-purple-500 vfp-to-pink-500 vfp-text-fg-primary vfp-text-sm md:vfp-text-base vfp-rounded-lg md:vfp-rounded-xl hover:vfp-scale-105 vfp-transition-all vfp-shadow-lg\"\n        >\n          下载文件\n        </a>\n        <p class=\"vfp-text-xs vfp-text-fg-muted vfp-mt-3 md:vfp-mt-4\">提示：可以使用 Microsoft Excel 或 WPS 打开</p>\n      </div>\n    </div>\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","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","FileSpreadsheet","_hoisted_8","_hoisted_9","_hoisted_10","_cache"],"mappings":"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"}
+{"version":3,"file":"index-BlNjLD3A.mjs","sources":["../../src/renderers/Xlsx/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport { FileSpreadsheet } from 'lucide-vue-next';\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';\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  () => {\n    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    <div\n      v-if=\"error && !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 vfp-max-w-sm md:vfp-max-w-md vfp-px-4\">\n        <div\n          class=\"vfp-w-24 vfp-h-24 md:vfp-w-32 md:vfp-h-32 vfp-mx-auto vfp-mb-4 md:vfp-mb-6 vfp-rounded-2xl md:vfp-rounded-3xl vfp-bg-gradient-to-br vfp-from-green-500 vfp-via-emerald-500 vfp-to-teal-500 vfp-flex vfp-items-center vfp-justify-center vfp-shadow-2xl\"\n        >\n          <FileSpreadsheet class=\"vfp-w-12 vfp-h-12 md:vfp-w-16 md:vfp-h-16 vfp-text-fg-primary\" />\n        </div>\n        <p class=\"vfp-text-lg md:vfp-text-xl vfp-text-fg-primary vfp-mb-2 md:vfp-mb-3 vfp-font-medium\">\n          {{ t('xlsx.load_failed') }}\n        </p>\n        <p class=\"vfp-text-xs md:vfp-text-sm vfp-text-fg-tertiary vfp-mb-4 md:vfp-mb-6\">{{ error }}</p>\n        <a\n          :href=\"url\"\n          download\n          class=\"vfp-inline-flex vfp-items-center vfp-gap-2 vfp-px-4 vfp-py-2 md:vfp-px-6 md:vfp-py-3 vfp-bg-gradient-to-r vfp-from-purple-500 vfp-to-pink-500 vfp-text-fg-primary vfp-text-sm md:vfp-text-base vfp-rounded-lg md:vfp-rounded-xl hover:vfp-scale-105 vfp-transition-all vfp-shadow-lg\"\n        >\n          下载文件\n        </a>\n        <p class=\"vfp-text-xs vfp-text-fg-muted vfp-mt-3 md:vfp-mt-4\">提示：可以使用 Microsoft Excel 或 WPS 打开</p>\n      </div>\n    </div>\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","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","FileSpreadsheet","_hoisted_8","_hoisted_9","_hoisted_10","_cache"],"mappings":"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"}