vue3 camunda:properties

Vue3 Camunda 是一个基于 Vue3 的 Camunda BPMN 模型er 的 UI 组件库，它提供了一系列组件用于展示和编辑 Camunda BPMN 模型中的属性。其中，`camunda:properties` 是一个用于展示和编辑任务节点的属性的组件。

该组件可以通过以下方式使用：

<template>
  <camunda-activity-task :element-id="taskId">
    <camunda-properties />
  </camunda-activity-task>
</template>

<script>
import { defineComponent } from 'vue';
import { CamundaActivityTask, CamundaProperties } from 'vue3-camunda';

export default defineComponent({
  components: {
    CamundaActivityTask,
    CamundaProperties,
  },
  props: {
    taskId: {
      type: String,
      required: true,
    },
  },
});
</script>

在上面的示例代码中，我们通过引入 `CamundaActivityTask` 和 `CamundaProperties` 组件来展示一个任务节点的属性。这里我们通过 `element-id` 属性将任务节点的 ID 传递给 `CamundaActivityTask` 组件，以便它可以正确地找到对应的节点并展示其属性。