A process designer that depends on bpmn.js , Vue 2.x and ElementUI.
You can view and edit BPMN 2.0 diagrams in the browser.
在线demo请访问 MiyueFE Blog
npm install
// or yarn installnpm run demo
// or yarn run demo
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
value/v-model |
Initial string | String | - | - |
translations |
The translations file | Object | - | zh.js |
additionalModel |
Array / Object | - | - | |
moddleExtension |
Object | - | - | |
onlyCustomizeAddi |
Use only customized extension additional modules | Boolean | - | false |
onlyCustomizeModdle |
Use only customized extension moddle | Boolean | - | false |
processType |
The prefix of process | String | camunda, activiti, flowable |
camunda |
events |
Register an event listener for events with the given name | Array | - | [element.click] |
headerButtonSize |
The header buttons' size | String | "default", "medium", "small", "mini" |
small |
| Event Name | Description | Callback Parameters |
|---|---|---|
init-finished |
The modeler Instance initialization completed | modeler |
change |
When the process changed ( EventBus.on("commandStack.changed")) |
XMLString |
destroy |
Before this Vue Component destroy and this bpmnModeler destroyed。 | modeler |
BpmnEvents |
Like element.click, will replace . to - (ep: "element.click" => "element-click" ). If you want to use an event, you must add the event name to the "events" parameter |
element, InternalEventInstance |