From 7ae7f5406a08af1c9d9aeadafc0caceb933cc98f Mon Sep 17 00:00:00 2001
From: lzp <zpli@aidlab.hk>
Date: Wed, 4 Mar 2026 15:46:44 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E7=94=BB=E5=B8=83=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/nodes/result-image.vue         | 29 ++++++++++++++-----
 .../FlowCanvas/components/nodes/text.vue      |  3 +-
 .../Canvas/FlowCanvas/flow-canvas.vue         |  3 +-
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
index 0f50db2..54eef62 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
@@ -24,7 +24,7 @@
 			<div
 				v-for="(v, i) in menus"
 				:key="i"
-				:class="[v.isDivide ? 'divide' : 'item']"
+				:class="[v.isDivide ? 'divide' : 'item', { disabled: v.disabled }]"
 				@click="onMenuItem(v)"
 			>
 				<template v-if="!v.isDivide">
@@ -39,6 +39,10 @@
 <script setup lang="ts">
 	import { reactive, ref, onBeforeUnmount, useAttrs, inject, watch } from 'vue'
 	const props = defineProps({
+		config: {
+			type: Object,
+			default: () => ({})
+		},
 		data: {
 			type: Object,
 			default: () => ({})
@@ -59,17 +63,21 @@
 	)
 	const menus = ref([
 		{ label: 'Copy', tip: 'Ctrl+C', on: () => emit('copy-node') },
-		{ label: 'Paste', tip: 'Ctrl+V', on: () => {} },
-		{ label: 'Duplicate', tip: 'Ctrl+D', on: () => {} },
-		{ label: 'Delete', tip: 'Del', on: () => emit('delete-node') },
+		{
+			label: 'Delete',
+			tip: 'Del',
+			on: () => emit('delete-node'),
+			disabled: !!props.config?.disableDelete
+		},
 		{ isDivide: true },
-		{ label: 'Bring to font', tip: 'Del', on: () => {} },
-		{ label: 'Send to back', tip: 'Del', on: () => {} },
+		{ label: 'Bring to font', tip: '', on: () => {} },
+		{ label: 'Send to back', tip: '', on: () => {} },
 		{ isDivide: true },
 		{ label: 'Flip horizontal', tip: '', on: () => {} },
 		{ label: 'Flip vertical', tip: '', on: () => {} }
 	])
 	const onMenuItem = (v) => {
+		if (v.disabled) return
 		v.on && v.on()
 		hideMenu()
 	}
@@ -181,7 +189,14 @@
 				border-radius: 8px;
 				cursor: pointer;
 				font-size: 14px;
-				&:hover {
+				&.disabled {
+					cursor: not-allowed;
+					> .tip,
+					> .label {
+						color: rgba(0, 0, 0, 0.2);
+					}
+				}
+				&:not(.disabled):hover {
 					background: #f3f3f3;
 				}
 				> .label {
diff --git a/src/components/Canvas/FlowCanvas/components/nodes/text.vue b/src/components/Canvas/FlowCanvas/components/nodes/text.vue
index a3c3671..cd77958 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/text.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/text.vue
@@ -11,7 +11,7 @@
 			tabindex="0"
 			class="input"
 			ref="inputRef"
-			contenteditable="true"
+			:contenteditable="edit"
 			@input="onInput"
 			@blur="onBlur"
 			@paste.prevent
@@ -66,6 +66,7 @@
 
 <style lang="less" scoped>
 	.text {
+		user-select: none;
 		&.edit {
 			> .input {
 				cursor: text;
diff --git a/src/components/Canvas/FlowCanvas/flow-canvas.vue b/src/components/Canvas/FlowCanvas/flow-canvas.vue
index f4262e9..3f50a74 100644
--- a/src/components/Canvas/FlowCanvas/flow-canvas.vue
+++ b/src/components/Canvas/FlowCanvas/flow-canvas.vue
@@ -28,6 +28,7 @@
 					<component
 						:is="components[node.data.component]"
 						:node="node"
+						:config="node.data"
 						:data="node.data.data"
 						v-bind="node.data"
 						@delete-node="deleteNode(node.id)"
@@ -168,9 +169,9 @@
 	onMounted(() => {
 		// window['vueFlow'] = vueFlow
 		// window['nodes'] = nodes
-		console.log(props.config)
 		nodeManager.createResultNode({
 			data: {
+				disableDelete: true,
 				isHeader: false,
 				data: {
 					url: props.config.url

From a7399c7a45acb1b7caa9064cd40600637336f741 Mon Sep 17 00:00:00 2001
From: lzp <zpli@aidlab.hk>
Date: Thu, 5 Mar 2026 10:18:10 +0800
Subject: [PATCH 2/3] 111

---
 .../FlowCanvas/components/header-tools.vue    | 44 +++++++---
 .../Canvas/FlowCanvas/manager/StateManager.ts | 87 +++++++++++--------
 2 files changed, 84 insertions(+), 47 deletions(-)

diff --git a/src/components/Canvas/FlowCanvas/components/header-tools.vue b/src/components/Canvas/FlowCanvas/components/header-tools.vue
index 10cffd2..7ef56c7 100644
--- a/src/components/Canvas/FlowCanvas/components/header-tools.vue
+++ b/src/components/Canvas/FlowCanvas/components/header-tools.vue
@@ -5,8 +5,8 @@
 			<span
 				v-else
 				class="icon"
-				@click="onClickTool(v.name)"
-				:class="{ active: v.name === tool }"
+				@click="onClickTool(v)"
+				:class="{ active: v.name === tool, disabled: v.disabled }"
 			>
 				<svg-icon :name="v.icon" :size="v.iconSize" />
 			</span>
@@ -32,16 +32,36 @@
 	const stateManager = inject('stateManager') as any
 	const toolManager = inject('toolManager') as any
 	const tool = computed(() => stateManager.tool.value)
+	const historyIndex = computed(() => stateManager.historyIndex.value)
+	const historyList = computed(() => stateManager.historyList.value)
+	const isUndo = computed(() => !historyList.value[historyIndex.value - 1])
+	const isRedo = computed(() => !historyList.value[historyIndex.value + 1])
 	const tools = ref([
-		{ name: TOOLS.SELECT, icon: 'c-select', iconSize: 16 },
-		{ name: TOOLS.MOVE, icon: 'c-move', iconSize: 18 },
-		{ name: TOOLS.TEXT, icon: 'c-text', iconSize: 18 },
+		{ name: TOOLS.SELECT, icon: 'c-select', iconSize: 16, disabled: ref(false) },
+		{ name: TOOLS.MOVE, icon: 'c-move', iconSize: 18, disabled: ref(false) },
+		{ name: TOOLS.TEXT, icon: 'c-text', iconSize: 18, disabled: ref(false) },
 		{ type: 'line' },
-		{ name: TOOLS.UNDO, icon: 'c-undo', iconSize: 18 },
-		{ name: TOOLS.REDO, icon: 'c-redo', iconSize: 18 }
+		{
+			name: TOOLS.UNDO,
+			icon: 'c-undo',
+			iconSize: 18,
+			disabled: isUndo,
+			on: () => stateManager.undoState()
+		},
+		{
+			name: TOOLS.REDO,
+			icon: 'c-redo',
+			iconSize: 18,
+			disabled: isRedo,
+			on: () => stateManager.redoState()
+		}
 	])
 	const onClickTool = (tool: any) => {
-		toolManager.setTool(tool)
+		if (tool.on) {
+			tool.on()
+		} else {
+			toolManager.setTool(tool.name)
+		}
 	}
 </script>
 
@@ -79,10 +99,14 @@
 			height: 3rem;
 			--svg-icon-color: #000;
 			border-radius: 0.4rem;
-			&.active,
-			&:hover {
+			&:not(.disabled).active,
+			&:not(.disabled):hover {
 				background-color: #dfdfdf;
 			}
+			&.disabled {
+				opacity: 0.5;
+				cursor: not-allowed;
+			}
 		}
 		> button {
 			width: 10rem;
diff --git a/src/components/Canvas/FlowCanvas/manager/StateManager.ts b/src/components/Canvas/FlowCanvas/manager/StateManager.ts
index 8cbb95b..049e844 100644
--- a/src/components/Canvas/FlowCanvas/manager/StateManager.ts
+++ b/src/components/Canvas/FlowCanvas/manager/StateManager.ts
@@ -16,9 +16,16 @@ export class StateManager {
 	zoom: any
 	tool: any
 	cursor: any
+	// 节点是否可拖动
 	nodesDraggable: any
+	// 拖动时是否可以平移画布
 	panOnDrag: any
 
+	// 历史记录-撤回/重做
+	mxHistory: any
+	historyList: any
+	historyIndex: any
+
 	// 管理器	
 	eventManager: any
 	flowManager: any
@@ -38,17 +45,14 @@ export class StateManager {
 		this.cursor = ref("")
 		this.nodesDraggable = ref(false)
 		this.panOnDrag = ref(false)
+		this.mxHistory = ref(50)
+		this.historyList = ref([])
+		this.historyIndex = ref(0)
+
 		this.nodes = ref<NodesItem[]>([]);
 		this.nodes_ = computed(() => {
 			return this.nodes.value.map((node, index) => {
 				const obj = node;
-				// if (index === 0) {
-				// 	obj.type = NODE_TYPE.INPUT;
-				// } else if (index === this.nodes.value.length - 1) {
-				// 	obj.type = NODE_TYPE.OUTPUT;
-				// } else {
-				// 	obj.type = NODE_TYPE.SECONDARY;
-				// }
 				const superiorID = node.data.superiorID;
 				const isSuperior = this.nodes.value.some((v) => v.id === superiorID)
 				const isSubord = this.nodes.value.some((v) => v.data.superiorID === node.id)
@@ -68,17 +72,6 @@ export class StateManager {
 		this.edges = computed(() => {
 			const arr = []
 			this.nodes.value.forEach((node, index) => {
-				// if (index < this.nodes.value.length - 1) {
-				// 	const source = node.id
-				// 	const target = this.nodes.value[index + 1].id
-				// 	arr.push({
-				// 		id: `el-${source}-${target}`,
-				// 		source: source,
-				// 		target: target,
-				// 		selectable: false,
-				// 		type: 'default'
-				// 	})
-				// }
 				const superiorID = node.data.superiorID;
 				const isSuperior = this.nodes.value.some((v) => v.id === superiorID)
 				if (superiorID && isSuperior) {
@@ -99,28 +92,21 @@ export class StateManager {
 	}
 	/** 添加节点 */
 	addNode(node: NodesItem) {
-		this.nodes.value.push(node)
+		this.nodes.value.push(node);
+		this.recordState()
 	}
 	/** 删除节点 */
 	deleteNode(id: string) {
 		this.nodes.value = this.nodes.value.filter((node: NodesItem) => node.id !== id)
+		this.recordState()
 	}
 	/** 获取节点 */
-	getNodeById(id: string) {
-		return this.nodes.value.find((node: NodesItem) => node.id === id)
-	}
+	getNodeById(id: string) { return this.nodes.value.find((node: NodesItem) => node.id === id) }
 	/** 获取下级节点 */
-	getSubordNodeByID(id: string) {
-		return this.nodes.value.find((node: NodesItem) => node.data.superiorID === id)
-	}
-	getLastNode() {
-		return this.nodes.value[this.nodes.value.length - 1]
-	}
+	getSubordNodeByID(id: string) { return this.nodes.value.find((node: NodesItem) => node.data.superiorID === id) }
+	getLastNode() { return this.nodes.value[this.nodes.value.length - 1] }
 	/** 设置工具 */
-	setTool(tool: string) {
-		this.tool.value = tool
-	}
-
+	setTool(tool: string) { this.tool.value = tool }
 	/** 设置光标 */
 	setCursor(v: string) { this.cursor.value = v }
 	/** 设置节点是否可拖动 */
@@ -128,11 +114,38 @@ export class StateManager {
 	/** 设置是否可以平移画布 */
 	setPanOnDrag(v: boolean) { this.panOnDrag.value = v }
 	/** 获取节点最大zIndex值 */
-	getMaxZIndex() {
-		return this.nodes.value.reduce((max, node) => Math.max(max, node.zIndex), 0)
-	}
+	getMaxZIndex() { return this.nodes.value.reduce((max, node) => Math.max(max, node.zIndex), 0) }
 	/** 获取节点最小zIndex值 */
-	getMinZIndex() {
-		return this.nodes.value.reduce((min, node) => Math.min(min, node.zIndex), 0)
+	getMinZIndex() { return this.nodes.value.reduce((min, node) => Math.min(min, node.zIndex), 0) }
+
+	/** 记录状态 */
+	recordState() {
+		if (this.historyIndex.value < this.historyList.value.length - 1) {
+			this.historyList.value.splice(this.historyIndex.value)
+		}
+		const state = {
+			nodes: JSON.stringify(this.nodes.value)
+		}
+		this.historyList.value.push(state)
+		const size = this.historyList.value.length - this.mxHistory.value
+		if (size > 0) this.historyList.value.splice(0, size)
+		this.historyIndex.value = this.historyList.value.length - 1
 	}
+	/** 撤回状态 */
+	undoState() {
+		var index = this.historyIndex.value - 1
+		const state = this.historyList.value[index]
+		if (!state) return
+		this.historyIndex.value = index
+		this.nodes.value = JSON.parse(state.nodes)
+	}
+	/** 重做状态 */
+	redoState() {
+		var index = this.historyIndex.value + 1
+		const state = this.historyList.value[index]
+		if (!state) return
+		this.historyIndex.value = index
+		this.nodes.value = JSON.parse(state.nodes)
+	}
+
 }

From 7550a2e82c95a469422dd5a6445a0812853d7770 Mon Sep 17 00:00:00 2001
From: lzp <zpli@aidlab.hk>
Date: Thu, 5 Mar 2026 10:19:36 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E6=92=A4=E5=9B=9E=E9=87=8D=E5=81=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Canvas/FlowCanvas/components/header-tools.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Canvas/FlowCanvas/components/header-tools.vue b/src/components/Canvas/FlowCanvas/components/header-tools.vue
index 7ef56c7..484d469 100644
--- a/src/components/Canvas/FlowCanvas/components/header-tools.vue
+++ b/src/components/Canvas/FlowCanvas/components/header-tools.vue
@@ -57,6 +57,7 @@
 		}
 	])
 	const onClickTool = (tool: any) => {
+		if (tool.disabled?.value) return
 		if (tool.on) {
 			tool.on()
 		} else {