docs: 冻结 v0.6.0 架构与验收边界

This commit is contained in:
SkyJourney
2026-07-30 10:23:04 +08:00
parent 83e6559c2c
commit 81d9099eae
2 changed files with 403 additions and 10 deletions
+379
View File
@@ -0,0 +1,379 @@
# v0.6.0 DOCX 导出与 Markdown 工具栏设计
状态:阶段 1 设计冻结,尚未开始功能实现。
## 1. 版本目标
`v0.6.0` 包含两个核心功能:
1. 新增可由 Microsoft Word 和 WPS 正常打开、编辑、保存的 DOCX 导出;
2. 将左侧原生文本框升级为 CodeMirror 6,并增加可扩展的基础 Markdown
工具栏。
本版本不改变现有 Markdown 渲染、连续预览、分页预览和 PDF 导出链路。
DOCX 是与 PDF 并列的新输出适配器,不以 HTML 转 Word 的方式复用 PDF
打印结果。
```mermaid
flowchart LR
A["Markdown 与受限资源"] --> B["共享文档与资源服务"]
B --> C["现有 HTML 渲染"]
C --> D["连续与分页预览"]
C --> E["Chromium PDF"]
B --> F["DOCX 文档准备"]
F --> G["媒体 PNG 渲染"]
F --> H["动态 reference.docx"]
G --> I["Pandoc DOCX"]
H --> I
I --> J["Word 与 WPS 可编辑文档"]
```
## 2. 发布门禁
DOCX 功能必须同时满足以下两条门禁,否则不能作为 `v0.6.0` 正式能力
发布。
### 2.1 纸张与样式门禁
导出的 DOCX 必须保留当前导出配置和主题中有明确 Word 语义的属性:
- 纸张尺寸;
- 横向或纵向;
- 上、右、下、左页边距;
- 页眉、页脚和基础页码;
- 正文与标题的中西文字体、字号、颜色和字重;
- 段落对齐、行距、段前、段后和首行缩进;
- 标题 16
- 引用、列表、任务列表、表格和代码块;
- 图片、图片标题、Mermaid 和 ECharts
- 链接、脚注和可转换为 OMML 的数学公式。
同一输入在固定 Pandoc 版本和相同配置下应生成结构稳定的 OOXML。DOCX
与 PDF 使用不同的排版引擎,不要求两者逐页分页完全一致。
### 2.2 可编辑性门禁
导出的文档必须:
- 可由当前支持范围内的 Microsoft Word 和 WPS 无修复提示地打开;
- 正文、标题、列表、表格、链接、脚注和公式保持原生 OOXML 结构;
- 文本可选择、修改、复制和重新排版;
- 图片可移动、缩放、删除和替换;
- 在 Word 或 WPS 中编辑并保存后,可由另一应用再次打开;
- 不以整页截图、整篇图片或 HTML `altChunk` 作为正文实现。
Mermaid 和 ECharts 在 DOCX 中是高分辨率 PNG,不是 Office 原生图表对象。
它们可以作为图片编辑,但不能在 Word 或 WPS 中修改图表数据。
## 3. “完整样式映射”的定义
CSS 和 WordprocessingML 不是等价排版模型。“完整样式映射”在本项目中
定义为:对项目声明支持的文档语义和可转换样式建立确定性映射,而不是
承诺转换任意浏览器 CSS。
### 3.1 必须映射
| Markdown/主题语义 | DOCX 目标 |
| --- | --- |
| 正文 | `Normal` 或项目正文段落样式 |
| 标题 16 | Word 原生标题层级 |
| 强调、粗体、删除线、行内代码 | 字符级 OOXML 属性或字符样式 |
| 引用 | 独立段落样式 |
| 有序、无序和任务列表 | 原生编号定义与段落编号 |
| 围栏代码块 | 代码段落样式、底纹、边框和等宽字体 |
| 表格 | 原生 Word 表格、单元格和表格样式 |
| 图片与图注 | DrawingML 图片和图注段落样式 |
| 链接 | 原生超链接关系 |
| 脚注 | 原生脚注 |
| 数学公式 | Pandoc 可转换时使用 OMML |
| 分页控制 | Word 段落分页属性 |
### 3.2 尽力映射
- 简单边框、底纹、单元格内边距和表格表头样式;
- 标题的段前、段后、与下段同页;
- 图片最大宽度和图注对齐;
- 内置主题中能够转换为 Word 属性的装饰;
- 自定义主题中经安全解析后允许的字体、颜色和基础段落属性。
### 3.3 不承诺映射
- CSS 伪元素、滤镜、阴影、渐变、动画和复杂背景;
- 浏览器布局模型,如 Flex、Grid、绝对定位和复杂浮动;
- Paged.js 分页结果和 Chromium 子像素布局;
- 任意 CSS 选择器的层叠结果;
- JavaScript 生成的交互行为;
- PDF 专属打印缩放。
内置主题必须提供经过测试的 Word 样式映射。自定义主题采用受限的通用
映射;未来可以在主题清单中增加显式 DOCX 样式扩展,但不作为本阶段的
前置条件。
## 4. DOCX 技术路线
### 4.1 组件职责
```text
packages/core/
DOCX 请求、结果、能力和错误协议
packages/application/
文档准备、资源解析、媒体处理和导出用例
packages/docx-engine/(计划新增)
Pandoc 调用、动态 reference.docx、OOXML 与 DOCX 验证
apps/server/
HTTP 适配、Pandoc 运行时和并发控制
apps/desktop/
IPC 适配、内置 Pandoc 定位和原生另存为
apps/web/
DOCX 导出交互、状态和错误展示
```
`packages/docx-engine` 不依赖 Fastify、Electron 或浏览器 UI。Server 和
Desktop 只提供平台运行时、传输与保存能力。
### 4.2 转换流程
1. 校验 Markdown、主题和导出配置;
2. 在每个请求的独立临时目录准备 Markdown 和资源;
3. 将本地、远程和 Data URL 图片规范化为受控本地资源;
4. 使用现有 Chromium/Electron 图表运行时将 Mermaid、ECharts 输出为
高分辨率 PNG
5. 根据主题和导出配置生成动态 `reference.docx`
6. 调用固定版本 Pandoc 生成 DOCX
7. 检查 DOCX ZIP 和关键 OOXML 部件;
8. 返回 DOCX Buffer,并在 `finally` 中清理临时目录。
不引入 Python。Node.js 负责业务编排、OOXML 修改、资源处理、进程控制和
安全边界;Pandoc 仅作为受控的独立转换器。
### 4.3 Pandoc 分发
- 开发环境允许通过显式配置或 `PATH` 使用本地 Pandoc
- Docker 镜像安装项目固定版本;
- Windows Desktop 通过发行包资源目录携带固定版本;
- 用户输入不得成为可执行路径或任意命令行参数;
- 启动时或导出前校验版本,并通过 capability 状态报告不可用原因;
- 发布前记录 Pandoc 许可证、源码获取方式和第三方声明;
- 下一阶段实测 Docker 镜像与 Desktop 安装包的体积增量。
最终版本号和分发方式在阶段 2 根据许可证与实际包体测试冻结。
### 4.4 动态 reference.docx
动态模板以固定 Pandoc 版本的默认 `reference.docx` 为基线,由 Node
修改必要 OOXML
- `word/document.xml` 的节属性;
- `word/styles.xml` 的段落与字符样式;
- 页眉页脚部件及其关系;
- 页码字段;
- 字体、主题色和兼容性设置;
- 文档元数据。
模板缓存键至少包含 Pandoc 版本、主题版本和影响 DOCX 的导出配置。缓存
不得跨越不兼容的主题或 Pandoc 版本。
### 4.5 媒体策略
- 普通 PNG、JPEG 等兼容图片保持原格式或安全规范化;
- SVG 默认转换为 PNG,不直接嵌入 DOCX;
- Mermaid 和 ECharts 使用 PNG
- PNG 按足够高的像素尺寸生成,DOCX 中使用纸张内容区对应的物理尺寸;
- 保持纵横比,不得超出可用内容宽高;
- 图表渲染必须等待字体、图片和图表资源完成;
- 图表错误产生局部、可理解的导出错误,不输出损坏 DOCX。
## 5. Markdown 编辑器与工具栏
### 5.1 编辑器选型
左侧编辑器采用:
- `@uiw/react-codemirror`
- `@codemirror/lang-markdown`
- CodeMirror 6 的状态、选区、事务、历史和快捷键扩展。
不引入带独立 Markdown 预览的完整编辑器,避免复制现有安全渲染和统一
预览链路。CodeMirror 只管理 Markdown 源文本,不负责生成最终预览 HTML。
### 5.2 命令扩展层
工具栏使用项目自有命令接口,不绑定第三方 Markdown 编辑器的私有插件
协议。命令至少包含:
```ts
interface MarkdownEditorCommand {
id: string;
group: "history" | "text" | "block" | "insert" | "document";
label: string;
shortcut?: string;
isEnabled?: (context: EditorCommandContext) => boolean;
execute: (context: EditorCommandContext) => void | Promise<void>;
render?: (context: ToolbarRenderContext) => React.ReactNode;
}
```
该接口必须允许命令:
- 读取和修改选区;
- 执行单个可撤销事务;
- 恢复光标和焦点;
- 打开 React 弹窗或侧边面板;
- 执行异步操作;
- 根据编辑器或平台状态禁用;
- 注册快捷键。
### 5.3 v0.6.0 基础命令
- 撤销、重做;
- 标题级别;
- 加粗、斜体、删除线;
- 行内代码、代码块;
- 引用;
- 有序列表、无序列表和任务列表;
- 链接、图片;
- 表格;
- 分隔线。
Front Matter 表单工具和 ECharts YAML 工具不在 `v0.6.0` 实现,但必须
能够在后续版本中以命令和面板扩展接入,不再次更换编辑器。
### 5.4 兼容性要求
替换原生 `textarea` 后必须保持:
- React 中的 Markdown 受控状态和防抖渲染;
- Web 文件选择和下载;
- Desktop 新建、打开、保存、另存为及文件关联;
- 外部文件变化检测;
- 多窗口和同文件单例;
- 编辑区折叠与恢复焦点;
- 编辑区和预览区滚动同步;
- Windows 与 macOS 常用快捷键语义;
- 中文输入法组合输入;
- 大文档编辑性能。
外部文件加载不得污染用户的撤销历史;工具栏的一次操作应形成一次清晰
的撤销步骤。
## 6. API、安全与运行约束
### 6.1 API 与 IPC
- Web 提供单独的 DOCX 导出接口;
- Desktop 提供最小权限 DOCX IPC
- 两端复用相同应用用例和 DOCX 引擎;
- 响应使用正确的 DOCX MIME 类型和安全 UTF-8 文件名;
- DOCX 状态不得污染 PDF 精确预览缓存。
### 6.2 安全
- 每次导出使用独立临时目录,并在所有退出路径清理;
- 继续阻止路径穿越、符号链接越界、内网资源访问和任意本地文件读取;
- 对输入大小、资源数量、图片像素、总资源大小、执行时间和并发设置上限;
- Pandoc 只接收程序构造的参数数组,不经过 Shell;
- 不允许 Markdown 注入 Pandoc 参数、Lua Filter 路径或可执行文件路径;
- Pandoc 子进程超时后必须终止,应用退出时不得遗留子进程;
- 输出必须通过 ZIP 和关键 OOXML 部件检查后才能返回。
### 6.3 隐私
DOCX 沿用当前无历史数据库原则。Markdown、图片、中间 PNG、动态模板和
最终 DOCX 只存在于当前请求或桌面保存流程中。
## 7. 验收矩阵
### 7.1 文档内容
综合样例必须覆盖:
- 中英文正文和多级标题;
- 强调、删除线、行内代码和链接;
- 有序、无序、嵌套和任务列表;
- 引用、代码块、长表格和分页边界;
- 脚注与 KaTeX 数学公式;
- 本地图片、受限远程图片和图片标题;
- Mermaid
- 当前支持的全部 ECharts 系列;
- Front Matter 公文、报告和标书结构;
- 页眉、页脚、页码及多页文档。
### 7.2 配置组合
至少验证:
- A4 纵向;
- A4 横向;
- Letter 纵向;
- 两组不同的四边页边距;
- 两套字体和颜色差异明显的内置主题;
- 普通文档主题和正式公文主题。
### 7.3 应用互操作
每个发布候选至少完成:
1. Word 打开、编辑、保存,WPS 再打开;
2. WPS 打开、编辑、保存,Word 再打开;
3. 修改正文、标题、列表、表格和图片;
4. 确认无修复提示、内容丢失或整体图片化;
5. 对关键页面进行渲染截图和视觉检查。
自动检查至少验证:
- DOCX ZIP 完整;
- 页面和页边距属性;
- 样式定义;
- 图片关系;
- 页眉页脚和页码字段;
- 原生编号、表格、链接、脚注和 OMML;
- 不存在正文 `altChunk`
### 7.4 回归
- 现有 Web、Docker 和 Desktop PDF 导出不得回退;
- 连续预览、快速预览和精确预览不得回退;
- Mermaid、ECharts 和图片安全边界保持不变;
- 完整通过 `npm test``npm run typecheck``npm run build`
`git diff --check`
## 8. 分阶段提交约定
`v0.6.0` 按以下阶段推进:
1. 架构与验收边界;
2. Pandoc 分发、许可证与运行时;
3. DOCX 共享模型与导出协议;
4. CodeMirror 6 与基础工具栏;
5. DOCX 资源预处理;
6. 动态 `reference.docx`
7. Pandoc DOCX 转换服务;
8. Web 与 Desktop 导出交互;
9. 自动化测试与 Word/WPS 验收;
10. 体积、文档和正式发布。
每个阶段遵循:
1. 完成当前阶段实现与验证;
2. 汇报结果并等待用户验收;
3. 验收后创建一个独立提交;
4. 再确认是否进入下一阶段。
阶段提交不得混入无关修改,也不得通过重置或清理覆盖用户工作区内容。
## 9. 已知限制
- DOCX 与 PDF 不保证分页完全相同;
- 图表不是 Office 原生可编辑图表;
- 任意浏览器 CSS 无法无损映射为 WordprocessingML
- 自定义主题首版只转换受支持属性;
- 字体能否显示取决于目标系统安装字体或后续是否实现字体嵌入;
- Word 与 WPS 对复杂分页和字体替换可能存在细微差异。
这些限制不降低两条发布门禁:受支持的纸张与样式必须稳定映射,文档主体
必须保持 Word/WPS 可编辑。