vue实现 bpmn 自定义属性模板(activiti版)

例子地址：https://github.com/RubyLinT/bpmnActiviti.git

安装包：npm i

运行：npm run dev

访问http://localhost:8081/#/为官网提供的模板

访问http://localhost:8081/#/pro为自定义的模板

1.页面内容：

<template>
  <div class="containers" ref="content">
    <div class="canvas" ref="canvas"></div>
    <!-- panel为自定义属性面板，需要传入element，businessObject，moddle，modeling（后面会提及） -->
    <panel ref="panel" :element="element" :businessObject="businessObject" :moddle="moddle" :modeling="modeling"/>
  </div>
</template>

<script>
// 引入相关的依赖
import BpmnModeler from 'bpmn-js/lib/Modeler'
import activitiModdleDescriptor from './activiti.json'//要自定义的属性
import { getBusinessObject } from 'bpmn-js/lib/util/ModelUtil';
import panel fr