Flyfish File Viewer 的独立压缩包 renderer 包。它用 libarchive.js Worker + WASM 读取 RAR、7z、ZIP、TAR 等压缩包目录,并在点击内部文件时才按需解压、缓存和调用 File Viewer 的嵌套渲染能力。
import FileViewer from '@file-viewer/vue3'
import { archiveRenderer } from '@file-viewer/renderer-archive'
const options = {
rendererMode: 'replace',
renderers: archiveRenderer,
}
也可以和其他 renderer 一起组合:
import { archiveRenderer } from '@file-viewer/renderer-archive'
import { pdfRenderer } from '@file-viewer/renderer-pdf'
import { cadRenderer } from '@file-viewer/renderer-cad'
const options = {
rendererMode: 'replace',
renderers: [pdfRenderer, cadRenderer, archiveRenderer],
}
libarchive.js 统一解密,默认弹框要求用户输入密码,密码正确后继续读取目录或预览内部文件。libarchive.js Worker + WASM,避免大压缩包阻塞主线程。renderNestedBuffer 或 core dispatcher 复用 PDF、Office、CAD、XMind、图片、代码等现有 renderer。默认会从 viewer assets 下读取:
vendor/libarchive/worker-bundle.jsvendor/libarchive/libarchive.wasm私有化部署时可以通过 options.archive.workerUrl 和 options.archive.wasmUrl 覆盖。
const options = {
archive: {
workerUrl: '/file-viewer/vendor/libarchive/worker-bundle.js',
wasmUrl: '/file-viewer/vendor/libarchive/libarchive.wasm',
cache: true,
workerTimeoutMs: 30000,
},
}
默认情况下,检测到加密内容会显示内置密码弹框。业务也可以预置密码,或接管密码获取流程:
const options = {
archive: {
password: initialPasswordFromYourSystem,
async requestPassword(context) {
// context.filename / context.entryName / context.reason / context.attempt
return await openYourPermissionCheckedPasswordModal(context)
},
},
}
requestPassword 返回字符串时继续解密;返回 null 或 undefined 时取消预览并展示友好提示。错误密码会重新请求密码,不会切换到 JSZip fallback。
@file-viewer/core 已不再内置 archive renderer,也不再为压缩包链路直接安装 libarchive.js。ZIP/TAR/GZIP fallback、jszip、缓存和 Worker 逻辑由本包维护;core 在 OFD 完全拆出前可能仍会因 OFD vendor 临时保留 jszip。需要压缩包预览时,请显式安装本包,或直接使用 @file-viewer/preset-all 聚合能力。