工具开发 · WEB COMPONENT

Uni-Viewer

面向企业后台、内网和私有化系统的纯前端文件预览组件。私有文件留在浏览器内,无需服务端转码,即可预览 Office、PDF/OFD、CAD、压缩包、邮件、图片、音视频和代码。

271已注册扩展名
47预览链路
8框架 Full 包
v3.1.1当前稳定版

核心能力

一个组件起步,统一文件源、生命周期、搜索、缩放、打印、导出和下载契约。

⛨

部署不出网

浏览器内解析和渲染,支持离线网络、Docker、私有 CDN 和完整资源自托管,私有文件不离开内网。

▤

全格式覆盖

Office(DOCX / XLSX / PPTX / 二进制 PPT)、PDF / OFD、CAD(DWG / DXF)、STEP 三维、Typst、XMind、压缩包、邮件、绘图、音视频、代码。

◈

专业格式扩展

Adobe 设计文件、DICOM、数字签名容器、ELF / PE / Mach-O 二进制检查器按需启用,只读分析不执行文件。

◉

框架全覆盖

Vanilla JS / Web Component 优先,同时提供 Vue 2.6 / 2.7 / 3、React 16.8 - 19、Svelte、jQuery 原生组件。

⇣

按需加载

PDF、Office、CAD、Typst、压缩包、图纸、PSD、Mermaid 等重型能力只在命中格式时加载 Worker / WASM / 字体资产。

⌘

操作完整

搜索、高亮、缩放、打印、导出 HTML、下载、水印、主题、生命周期钩子和按钮前置校验都走统一 API。

✧

有界多页 TIFF

CCITT Group 4 TIFF 在独立懒加载边界逐页解码,支持整组缩放、旋转、适宽、页码状态与大图查看。

⧉

工程化接入

CLI 一键生成示例:npm create uni-viewer@latest;Vite 插件自动发布同版本资源。

⚖

开源许可

源码基于 Apache-2.0 许可,npm 生态持续维护,历史包同步更新。

界面实录

同一套 API,覆盖办公文档、工程图纸与移动端。

技术栈

TypeScript · Web Components · Vite 5 - 8 适配 · Web Worker · WASM · 私有 CDN / Docker 部署

TypeScript Web Component Vite WASM Web Worker Apache-2.0

快速接入

新项目可用 CLI 生成示例,已有项目按提示添加组件和资产配置。

① 生成 / 添加

npm create uni-viewer@latest my-viewer
或在已有项目中:npx uni-viewer-cli@latest add .

② 选择组合

CLI 默认 Standard 组合,--profile full 选择 Full 兼容包并添加 DICOM、数字签名能力。

③ 自托管资产

Vite 使用 @uni-viewer/vite-plugin;其它构建工具运行 Full 包自带 CLI 复制同版本资源。