BPMN DI Layout

中文 | English

为 BPMN XML 自动补齐坐标（bpmndi:BPMNDiagram / BPMNShape / BPMNEdge），方便在 Flowable、Camunda、bpmn-js 等设计器中打开流程图。

功能

• 自动布局：补齐缺失坐标，或重新生成整张图的布局
• 只读预览：在 Webview 中查看流程图（支持平移 / 缩放），基于 bpmn-js NavigatedViewer
• 适配 Flowable：节点若缺少 <incoming> / <outgoing>（常见于纯语义 XML），会先按 sequenceFlow 补齐引用，再生成 DI
• 不破坏语义：保留流程语义与 Flowable 扩展属性（如 flowable:assignee、条件表达式），主要追加或替换 DI 段

使用方法

打开 BPMN 文件（.bpmn、.bpmn.xml、.bpmn20.xml），然后：

布局完成后会自动打开预览面板。同一文件复用同一 Webview 面板。

说明

• 布局会始终重新生成坐标，不保留旧的 DI 位置。
• 支持 VS Code 与 Cursor（要求 vscode ^1.85.0）。
• 布局引擎：bpmn-auto-layout。