vue3 bpmn.js 添加版本标签

要在Vue3和BPMN.js中添加版本标签，您可以使用BPMN.js的`LabelSupport`功能。以下是一个简单的示例：

1. 首先，您需要在Vue组件中引入BPMN.js和LabelSupport：

import * as BpmnJS from 'bpmn-js/dist/bpmn-modeler.production.min.js';
import LabelSupportModule from 'bpmn-js/dist/features/label-support';

2. 在Vue组件的`mounted`生命周期方法中初始化BPMN.js并添加`LabelSupport`：

export default {
  mounted() {
    const container = this.$refs.container;
    const bpmnJS = new BpmnJS({
      container,
      additionalModules: [ LabelSupportModule ]
    });
  }
}

3. 在BPMN.js中创建版本标签：

const modeling = bpmnJS.get('modeling');
const elementRegistry = bpmnJS.get('elementRegistry');

const task = elementRegistry.get('Task_1');

modeling.updateLabel(task, 'New Label', { version: '1.0.0' });

在上述代码中，我们首先获取了BPMN.js的`modeling`和`elementRegistry`模块，然后获取了标识为`Task_1`的元素。接下来，我们使用`modeling.updateLabel`方法更新任务的标签，并将版本信息作为附加属性传递。这将在标签中显示版本号。

希望这可以帮助您实现在Vue3和BPMN.js中添加版本标签的功能。