bpmn-js自定义右侧属性面板properties-panel

在bpmn-js中自定义右侧属性面板properties-panel，你需要做以下几步：

1. 引入bpmn-js和properties-panel库。
2. 创建bpmn-js模型和properties-panel实例。
3. 将properties-panel添加到bpmn-js的Viewer或者Modeler实例中。

以下是一个简单的自定义properties-panel的示例代码：

import BpmnModeler from 'bpmn-js/lib/Modeler';
import propertiesPanelModule from 'bpmn-js-properties-panel/lib/provider/camunda';
import camundaModdleDescriptor from 'bpmn-js-properties-panel/lib/camunda';
 
const modeler = new BpmnModeler({
  container: '#canvas',
  propertiesPanel: {
    parent: '#properties-panel'
  },
  additionalModules: [
    propertiesPanelModule
  ],
  moddleExtensions: {
    camunda: camundaModdleDescriptor
  }
});
 
modeler.importXml(xml, function(err) {
  if (err) {
    console.error('could not import BPMN 2.0 diagram', err);
  }
});

在这个例子中，我们创建了一个BpmnModeler实例，并通过additionalModules属性添加了propertiesPanelModule，这样就可以在指定的DOM元素#properties-panel中展示properties-panel。moddleExtensions属性是为了支持Camunda特有的属性。

请注意，这只是一个基本的示例，实际使用时可能需要根据你的具体需求进行相应的调整。