bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。

EmbeddedComments

这个组件主要是帮助我们实现单个diagram标注的功能，且支持多类型颜色配置的备注信息，其使用示例如下：

import BpmnViewer from 'bpmn-js/lib/NavigatedViewer';

import EmbeddedComments from 'bpmn-js-embedded-comments';


import BpmnViewer from 'bpmn-js/lib/NavigatedViewer';

import EmbeddedComments from 'bpmn-js-embedded-comments';

viewer.on('canvas.click', function() {
  viewer.get('comments').collapseAll();
});

Bpmn Properties

这个是比较常见的一个组件，主要用于展示我们的bpmn各个元素的属性信息，也可配合设置bpmn的配置信息，这个可以说是bpmn-js中的一个较为重要的内置组件组