@file-viewer/preset-engineering

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

文件查看器的工程渲染器预设有CAD,3D,绘图,心灵地图,地理空间,Typst,EDA,存档,以及数据资产预览行.

中文使用文档
文档目录6 节
  1. 何时使用
  2. 用法
  3. 包含的 renderer
  4. 文档
  5. 格式与相关包
  6. 许可证

@file-viewer/preset-engineering

English · 简体中文

npm version npm downloads GitHub stars License: Apache-2.0

GitHub · 文档 · 在线 Demo · 格式矩阵 · 问题反馈 · English

File Viewer 在线演示:Word、Excel、PPT、3D 模型、CAD 图纸与二进制检查器

⭐ 如果 File Viewer 对你有帮助,欢迎到 GitHub 点个 Star。

Flyfish File Viewer 的工程类 renderer preset。它面向 CAD、三维模型、Draw.io / Excalidraw / Mermaid / PlantUML、XMind、地理数据、Typst、EDA、压缩包和数据资产等专业附件场景。

何时使用

  • 业务集中在研发、制造、设计、工程交付、EDA 初筛或技术文档协作。
  • 你需要 CAD / 3D / 图形 / 地理 / EDA 等专业格式,但不想安装完整 demo 的所有 renderer。
  • 你希望这些 WASM、Worker、vendor 资产都继续通过统一 manifest 和 @file-viewer/vite-plugin 自托管。

用法

推荐和 @file-viewer/vite-plugin 一起使用。安装本 preset 后,插件会自动发现并激活工程附件能力:

fileViewerRenderers({
  copyAssets: true
})

组件默认 autoRenderers:true,业务代码无需手动传 renderers。需要完全手动控制 registry 时再直接传入:

import FileViewer from '@file-viewer/vue3'
import { engineeringRenderers } from '@file-viewer/preset-engineering'

const options = {
  builtinRenderers: 'none',
  rendererMode: 'replace',
  renderers: engineeringRenderers,
}

包含的 renderer

  • @file-viewer/renderer-cad
  • @file-viewer/renderer-3d
  • @file-viewer/renderer-drawing
  • @file-viewer/renderer-mindmap
  • @file-viewer/renderer-geo
  • @file-viewer/renderer-typst
  • @file-viewer/renderer-archive
  • @file-viewer/renderer-data
  • @file-viewer/renderer-eda

文档

格式与相关包

File Viewer 在浏览器内预览 275+ 种扩展名,覆盖 Office、PDF/OFD、CAD、3D、压缩包、邮件、图片、音视频和代码,无需服务端转码;完整清单见 格式矩阵。

  • 组件:@file-viewer/web、@file-viewer/vue3、@file-viewer/vue2.7、@file-viewer/vue2.6、@file-viewer/react、@file-viewer/react-legacy、@file-viewer/svelte、@file-viewer/jquery,以及对应的 -full 包
  • 能力组合:@file-viewer/preset-lite、@file-viewer/preset-office、@file-viewer/preset-engineering、@file-viewer/preset-all
  • 构建:@file-viewer/vite-plugin、file-viewer-copy-assets

许可证

本包采用 Apache-2.0。*-full 包包含 @flyfish-dev/cad-viewer 等 DWG/DWF/DWFX 运行时,该部分采用 AGPL-3.0-only,使用 CAD 能力时请遵守其许可证。详见 LICENSE。

版本与发布记录

@file-viewer/preset-engineering 共发布 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/preset-engineering 的常见问题

@file-viewer/preset-engineering 是什么?

文件查看器的工程渲染器预设有CAD,3D,绘图,心灵地图,地理空间,Typst,EDA,存档,以及数据资产预览行.

如何安装 @file-viewer/preset-engineering?

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

@file-viewer/preset-engineering 支持 TypeScript 吗?

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

@file-viewer/preset-engineering 支持 ESM 还是 CommonJS?

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

@file-viewer/preset-engineering 可以商用吗?

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

@file-viewer/preset-engineering 的下载量有多少?

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

@file-viewer/preset-engineering 还在维护吗?

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