From bbefaddad0c6bae3b62c1d6f900d35e2510db830 Mon Sep 17 00:00:00 2001
From: lzp <zpli@aidlab.hk>
Date: Mon, 2 Mar 2026 14:10:32 +0800
Subject: [PATCH] node

---
 .../Canvas/FlowCanvas/components/node.vue     | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/Canvas/FlowCanvas/components/node.vue b/src/components/Canvas/FlowCanvas/components/node.vue
index f71b6d8..ceffc32 100644
--- a/src/components/Canvas/FlowCanvas/components/node.vue
+++ b/src/components/Canvas/FlowCanvas/components/node.vue
@@ -1,15 +1,13 @@
 <template>
 	<div class="node start" :class="{ center: posCenter }">
-		<template v-if="type === NODE_TYPE.INPUT">
-			<Handle type="source" id="Right" :position="Position.Right" />
-		</template>
-		<template v-else-if="type === NODE_TYPE.SECONDARY">
-			<Handle type="target" id="Left" :position="Position.Left" />
-			<Handle type="source" id="Right" :position="Position.Right" />
-		</template>
-		<template v-else-if="type === NODE_TYPE.OUTPUT">
-			<Handle type="target" id="Left" :position="Position.Left" />
-		</template>
+		<Handle
+			v-for="handle in handles[type]"
+			:key="handle.id"
+			:type="handle.type"
+			:id="handle.id"
+			:position="handle.position"
+			:connectable="false"
+		/>
 		<div class="item">
 			<slot></slot>
 		</div>
@@ -22,7 +20,15 @@
 	import { Handle, Position } from '@vue-flow/core'
 	import { NODE_TYPE } from '../tools/index.d'
 	import { NODE_DATATYPE, NODE_DATATIER } from '../tools/index.d'
-	import { computed } from 'vue'
+	import { computed, ref } from 'vue'
+	const handles = ref({
+		[NODE_TYPE.INPUT]: [{ id: 'Right', type: 'source', position: Position.Right }],
+		[NODE_TYPE.SECONDARY]: [
+			{ id: 'Left', type: 'target', position: Position.Left },
+			{ id: 'Right', type: 'source', position: Position.Right }
+		],
+		[NODE_TYPE.OUTPUT]: [{ id: 'Left', type: 'target', position: Position.Left }]
+	})
 	const props = defineProps({
 		type: {
 			type: String,