From 52dd41ec4f20d2d4a1bbd538b3970abdf9cd9a78 Mon Sep 17 00:00:00 2001
From: panxinying <xinying.pan@fit2cloud.com>
Date: Wed, 2 Sep 2026 15:32:57 +0800
Subject: [PATCH] feat: form node

---
 ui/src/components/conversation/index.ts       |   1 +
 .../items/KnowledgeConstructor.vue            |  88 ++++-
 ui/src/components/mk-dynamics-form/index.vue  |   3 +-
 ui/src/components/mk-dynamics-form/type.ts    |   1 +
 ui/src/workflow-canvas/component/NodeMenu.vue |   1 +
 .../workflow-canvas/icons/form-node-icon.vue  |   6 +
 ui/src/workflow-canvas/index.vue              |   3 +
 .../workflow-canvas/nodes/form-node/index.ts  |  11 +
 .../workflow-canvas/nodes/form-node/index.vue | 309 ++++++++++++++++++
 9 files changed, 415 insertions(+), 8 deletions(-)
 create mode 100644 ui/src/workflow-canvas/icons/form-node-icon.vue
 create mode 100644 ui/src/workflow-canvas/nodes/form-node/index.ts
 create mode 100644 ui/src/workflow-canvas/nodes/form-node/index.vue

