bpmn-js
内置提供了一个’contextPadprovider
‘右键面板,来协助我们快速创建和修改图形模块,其原理类似Palette方式,使用的是didi以插件方式来实现的动态或覆盖两种方式的创建。接下来我们就来快速了解下bpmn-js
中的contextPadprovider
已经如何对它进行修改定制操作。
如上图,contextPadprovider
就是右键元素显示的元素操作面板区域,contextPadprovider
通过当前选中元素的不同进行提示不同的操作元素显示,一辅助我们能进行更加快速的创建操作,降低非必要的左侧palette
拖拽操作,提高制图效率和用户体验度。
了解context-pad
在对context-pad
进行定制修改之前,我们先来了解下bpmn-js
源码中的context-pad
是什么样子的。如下我们了解几个比较重要的context-pad
配置。
1、插件注册参数
如下为插件的基础注册配置&#x