feat(web): 增加模板节点

service-web/client/src/components/flow/node/AmisNode.tsx

@@ -2,14 +2,12 @@ import {CopyFilled, DeleteFilled, EditFilled} from '@ant-design/icons'
 import {type Edge, Handle, type Node, type NodeProps, Position} from '@xyflow/react'
 import type {Schema} from 'amis'
 import {Button, Card, Drawer} from 'antd'
-import {has, isEmpty} from 'licia'
 import {type JSX, useCallback, useState} from 'react'
 import styled from 'styled-components'
 import {amisRender, commonInfo, horizontalFormOptions} from '../../../util/amis.tsx'
-import {getAllIncomerNodeById} from '../Helper.tsx'
+import {generateAllIncomerOutputVariablesFormOptions} from '../Helper.tsx'
 import {useDataStore} from '../store/DataStore.ts'
 import {useFlowStore} from '../store/FlowStore.ts'
-import type {InputFormOptions, InputFormOptionsGroup} from '../types.ts'
 
 export function inputsFormColumns(
   nodeId: string,
@@ -18,41 +16,6 @@ export function inputsFormColumns(
   edges: Edge[],
   data: any,
 ): Schema[] {
-  let inputSchemaVariables: InputFormOptions[] = Object.keys(inputSchema).map(key => ({
-    label: `${key} (${inputSchema[key]?.label ?? ''})`,
-    value: key,
-  }))
-
-  let incomerIds = getAllIncomerNodeById(nodeId, nodes, edges)
-  let incomerVariables: InputFormOptionsGroup[] = []
-  for (const incomerId of incomerIds) {
-    let nodeData = data[incomerId] ?? {}
-    let group = incomerId
-    if (has(nodeData, 'node') && has(nodeData.node, 'name')) {
-      group = `${nodeData.node.name} ${incomerId}`
-    }
-    if (has(nodeData, 'outputs')) {
-      let outputs = nodeData?.outputs ?? []
-      incomerVariables.push({
-        group: group,
-        variables: Object.keys(outputs).map(key => ({
-          value: `${incomerId}.${key}`,
-          label: key,
-        })),
-      })
-    }
-  }
-
-  let inputVariables = [
-    ...(isEmpty(inputSchemaVariables) ? [] : [
-      {
-        group: '流程入参',
-        variables: inputSchemaVariables,
-      },
-    ]),
-    ...incomerVariables,
-  ]
-
   return [
     {
       type: 'input-kvs',
@@ -72,12 +35,13 @@ export function inputsFormColumns(
           label: '变量',
           required: true,
           selectMode: 'group',
-          options: [
-            ...inputVariables.map(item => ({
-              label: item.group,
-              children: item.variables,
-            })),
-          ],
+          options: generateAllIncomerOutputVariablesFormOptions(
+            nodeId,
+            inputSchema,
+            nodes,
+            edges,
+            data,
+          ),
         },
       ],
     },