bpmnjs 增加扩展属性

在 BPMN.js 中，可以使用 `bpmn-moddle` 库来扩展BPMN元素的属性。以下是一些步骤：

1. 安装 `bpmn-moddle` 库：使用 npm 命令安装 `bpmn-moddle` 库。

   npm install bpmn-moddle

2. 扩展属性：定义扩展属性的元素类型和属性名称。在下面的示例中，我们定义了一个 `custom:customAttribute` 属性，它是一个字符串类型。

   var customNs = {
     custom: 'http://custom.org/bpmn'
   };
   
   var customModdle = new BpmnModdle({
     camunda: camundaNs,
     custom: customNs
   });
   
   var task = customModdle.create('bpmn:Task', {
     id: 'Task_1',
     name: 'Task',
     customAttribute: 'custom value'
   });

3. 注册扩展属性：将扩展属性注册到 `bpmn-moddle` 库中。在下面的示例中，我们将 `custom:customAttribute` 属性注册到 `bpmn-moddle` 库中。

   var customDescriptor = {
     name: 'CustomAttribute',
     isAttr: true,
     ns: customNs,
     type: 'String'
   };
   
   var descriptor = customModdle.getElementDescriptor('bpmn:Task');
   descriptor.properties.push(customDescriptor);

4. 应用扩展属性：使用扩展属性来创建和修改 BPMN 元素。在下面的示例中，我们在任务节点中使用了 `custom:customAttribute` 属性。

   var task = customModdle.create('bpmn:Task', {
     id: 'Task_1',
     name: 'Task',
     customAttribute: 'custom value'
   });
   
   task.customAttribute = 'new custom value';

在这个示例代码中，我们使用 `bpmn-moddle` 库来扩展了 BPMN 元素的属性。我们定义了一个 `custom:customAttribute` 属性，并注册到 `bpmn-moddle` 库中。然后，我们使用 `custom:customAttribute` 属性来创建和修改 BPMN 元素。需要注意的是，在实际应用中，我们需要根据具体的场景进行修改和定制。