上一篇文章里我们了解了bpmn-js
使用palette
模块进行左侧小工具区域(也可以理解为调色板区域)的功能扩展,今天这个话题则是延续上期的palette
进行开展的。
从上篇文章《聊一聊bpmn-js中的Palette》我们知道,PaletteProvider
通过getPaletteEntries
方法提供小工具Map
对象,而单个小工具绘制对象格式如下:
type PaletteEntry = {action: (event: Event, autoActivate: boolean) => any || {}; // 事件回调,或者是事件对象如{dragStart:()=>{}}className?: string; // 类名,这里可用作加载字体图标group?: string; // 区域划分html?: string; // 自定义html显示imageUrl?: string; // 图标链接地址separator?: boolean;title?: string; // 悬停显示文字
};
这里acti