fix

src/components/Canvas/FlowCanvas/flow-canvas.vue

@@ -3,7 +3,7 @@
 		<VueFlow
 			ref="vueFlow"
 			:nodes="nodes"
-			:edges="edges"
+			:edges="edges_"
 			:min-zoom="0.1"
 			:max-zoom="10"
 			:nodes-draggable="nodesDraggable"
@@ -12,6 +12,7 @@
 			@node-drag-stop="(e) => eventManager.handleNodeDragStop(e)"
 			@viewport-change="(e) => eventManager.handleViewportChange(e)"
 			@pane-click="(e) => eventManager.handleClick(e)"
+			@node-click="(e) => clickNode(e)"
 			:class="{ 'custom-cursor': !!stateManager.cursor.value }"
 			:style="{ '--custom-cursor': stateManager.cursor.value }"
 		>
@@ -61,7 +62,7 @@
 
 <script setup lang="ts">
 	import { VueFlow, useVueFlow } from '@vue-flow/core'
-	import { computed, ref, markRaw, onMounted, nextTick, provide, onBeforeMount } from 'vue'
+	import { computed, ref, watch, onMounted, nextTick, provide, onBeforeMount } from 'vue'
 	import { useLayout } from '@/utils/treeDiagram'
 	import { NODE_TYPE, NODE_COMPONENT } from './tools/index.d'
 	// 组件
@@ -91,6 +92,7 @@
 	import { FlowManager } from './manager/FlowManager'
 	import { NodeManager } from './manager/NodeManager'
 	import { ToolManager, TOOLS } from './manager/ToolManager'
+	import { GenerateManager } from './manager/GenerateManager'
 
 	const props = defineProps({
 		config: {
@@ -126,8 +128,17 @@
 	stateManager.setManager({ toolManager })
 	provide('toolManager', toolManager)
 
+	// 生成管理器
+	const generateManager = new GenerateManager({ stateManager })
+	stateManager.setManager({ generateManager })
+	provide('generateManager', generateManager)
+
 	const nodes = computed(() => stateManager.nodes_.value)
 	const edges = computed(() => stateManager.edges.value)
+	const edges_ = computed(() => {
+		console.log(123)
+		return edges.value.filter((v) => v.visible)
+	})
 	const nodesDraggable = computed(() => stateManager.nodesDraggable.value)
 	const panOnDrag = computed(() => stateManager.panOnDrag.value)
 
@@ -153,6 +164,11 @@
 		}, 0)
 	}
 
+	/** 点击节点 */
+	const clickNode = (event) => {
+		let node = event.node
+		stateManager.showNodeConnections(node.id)
+	}
 	/** 删除节点 */
 	const deleteNode = (id) => {
 		nodeManager.deleteNode(id)
@@ -233,11 +249,12 @@
 					disableDelete: true,
 					isHeader: false,
 					data: {
+						selectable: false,
 						imageProcessTasks:[
 							{
 								id: props.config.imgId,
 								url: props.config.url,
-								state:'success',
+								status:'RETURNED',
 								taskId: timestamp + '',
 							},
 						],