bpmn.js左侧Palette默认没有user-task(用户任务)

1.bpmn.js左侧Palette默认没有user-task(用户任务)

做项目时想找个Vue3.x + bpmn-js + element-plus配合后端实现Activiti流程设计器于是去github找到了唯一个契合的案例:
bpmn-vue-activiti基于Vue3.x + Vite + bpmn-js + element-plus + tsx 实现的Activiti流程设计器
bpmn.js左侧Palette默认没有user-task(用户任务)_第1张图片
可是不知道为什么他左侧Palette没有user-task,因为他是封装过的并且我前端也不是很厉害所以我没发现他是怎么配置的。
看了很多文章都是自定义palette的可我试过css中是可以展示bpmn-icon-user-task图标的,所以我不需要则定义palette只需要将user-task配置到palette。

a.进入node_modules下的
bpmn-js/lib/features/palette/paletteprovider.js
b.在create.task下添加create.user-task

'create.task': createAction(
      'bpmn:Task', 'activity', 'bpmn-icon-task',
      translate('Create Task')
    ),
    'create.user-task': createAction(
      'bpmn:UserTask', 'activity', 'bpmn-icon-user-task',
      translate('Create User Task')
    ),

c.重新编译运行
bpmn.js左侧Palette默认没有user-task(用户任务)_第2张图片

你可能感兴趣的:(javascript,vue.js,前端)