@file-viewer/renderer-data

English · 简体中文

Flyfish File Viewer 的独立数据资产 renderer 包。它承接 PSD、SQLite、Parquet、Avro、WASM、字体、AI/EPS、WebArchive 等非文档型数据资产预览，避免普通文档预览场景安装数据解析链路。

用法

import FileViewer from '@file-viewer/vue3'
import { dataRenderer } from '@file-viewer/renderer-data'

const options = {
  rendererMode: 'replace',
  renderers: dataRenderer,
}

也可以和其他 renderer 一起组合：

import { dataRenderer } from '@file-viewer/renderer-data'
import { textRenderer } from '@file-viewer/renderer-text'

const options = {
  rendererMode: 'replace',
  renderers: [dataRenderer, textRenderer],
}

离线资产

SQLite 预览依赖 sql.js WASM。默认路径仍由 @file-viewer/core/assets 统一解析为 wasm/data/sql-wasm.wasm，也可以通过 options.data.sqlWasmUrl 指定自托管地址。

迁移说明

@file-viewer/core 已不再内置数据资产 renderer，也不再默认安装 ag-psd、sql.js、hyparquet 和 avsc。需要 PSD / SQLite / Parquet / Avro / WASM / 字体 / AI / EPS / WebArchive 预览时，请显式安装本包，或使用 @file-viewer/preset-all 聚合能力。

能力边界

• PSD 使用 ag-psd 读取画布和图层，支持图层选择显隐、重绘和统一缩放。
• 旧 PSD 路径默认限制解码缓冲区为 128 MiB，可通过正整数 options.design.maxDecodedBytes 调整，并跳过未使用的缩略图和关联文件数据。
• SQLite 使用 sql.js 读取表结构和首个表的示例数据。
• Parquet 使用 hyparquet 读取列式元数据和示例行。
• Avro 使用 avsc 读取对象容器 schema 与示例数据。
• WASM 使用浏览器 WebAssembly.Module 安全读取 import/export 摘要。
• AI/EPS/WebArchive 等格式以摘要和可读文本片段安全展示，不执行脚本。