@file-viewer/renderer-ofd

中文文档
3.3.3发布于 2026/10/31Apache-2.0TypeScriptES Module构建来源已验证近 30 天下载 9.9万

DLTech21/ofd.js为文件查看器提供动力的独立 OFD 渲染器插件.

中文使用文档
文档目录5 节
  1. 安装
  2. 用法
  3. 能力
  4. 迁移说明
  5. 文档

@file-viewer/renderer-ofd

English · 简体中文

Flyfish File Viewer 的独立 OFD 渲染器。它基于 DLTech21/ofd.js 的纯前端解析链路,按需加载 OFD vendor、XML parser 和 ZIP 解析依赖,适合电子发票、公文和国产版式文件在线预览。

安装

pnpm add @file-viewer/core @file-viewer/renderer-ofd

用法

import FileViewer from '@file-viewer/vue3'
import { ofdRenderer } from '@file-viewer/renderer-ofd'

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

也可以通过 @file-viewer/preset-all 一次性启用官方 demo 的完整格式矩阵,或与其他 renderer 组合:

import { ofdRenderer } from '@file-viewer/renderer-ofd'
import { pdfRenderer } from '@file-viewer/renderer-pdf'

const options = {
  rendererMode: 'replace',
  renderers: [pdfRenderer, ofdRenderer],
}

能力

  • 支持 .ofd 国产版式文件。
  • 支持电子签章外观预览(SES 印章图片与嵌套 OFD 印章),按 StampAnnot 边界叠加显示;预览不做国密验签。
  • 按需动态导入 OFD 解析/渲染代码,不污染首屏。
  • vendor 文件随 npm 包发布,支持企业内网和纯离线部署。
  • 支持统一缩放、打印、HTML 导出和生命周期上下文。

迁移说明

OFD 渲染已经从 @file-viewer/core 移入本包,jszip、本地 XML 解析逻辑和 DLTech21/ofd.js vendor 只由 @file-viewer/renderer-ofd 承接。只安装 core 或标准组件包时不会再拉取 OFD 解析依赖;需要 OFD 预览时请显式装配本 renderer,或使用 @file-viewer/preset-all。

文档

版本与发布记录

@file-viewer/renderer-ofd 共发布 57 个版本,首次发布于 2026/06/23;过去 12 个月发布了 57 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
3.3.3latest2026/10/3114 天前
3.3.12026/10/3015 天前
3.3.02026/10/2718 天前
3.2.22026/10/1827 天前
3.2.12026/10/1530 天前
3.2.02026/10/1530 天前

关于 @file-viewer/renderer-ofd 的常见问题

@file-viewer/renderer-ofd 是什么?

DLTech21/ofd.js为文件查看器提供动力的独立 OFD 渲染器插件.

如何安装 @file-viewer/renderer-ofd?

在项目目录运行 npm install @file-viewer/renderer-ofd,或使用 pnpm add / yarn add / bun add。

@file-viewer/renderer-ofd 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@file-viewer/renderer-ofd 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@file-viewer/renderer-ofd 可以商用吗?

@file-viewer/renderer-ofd 使用 Apache-2.0 许可。宽松许可:允许商业使用、修改和再分发,并附带明确的专利授权;分发时需保留许可与 NOTICE 文件,修改过的文件要注明改动。以上为概括,不构成法律意见,请以许可原文为准。

@file-viewer/renderer-ofd 的下载量有多少?

根据 npm 官方下载统计,@file-viewer/renderer-ofd 在 2026/10/15 – 2026/11/13 这 30 天内被下载 98,726 次,日均约 3,291 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@file-viewer/renderer-ofd 还在维护吗?

最新版本 3.3.3 发布于 2026/10/31(14 天前);至今共发布 57 个版本,其中过去 12 个月发布了 57 个;首次发布于 2026/06/23。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。