From d4d9c2eedef6d700269efeba31ae120177581b6b Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Mon, 20 Apr 2026 11:10:58 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E7=94=BB=E5=B8=83=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E6=9C=80=E5=90=8E=E4=B8=80=E5=BC=A0=E5=9B=BE=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/nodes/cards/fast-mode.vue      |  4 +++
 .../components/nodes/result-image.vue         |  4 +++
 .../Canvas/FlowCanvas/flow-canvas.vue         |  7 +++-
 src/components/Canvas/FlowCanvas/index.vue    |  1 +
 .../FlowCanvas/manager/GenerateManager.ts     |  5 ++-
 .../Canvas/FlowCanvas/manager/NodeManager.ts  |  2 +-
 .../Canvas/FlowCanvas/manager/StateManager.ts | 32 +++++++++++++++++--
 7 files changed, 49 insertions(+), 6 deletions(-)

diff --git a/src/components/Canvas/FlowCanvas/components/nodes/cards/fast-mode.vue b/src/components/Canvas/FlowCanvas/components/nodes/cards/fast-mode.vue
index bbc4ac4..624c64f 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/cards/fast-mode.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/cards/fast-mode.vue
@@ -59,6 +59,10 @@
 				updateVersionSketchUrlApi({
 					sketchId: stateManager.sketchId.value,
 					newUrl: options.url,
+				}).then(()=>{
+					//更新VersionNode的versionImgUpdataList中指定key的URL值
+					let initialNode = stateManager.getInitialNode()
+					initialNode.data.versionImgUpdataList.push(options.url)
 				})
 			},
 		}
diff --git a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
index b725c8b..85e9c1c 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
@@ -230,6 +230,10 @@
 				updateVersionSketchUrlApi({
 					sketchId: stateManager.sketchId.value,
 					newUrl: options.url,
+				}).then(()=>{
+					//更新VersionNode的versionImgUpdataList中指定key的URL值
+					let initialNode = stateManager.getInitialNode()
+					initialNode.data.versionImgUpdataList.push(options.url)
 				})
 			},
 			onClose:depthCanvasClose 
diff --git a/src/components/Canvas/FlowCanvas/flow-canvas.vue b/src/components/Canvas/FlowCanvas/flow-canvas.vue
index b34cec0..692c88d 100644
--- a/src/components/Canvas/FlowCanvas/flow-canvas.vue
+++ b/src/components/Canvas/FlowCanvas/flow-canvas.vue
@@ -289,6 +289,7 @@
 			const timestamp = Date.now()
 			nodeManager.createResultNode({
 				data: {
+					versionImgUpdataList:[props.config.url],
 					disableDelete: true,
 					isHeader: false,
 					data: {
@@ -307,6 +308,9 @@
 			})
 		}
 	})
+	const putFlowJson = async () => {
+		await stateManager.exportFlow(0,true)
+	}
 	onBeforeUnmount(() => {
 		stateManager.dispose()
 		eventManager.dispose()
@@ -315,7 +319,8 @@
 		toolManager.dispose()
 	})
 	defineExpose({
-		getFlowJson
+		getFlowJson,
+		putFlowJson
 	})
 </script>
 <style lang="less">
diff --git a/src/components/Canvas/FlowCanvas/index.vue b/src/components/Canvas/FlowCanvas/index.vue
index d79ff73..67d9108 100644
--- a/src/components/Canvas/FlowCanvas/index.vue
+++ b/src/components/Canvas/FlowCanvas/index.vue
@@ -33,6 +33,7 @@
 		dialogVisible.value = true
 	}
 	const close = async () => {
+		await flowCanvasRef.value?.putFlowJson()
 		dialogVisible.value = false
 		myEvent.emit('closeFlowCanvas')
 	}
