NodePropertiesPanel BPMN 节点属性面板

BPMN 节点属性配置面板（约 3289 行）。根据 BPMN 元素类型动态展示对应的配置 Tab，包括基础属性、审批设置、办理控制、会签配置、监听器、服务配置、抄送、流转条件和网关配置。

基本用法

<template>
  <NodePropertiesPanel
    :element="selectedElement"
    :modeler="bpmnModeler"
    :field-catalog="formFields"
    @update="handleUpdate"
  />
</template>

<script setup>
import { NodePropertiesPanel } from '@/components/bpmn/NodePropertiesPanel.vue'

const handleUpdate = () => {
  // 属性变更后刷新画布
}
</script>

Props

属性	类型	默认值	说明
element	Object	null	BPMN 元素对象（来自 bpmn-js）
modeler	Object	null	bpmn-js modeler 实例
fieldCatalog	Array	[]	表单字段目录（用于变量选择）

Events

事件名	参数	说明
update	—	任意属性变更后触发，通知父组件刷新画布

元素类型与配置 Tab 映射

BPMN 元素类型	配置 Tab
bpmn:StartEvent	基础属性、开始配置、执行监听器
bpmn:UserTask	基础属性、审批设置、办理控制、会签配置、监听器、执行监听器
bpmn:ServiceTask	基础属性、服务配置（含抄送/异步）、执行监听器
bpmn:ExclusiveGateway	基础属性、网关配置
bpmn:SequenceFlow	基础属性、流转条件
bpmn:EndEvent	基础属性、结束配置、执行监听器

审批设置 Tab (bpmn:UserTask)

支持以下审批人分配方式：

• 指定成员：从 UserSelectModal 选择具体审批人
• 候选用户/候选组：通过 SPEL 表达式匹配
• 表单变量：从 fieldCatalog 中选择字段变量

依赖

• flowApi — API 调用
• FlowFormCreateDesigner / FlowFormCreateRenderer
• request — HTTP 工具
• UserSelectModal — 用户选择