vue2 bpmn添加属性栏

安装 "bpmn-js-properties-panel": "^1.6.1"

引入样式库
import {
	BpmnPropertiesPanelModule,
	BpmnPropertiesProviderModule,
} from "bpmn-js-properties-panel";
import "bpmn-js-properties-panel/dist/assets/properties-panel.css";

添加面板容器
<div class="properties-panel-parent" id="js-properties-panel"></div>
容器样式
.properties-panel-parent {
	width: 400px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	overflow: auto;
	position: absolute;
	right:0px;
	top:30px;
}

配置molder参数

this.bpmnModeler = new BpmnModeler({
			propertiesPanel: { //指定面板容器
				parent: '#js-properties-panel'
			},
			additionalModules: [
				BpmnPropertiesPanelModule,//属性栏
				BpmnPropertiesProviderModule,
			],
		});
完成