diff --git a/src/components/Canvas/FlowCanvas/manager/GenerateManager.ts b/src/components/Canvas/FlowCanvas/manager/GenerateManager.ts
index 2571c30..340630a 100644
--- a/src/components/Canvas/FlowCanvas/manager/GenerateManager.ts
+++ b/src/components/Canvas/FlowCanvas/manager/GenerateManager.ts
@@ -55,11 +55,14 @@ export class GenerateManager {
 								nodeDataItem.url = item.url
 								nodeDataItem.createTime = item.createTime
 								nodeDataItem.status = item.status
-
 								//更新VersionNode的sketchIDAndUrl中指定key的URL值
 								updateVersionSketchUrlApi({
 									sketchId: this.stateManager.sketchId.value,
 									newUrl: item.url,
+								}).then(()=>{
+									//更新VersionNode的versionImgUpdataList中指定key的URL值
+									let initialNode = this.stateManager.getInitialNode()
+									initialNode.data.versionImgUpdataList.push(item.url)
 								})
 								if(item.glbPath){
 									nodeDataItem.glbPath = item.glbPath
diff --git a/src/components/Canvas/FlowCanvas/manager/NodeManager.ts b/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
index 677c648..c465b79 100644
--- a/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
+++ b/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
@@ -14,6 +14,7 @@ interface NodeData {
 	disableCopy?: boolean// 是否禁用复制
 	createIndexPosition?: number// 创建索引位置
 	isActive?: boolean// 是否激活
+	versionImgUpdataList?: Array<any>// 版本节点
 }
 interface NodeOptions {
 	id?: string
@@ -98,7 +99,6 @@ export class NodeManager {
 	}
 	/** 创建结果节点 */
 	createResultNode(options?: NodeOptions) {
-		console.log(options)
 		const options_ = {
 			...(options ? options : {}),
 			component: NODE_COMPONENT.RESULT_IMAGE,
diff --git a/src/components/Canvas/FlowCanvas/manager/StateManager.ts b/src/components/Canvas/FlowCanvas/manager/StateManager.ts
index 49b2e3c..9ba7355 100644
--- a/src/components/Canvas/FlowCanvas/manager/StateManager.ts
+++ b/src/components/Canvas/FlowCanvas/manager/StateManager.ts
@@ -4,6 +4,7 @@ import { ElMessageBox } from 'element-plus'
 import i18n from '@/lang'
 import { putSketchFlowCanvas } from '@/api/flow-canvas'
 import myEvent from '@/utils/myEvent'
+import { updateVersionSketchUrlApi } from '@/api/flow-canvas'
 
 const t = i18n.global.t
 
@@ -161,6 +162,8 @@ export class StateManager {
 		
 		this.nodes.value = this.nodes.value.filter((node: NodesItem) => node.id !== id)
 	}
+	/** 获取初始节点 */
+	getInitialNode() { return this.nodes.value.find((node: NodesItem) => node?.data?.versionImgUpdataList) }
 	/** 获取节点 */
 	getNodeById(id: string) { return this.nodes.value.find((node: NodesItem) => node.id === id) }
 	/** 获取下级节点 */
@@ -186,12 +189,19 @@ export class StateManager {
 		if (node.data.disableDelete) return ElMessage.error(t('FlowCanvas.initialNodeProhibited'))
 		
 		const result = [node]
-
+		const deleteVersionImgUpdataList = []
+		node.data.data?.imageProcessTasks?.forEach((item) =>{
+			deleteVersionImgUpdataList.push(item.url)
+		})
 		const findChildren = (parentId: string) => {
 			const children = this.nodes.value.filter(item => item.data.superiorID === parentId)
 			children.forEach(child => {
 				if(child.data.type !== NODE_DATATYPE.RESULT_IMAGE){
 					result.push(child)
+					console.log(child)
+					child.data.data?.imageProcessTasks?.forEach((item) =>{
+						deleteVersionImgUpdataList.push(item.url)
+					})
 				}
 				findChildren(child.id)
 			})
@@ -215,6 +225,22 @@ export class StateManager {
 		}
 		if(!deletePromise) return console.log('删除操作被取消')
 
+		// 删除如果是最后一张图，需要更新版本图url
+		let initialNode = this.getInitialNode()
+		let updataListIndex
+		let isUpdataEndUrl = false
+		deleteVersionImgUpdataList?.forEach((item) => {
+			updataListIndex = initialNode.data.versionImgUpdataList.indexOf(item)
+			if(updataListIndex == (initialNode.data.versionImgUpdataList.length - 1))isUpdataEndUrl = true
+			if(initialNode.data.versionImgUpdataList.length > 1)initialNode.data.versionImgUpdataList = initialNode.data.versionImgUpdataList.filter((v) => v !== item)
+		})
+		if(isUpdataEndUrl){
+			updateVersionSketchUrlApi({
+				sketchId: this.sketchId.value,
+				newUrl: initialNode.data.versionImgUpdataList[initialNode.data.versionImgUpdataList.length - 1],
+			})
+		}
+		
 		if(node.data.data?.imageProcessTasks?.length > 1){
 			node.data.data.imageProcessTasks = node.data.data.imageProcessTasks.filter((item) => item.taskId !== node.data.data.selectTaskId)
 			return
@@ -263,7 +289,7 @@ export class StateManager {
 		this.historyIndex.value = this.historyList.value.length - 1
 	}
 	/** 画布数据存储 */
-	async exportFlow (time:number = 0){
+	async exportFlow (time:number = 0,loading:boolean = false){
 		if(!this.sketchId.value)return
 		clearTimeout(this.saveCanvasTime)
 		await new Promise((resolve) => {
@@ -272,7 +298,7 @@ export class StateManager {
 					id: this.sketchId.value,
 					canvasData: JSON.stringify(this.nodes.value) }).then(() => {
 					resolve(true)
-				}).catch(() => {
+				},loading).catch(() => {
 					resolve(true)
 				})
 			},time)

From a649f1fc630ab2468ee4a089ff9662b87d082cd7 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Mon, 20 Apr 2026 15:40:41 +0800
Subject: [PATCH 2/3] fix

---
 src/components/Canvas/FlowCanvas/manager/EventManager.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Canvas/FlowCanvas/manager/EventManager.ts b/src/components/Canvas/FlowCanvas/manager/EventManager.ts
index b13c305..485539b 100644
--- a/src/components/Canvas/FlowCanvas/manager/EventManager.ts
+++ b/src/components/Canvas/FlowCanvas/manager/EventManager.ts
@@ -108,6 +108,7 @@ export class EventManager {
 		const list = [
 			{ key: "ctrl-c", handler: () => this.handleCopy(event, activeNodeID) },
 			{ key: "delete", handler: () => this.handleDelete(event, activeNodeID) },
+			{ key: "Backspace", handler: () => this.handleDelete(event, activeNodeID) },
 			{ key: "ctrl-z", handler: () => this.stateManager.undoState() },
 			{ key: "ctrl-shift-z", handler: () => this.stateManager.redoState() },
 		]

From 5e6d53bbe6908cef02eb1b69877ca65b96147271 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Tue, 21 Apr 2026 16:57:31 +0800
Subject: [PATCH 3/3] fix

---
 src/components/Canvas/FlowCanvas/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Canvas/FlowCanvas/index.vue b/src/components/Canvas/FlowCanvas/index.vue
index 67d9108..fd5c39c 100644
--- a/src/components/Canvas/FlowCanvas/index.vue
+++ b/src/components/Canvas/FlowCanvas/index.vue
@@ -18,16 +18,19 @@
 	const {t:$t} = useI18n()
 	const open = async (options) => {
 		let json = []
+		let isGetJson = false
 		await new Promise((resolve) => {
 			getSketchFlowCanvas({ id: options.imgId },true).then((res:any) => {
 				if (res) {
 					json = JSON.parse(res)
 				}
+				isGetJson = true
 				resolve(true)
 			}).catch(() => {
-				resolve(true)
+				resolve(false)
 			})
 		})
+		if(!isGetJson)return
 		config.value = options || {}
 		config.value.json = json
 		dialogVisible.value = true