MiyueFE

霖呆呆的 bpmn-js 交流群整合的讨论资料。目前已收纳中文文档、开源编辑器、开源模板、工具仓库、表单引擎等内容

在对 bpmn.js 进行深入了解之后，心中对如何使用以及如何根据业务需求进行改造有了比较清晰的理解。为了解决之前写中文文档留下的坑，这里特地从源码层面对 bpmn.js 进行解析。

首先需要明确的一点是，本文的出发点 纯粹是针对工作流开发 的场景的选型对比，其他业务场景下建议重新调研。 什么是工作流？ 工作流，即 Workflow，是对工作流程及其

继 Angular 和 React 之后，尤大在 2016 年发布了如今“前端三剑客”之一的 Vue 2.0，并凭借其简单易用、轻量高效的特点受到了广泛的欢迎，特别

在 Vue 3 中，对模板的编译和渲染做了大量的优化，在编译阶段通过 动态节点收集和静态节点提升，为渲染阶段的性能提升打下了坚实的基础

总的来说，diagram.js 虽然是作为 bpmn.js 的底层项目，用来提供绘图能力与交互能力，并实现了一些工具函数；但是 本身并没有实现太多功能，只是作为初始化依赖注入器与基础模块的入口，通过

作为 bpmn.js 与 diagram.js 的模块化系统的底层依赖，Injector 通过 依赖注入 的形式完美分开了不同功能模块之前的核心代码，保证使用者 只需要了解所需依赖的功能，然后专注于各

在正式开始介绍 bpmn.js 源码之前，我想先向大家介绍一下与 bpmn.js 相关的一些概念。根据官网介绍，bpmn.js 作为**符合 BPMN 2.0 标准 XML 文件**的 **阅读器

在开发流图编辑器的过程中，为了深度适配后端 flowable 引擎的功能，经常需要对 bpmn-js 进行扩展，主要分为两个部分：propertie-panel 和 bpmn model。 之前有介绍