diff --git a/ui/src/components/conversation/index.ts b/ui/src/components/conversation/index.ts
index 9191217692e..40a23fac959 100644
--- a/ui/src/components/conversation/index.ts
+++ b/ui/src/components/conversation/index.ts
@@ -94,6 +94,7 @@ const FORM = (prev: any, chunk: any) => {
     id: chunk.id ?? prev.id,
     content: (prev.content || '') + (chunk.content || ''),
     form_field_list: chunk.form_field_list ?? prev.form_field_list,
+    form_content_format: chunk.form_content_format ?? prev.form_content_format,
     form_data: chunk.form_data ?? prev.form_data,
     is_submit: chunk.is_submit ?? prev.is_submit,
     position: chunk.position ?? prev.position,
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/KnowledgeConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/KnowledgeConstructor.vue
index 09cc2497563..19a880f3436 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/KnowledgeConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/KnowledgeConstructor.vue
@@ -1,8 +1,12 @@
 <script setup lang="ts">
 import type { DynamicFormValue } from '../../type'
-import { computed, reactive } from 'vue'
+import { computed, reactive, ref } from 'vue'
+import { CaretBottom } from '@element-plus/icons-vue'
 import Knowledge from '../../items/knowledge/Knowledge.vue'
 import type { FormField } from '../../type'
+import KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
+import type { KnowledgeItem } from '@/api/types'
+import { FOLDER_ENTRY_ID } from '@/constants'
 
 const props = defineProps<{ modelValue: DynamicFormValue }>()
 
@@ -37,6 +41,46 @@ const render = (formData: DynamicFormValue) => {
 
 defineExpose({ getData, render })
 
+// ── 添加知识库 ─────────────────────────────────────────
+const knowledgeDialogVisible = ref(false)
+const knowledgeLoading = ref(false)
+const knowledgeSearch = ref('')
+const knowledgeList = ref<KnowledgeItem[]>([])
+const selectedKnowledgeIds = ref<Array<string>>([])
+
+const filteredKnowledgeList = computed(() => {
+  const keyword = knowledgeSearch.value.trim().toLocaleLowerCase()
+  if (!keyword) return knowledgeList.value
+  return knowledgeList.value.filter((item) => item.name.toLocaleLowerCase().includes(keyword))
+})
+
+const openAddKnowledgeDialog = async () => {
+  knowledgeDialogVisible.value = true
+  selectedKnowledgeIds.value = (formValue.value.knowledge_list || []).map((k: DynamicFormValue) => k.id)
+  knowledgeLoading.value = true
+  try {
+    const res = await KnowledgeApi.getKnowledgePage({ currentPage: 1, pageSize: 100 }, { folder_id: FOLDER_ENTRY_ID.ALL })
+    knowledgeList.value = res.records || []
+  } finally {
+    knowledgeLoading.value = false
+  }
+}
+
+const handleKnowledgeSelect = () => {
+  const selectIds = new Set(selectedKnowledgeIds.value)
+  const currentList = (formValue.value.knowledge_list || []).filter((k: DynamicFormValue) => selectIds.has(k.id))
+  knowledgeList.value.forEach((item) => {
+    if (selectIds.has(item.id) && !currentList.some((k: DynamicFormValue) => k.id === item.id)) {
+      currentList.push({ id: item.id, name: item.name, type: item.type, embedding_model_id: item.embedding_model_id })
+    }
+  })
+  formValue.value.knowledge_list = currentList
+  if (formValue.value.default_value) {
+    formValue.value.default_value = formValue.value.default_value.filter((id: string) => selectIds.has(id))
+  }
+  knowledgeDialogVisible.value = false
+}
+
 function removeKnowledge(id: string) {
   formValue.value.knowledge_list = formValue.value.knowledge_list.filter((k: DynamicFormValue) => k.id !== id)
   if (formValue.value.default_value) {
@@ -48,17 +92,24 @@ function removeKnowledge(id: string) {
 <template>
   <el-form-item prop="knowledge_list" :rules="[{ message: '请选择可选知识库', type: 'array', min: 1 }]">
     <template #label>
-      <div class="flex-between mb-12 cursor" @click="collapseData.optional_knowledge = !collapseData.optional_knowledge">
+      <div class="flex-between mb-2 cursor" @click="collapseData.optional_knowledge = !collapseData.optional_knowledge">
         <div class="flex align-center">
-          <el-icon class="mr-8 arrow-icon" :class="collapseData.optional_knowledge ? 'rotate-90' : ''">
-            <CaretRight />
-          </el-icon>
+          <MkIcon
+            :icon="CaretBottom"
+            :size="14"
+            class="mr-1 text-N600! transition-transform"
+            :class="{ '-rotate-90': !collapseData.optional_knowledge }"
+          />
           <span class="lighter"
             >可选知识库
-            <span class="color-danger">*</span>
+            <span class="text-danger">*</span>
           </span>
-          <span class="ml-4" v-if="formValue.knowledge_list?.length">({{ formValue.knowledge_list.length }})</span>
+          <span class="ml-1" v-if="formValue.knowledge_list?.length">({{ formValue.knowledge_list.length }})</span>
         </div>
+        <el-button type="primary" link @click.stop="openAddKnowledgeDialog">
+          <MkIcon name="icon_add_outlined" class="mr-1" />
+          添加
+        </el-button>
       </div>
     </template>
     <div class="w-full" v-if="collapseData.optional_knowledge">
@@ -90,4 +141,27 @@ function removeKnowledge(id: string) {
       <Knowledge v-model="formValue.default_value" :form-field="formField" />
     </div>
   </el-form-item>
+
+  <MkDialog v-model="knowledgeDialogVisible" title="添加知识库" width="600px" append-to-body>
+    <el-input v-model="knowledgeSearch" placeholder="按名称搜索" clearable class="mb-3">
+      <template #prefix>
+        <MkIcon name="icon_magnify_outlined" />
+      </template>
+    </el-input>
+    <div v-loading="knowledgeLoading" class="max-h-[360px] overflow-auto">
+      <el-checkbox-group v-model="selectedKnowledgeIds">
+        <el-checkbox :value="item.id" class="-mr-2 w-full mb-2 rounded-md border border-N300 p-2" v-for="item in filteredKnowledgeList" :key="item.id">
+          <span class="flex items-center gap-2">
+            <KnowledgeIcon :type="item.type" :size="20" style="--el-avatar-border-radius: 6px" />
+            <span class="truncate">{{ item.name }}</span>
+          </span>
+        </el-checkbox>
+      </el-checkbox-group>
+      <el-empty v-if="!knowledgeLoading && filteredKnowledgeList.length === 0" description="暂无知识库" :image-size="60" />
+    </div>
+    <template #footer>
+      <el-button @click="knowledgeDialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="handleKnowledgeSelect">确定</el-button>
+    </template>
+  </MkDialog>
 </template>
diff --git a/ui/src/components/mk-dynamics-form/index.vue b/ui/src/components/mk-dynamics-form/index.vue
index 2cc3a290698..eebf3bdd67f 100644
--- a/ui/src/components/mk-dynamics-form/index.vue
+++ b/ui/src/components/mk-dynamics-form/index.vue
@@ -111,7 +111,8 @@ const visibilityCompareHandlers: Record<VisibilityCompareOperator, (left: Dynami
 }
 
 function getVisibilityConditionValue(condition: VisibilityCondition, values: Dict<DynamicFormValue>): DynamicFormValue {
-  return condition.self ? values[condition.field[1]] : condition.leftValue
+  // self 取表单自身字段值；跨节点使用后端已解析的左值(_left / leftValue)
+  return condition.self ? values[condition.field[1]] : (condition._left ?? condition.leftValue)
 }
 
 function evaluateVisibility(rules: VisibilityRules | null | undefined, values: Dict<DynamicFormValue>): boolean {
diff --git a/ui/src/components/mk-dynamics-form/type.ts b/ui/src/components/mk-dynamics-form/type.ts
index ea3fd75e3e1..af512dbedfb 100644
--- a/ui/src/components/mk-dynamics-form/type.ts
+++ b/ui/src/components/mk-dynamics-form/type.ts
@@ -25,6 +25,7 @@ export interface VisibilityCondition {
   compare: VisibilityCompareOperator | ''
   value: DynamicFormValue
   leftValue?: DynamicFormValue
+  _left?: DynamicFormValue
 }
 
 export interface VisibilityConditionState extends VisibilityCondition {
diff --git a/ui/src/workflow-canvas/component/NodeMenu.vue b/ui/src/workflow-canvas/component/NodeMenu.vue
index d4f8f363336..e80cb351fa3 100644
--- a/ui/src/workflow-canvas/component/NodeMenu.vue
+++ b/ui/src/workflow-canvas/component/NodeMenu.vue
@@ -39,6 +39,7 @@ const workflowComponentGroups = [
     label: '业务逻辑',
     list: [
       { icon: aiChatIcon, iconClass: 'bg-purple', label: '判断器', value: WorkflowNodeType.Condition },
+      { icon: aiChatIcon, iconClass: 'bg-success', label: '表单收集', value: WorkflowNodeType.FormNode },
       { icon: replyIcon, iconClass: 'bg-warning', label: '指定回复', value: WorkflowNodeType.Reply },
     ],
   },
diff --git a/ui/src/workflow-canvas/icons/form-node-icon.vue b/ui/src/workflow-canvas/icons/form-node-icon.vue
new file mode 100644
index 00000000000..7a220814144
--- /dev/null
+++ b/ui/src/workflow-canvas/icons/form-node-icon.vue
@@ -0,0 +1,6 @@
+<template>
+  <el-avatar class="avatar-gradient" shape="square">
+    <img src="@/assets/workflow/icon_ai_chat.svg" style="width: 75%" alt="" />
+  </el-avatar>
+</template>
+<script setup lang="ts"></script>
diff --git a/ui/src/workflow-canvas/index.vue b/ui/src/workflow-canvas/index.vue
index 0711bac0801..9b822083552 100644
--- a/ui/src/workflow-canvas/index.vue
+++ b/ui/src/workflow-canvas/index.vue
@@ -10,6 +10,7 @@ import { initDefaultShortcut } from '@/workflow-canvas/core/shortcut'
 import { disconnectAll, getTeleport } from '@/workflow-canvas/core/teleport'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
 import Dagre from '@/workflow-canvas/plugins/dagre'
+import modelAPI from '@/api/admin/workspace/model/model'
 import { WorkflowMode, WorkflowNodeType } from '@/workflow-canvas/types'
 import { type ShapeItem } from '@/workflow-canvas/types'
 defineOptions({ name: 'MkWorkflow' })
@@ -64,6 +65,8 @@ function renderGraphData(data: LogicFlow.GraphConfigData = props.data ?? {}) {
     workflowMode: workflow_mode,
     loopWorkflowMode: loop_workflow_mode,
     apiType: 'workspace',
+    getSelectModelList: (params: { model_type: string }) => modelAPI.getModelList(params),
+    getModelParamsForm: (modelId: string) => modelAPI.getModelParamsForm(modelId),
   })
   lf.value.graphModel.eventCenter.on('delete_edge', (edgeIds: string[]) => {
     edgeIds.forEach((edgeId) => lf.value?.deleteEdge(edgeId))
diff --git a/ui/src/workflow-canvas/nodes/form-node/index.ts b/ui/src/workflow-canvas/nodes/form-node/index.ts
new file mode 100644
index 00000000000..2f948d84ba7
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/form-node/index.ts
@@ -0,0 +1,11 @@
+import FormNodeVue from './index.vue'
+import { WorkflowNodeModel, WorkflowNodeView } from '@/workflow-canvas/core/workflow-node'
+import { WorkflowNodeType } from '@/workflow-canvas/types'
+
+class FormNodeView extends WorkflowNodeView {
+  constructor(props: ConstructorParameters<typeof WorkflowNodeView>[0]) {
+    super(props, FormNodeVue)
+  }
+}
+
+export default { type: WorkflowNodeType.FormNode, model: WorkflowNodeModel, view: FormNodeView }
diff --git a/ui/src/workflow-canvas/nodes/form-node/index.vue b/ui/src/workflow-canvas/nodes/form-node/index.vue
new file mode 100644
index 00000000000..18410b13a84
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/form-node/index.vue
@@ -0,0 +1,309 @@
+<template>
+  <NodeContainer :node-model="model">
+    <h6 class="mb-3">节点设置</h6>
+    <el-card shadow="never" class="card-never">
+      <el-form
+        ref="formNodeFormRef"
+        :model="form_data"
+        label-position="top"
+        require-asterisk-position="right"
+        label-width="auto"
+        hide-required-asterisk
+        @submit.prevent
+      >
+        <el-form-item prop="form_content_format" :rules="{ required: true, message: '请填写表单内容', trigger: 'blur' }">
+          <template #label>
+            <div class="flex items-center">
+              <span class="text-N900">表单内容<span class="text-danger">*</span></span>
+              <el-tooltip effect="dark" placement="right">
+                <template #content>表单内容中可使用 { form } 占位符来动态插入表单</template>
+                <MkIcon name="icon_info_outlined" class="ml-1 cursor-pointer align-middle" />
+              </el-tooltip>
+            </div>
+          </template>
+          <el-input
+            v-model="form_data.form_content_format"
+            :rows="5"
+            type="textarea"
+            placeholder="请输入表单内容，如：你好，请先填写下面表单内容：
+{{form}}"
+          />
+        </el-form-item>
+
+        <el-form-item @click.prevent>
+          <template #label>
+            <div class="flex w-full items-center justify-between gap-3">
+              <h6 class="font-medium">表单设置</h6>
+              <el-button link type="primary" @click="openAddDialog">
+                <MkIcon name="icon_add_outlined" class="mr-1" />
+                添加
+              </el-button>
+            </div>
+          </template>
+
+          <el-table ref="tableRef" v-if="form_data.form_field_list.length > 0" :data="form_data.form_field_list" row-key="field" class="border">
+            <el-table-column prop="field" :label="'参数'" width="100" show-overflow-tooltip>
+              <template #default="{ row }">
+                <span :title="row.field" class="ellipsis-1">{{ row.field }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column :label="'显示名称'">
+              <template #default="{ row }">
+                <span :title="getFieldLabel(row)" class="ellipsis-1">{{ getFieldLabel(row) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column :label="'组件类型'" width="100">
+              <template #default="{ row }">
+                <el-tag size="small" type="info" class="info-tag">{{ getTypeLabel(row.input_type) }}</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column :label="'默认值'">
+              <template #default="{ row }">
+                <span :title="getDefaultValue(row)" class="ellipsis-1">{{ getDefaultValue(row) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column :label="'必填'" width="55">
+              <template #default="{ row }">
+                <div @click.stop>
+                  <el-switch size="small" :model-value="Boolean(row.required)" />
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column :label="'操作'" width="90">
+              <template #default="{ row, $index }">
+                <el-button link type="primary" @click="openEditDialog(row, $index)">
+                  <MkIcon name="icon_edit_outlined" />
+                </el-button>
+                <el-button link type="info" @click="deleteField($index)">
+                  <MkIcon name="icon_delete-trash_outlined" />
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <MkDialog v-model="dialogVisible" :title="isEdit ? '编辑字段' : '添加字段'" width="600px" append-to-body destroy-on-close>
+      <MkDynamicsFormConstructor
+        ref="constructorRef"
+        v-model="currentField"
+        :enable-visibility="true"
+        :left-options="visibilityFieldOptions"
+        label-position="top"
+        require-asterisk-position="right"
+      />
+      <template #footer>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="submitField">确定</el-button>
+      </template>
+    </MkDialog>
+  </NodeContainer>
+</template>
+<script setup lang="ts">
+import { ref, inject, computed, onMounted, onBeforeUnmount, nextTick, useTemplateRef } from 'vue'
+import { set, cloneDeep } from 'lodash'
+import Sortable from 'sortablejs'
+import type { FormInstance } from 'element-plus'
+
+import NodeContainer from '@/workflow-canvas/core/NodeContainer.vue'
+import { MkDynamicsFormConstructor, dynamicFormTypeOptions, type FormField, type VisibilityFieldOption } from '@/components/mk-dynamics-form'
+import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
+import type { BaseNodeModel } from '@logicflow/core'
+import { MsgError } from '@/utils/message'
+
+defineOptions({ name: 'WorkflowFormNode' })
+const getModel = inject('getModel') as () => BaseNodeModel
+const model = getModel() as WorkflowNodeModel
+
+const dialogVisible = ref(false)
+const isEdit = ref(false)
+const editIndex = ref(-1)
+const currentField = ref<Partial<FormField>>({})
+
+const getFieldLabel = (row: FormField) => {
+  if (typeof row.label !== 'string') {
+    return row.label?.label || ''
+  }
+  return row.label || ''
+}
+
+const getTypeLabel = (inputType: string) => {
+  const item = dynamicFormTypeOptions.find((i) => i.value === inputType)
+  return item ? item.label : inputType
+}
+
+const getDefaultValue = (row: FormField) => {
+  if (row.default_value === undefined || row.default_value === null) return ''
+  if (Array.isArray(row.default_value)) {
+    if (!row.option_list) return String(row.default_value)
+    return row.option_list
+      .filter((v) => (row.default_value as Array<unknown>).includes(v.value))
+      .map((v) => v.label)
+      .join(',')
+  }
+  return String(row.default_value)
+}
+
+const visibilityFieldOptions = computed<VisibilityFieldOption[]>(() => {
+  const selfChildren = form_data.value.form_field_list
+    .filter((_, index) => (editIndex.value < 0 ? true : index < editIndex.value))
+    .map((field) => ({
+      label: getFieldLabel(field),
+      value: field.field,
+      input_type: field.input_type,
+      option_list: field.option_list,
+      attrs: field.attrs,
+    }))
+  return [
+    ...model.getUpNodeFieldList(false, true).filter((field) => Boolean(field.children?.length)),
+    ...(selfChildren.length
+      ? [
+          {
+            label: String(model.properties.stepName || '表单收集'),
+            value: 'self-form',
+            self: true,
+            children: selfChildren,
+          },
+        ]
+      : []),
+  ]
+})
+
+const form_data = computed<{ is_result: boolean; form_field_list: FormField[]; form_content_format: string }>({
+  get: () => {
+    if (!model.properties.node_data) {
+      set(model.properties, 'node_data', { is_result: true, form_content_format: '', form_field_list: [] })
+    }
+    return model.properties.node_data as { is_result: boolean; form_field_list: FormField[]; form_content_format: string }
+  },
+  set: (value) => {
+    set(model.properties, 'node_data', value)
+  },
+})
+
+const formNodeFormRef = useTemplateRef<FormInstance>('formNodeFormRef')
+const constructorRef = useTemplateRef<InstanceType<typeof MkDynamicsFormConstructor>>('constructorRef')
+const tableRef = useTemplateRef<{ $el: HTMLElement }>('tableRef')
+
+// 表单字段拖拽排序（对应 v2 的 tableRef + Sortable）
+let sortableInstance: Sortable | undefined
+function initFieldSortable() {
+  destroyFieldSortable()
+  const tableEl = tableRef.value?.$el as HTMLElement | undefined
+  const tbody = tableEl?.querySelector('.el-table__body-wrapper tbody') as HTMLElement | undefined
+  if (!tbody) return
+  sortableInstance = Sortable.create(tbody, {
+    animation: 150,
+    ghostClass: 'ghost-row',
+    onEnd: (evt: { oldIndex?: number; newIndex?: number }) => {
+      if (evt.oldIndex === undefined || evt.newIndex === undefined) return
+      if (evt.oldIndex === evt.newIndex) return
+      const items = cloneDeep(form_data.value.form_field_list)
+      const [movedItem] = items.splice(evt.oldIndex, 1)
+      if (!movedItem) return
+      items.splice(evt.newIndex, 0, movedItem)
+      set(form_data.value, 'form_field_list', items)
+      syncFieldList()
+      nextTick(initFieldSortable)
+    },
+  })
+}
+function destroyFieldSortable() {
+  sortableInstance?.destroy()
+  sortableInstance = undefined
+}
+
+const openAddDialog = () => {
+  isEdit.value = false
+  editIndex.value = -1
+  currentField.value = {}
+  dialogVisible.value = true
+}
+
+const openEditDialog = (row: FormField, index: number) => {
+  isEdit.value = true
+  editIndex.value = index
+  currentField.value = { ...cloneDeep(row) }
+  dialogVisible.value = true
+}
+
+const deleteField = (index: number) => {
+  const list = cloneDeep(form_data.value.form_field_list)
+  list.splice(index, 1)
+  set(form_data.value, 'form_field_list', list)
+  syncFieldList()
+}
+
+const submitField = async () => {
+  try {
+    await constructorRef.value?.validate()
+    const data = constructorRef.value?.getData()
+    if (!data) return
+
+    const isDuplicate = form_data.value.form_field_list.some((item, index) => item.field === data.field && index !== editIndex.value)
+    if (isDuplicate) {
+      MsgError(`参数 "${data.field}" 已存在`)
+      return
+    }
+
+    const list = cloneDeep(form_data.value.form_field_list)
+    if (isEdit.value && editIndex.value >= 0) {
+      list.splice(editIndex.value, 1, data as FormField)
+    } else {
+      list.push(data as FormField)
+    }
+    set(form_data.value, 'form_field_list', list)
+    syncFieldList()
+    dialogVisible.value = false
+  } catch {
+    //
+  }
+}
+
+const syncFieldList = () => {
+  const fields = [
+    { label: '表单全部内容', value: 'form_data' },
+    ...form_data.value.form_field_list.map((item) => ({ value: item.field, label: getFieldLabel(item) })),
+  ]
+  if (!model.properties.config) {
+    set(model.properties, 'config', {})
+  }
+  set(model.properties.config!, 'fields', fields)
+  model.clearNextNodeField(true)
+  nextTick(initFieldSortable)
+}
+
+const validate = () => {
+  const vList: Array<Promise<unknown>> = []
+  const formResult = formNodeFormRef.value?.validate()
+  if (formResult) vList.push(formResult)
+
+  const upstreamNodeFields = model.getUpNodeFieldList(true, true)
+  for (const field of form_data.value.form_field_list) {
+    for (const cond of field.visibility_rules?.conditions || []) {
+      if (!cond.field || cond.field.length < 2 || !cond.field[0] || !cond.field[1]) continue
+      if (cond.self) {
+        if (!form_data.value.form_field_list.some((f) => f.field === cond.field[1])) {
+          vList.push(Promise.reject('引用变量不存在'))
+        }
+      } else {
+        const nodeEntry = upstreamNodeFields.find((n) => n.value === cond.field[0])
+        if (!nodeEntry || !nodeEntry.children?.some((c) => c.value === cond.field[1])) {
+          vList.push(Promise.reject('引用变量不存在'))
+        }
+      }
+    }
+  }
+  return Promise.all(vList).catch((error) => Promise.reject({ node: model, errMessage: error }))
+}
+
+onMounted(() => {
+  set(model, 'validate', validate)
+  nextTick(initFieldSortable)
+})
+
+onBeforeUnmount(() => {
+  destroyFieldSortable()
+})
+</script>