From ce3abc48a4f3bc72b1b34fa4ed38576af129ea34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C2=B4=C3=B3=C2=B8=C3=A7?= <zpli@aidlab.hk>
Date: Tue, 24 Feb 2026 14:54:41 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                      |  3 ++-
 src/views/login/login.vue        | 12 ++++++++++--
 src/views/login/register.vue     | 12 ++++++++++--
 src/views/login/visible-code.vue | 10 +++++++---
 4 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 72ed79d..e35e315 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,6 +12,7 @@
 	const router = useRouter()
 	const globalStore = useGlobalStore()
 	const loading = computed(() => globalStore.state.loading || globalStore.state.view_loading)
+	globalStore.setLoading(false)
 	window['onClickPrivacy'] = () => {
 		// window.event?.preventDefault()
 		console.log('onClickPrivacy')
@@ -28,7 +29,7 @@
 	#app {
 		font-size: 1.6rem;
 	}
-	.el-message{
+	.el-message {
 		font-size: 1.6rem;
 	}
 	#loading {
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index dbffb06..d5779a0 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -48,7 +48,12 @@
 					</el-form>
 					<div class="tip-2" v-html="$t('Login.noAccountToSignUp')"></div>
 				</template>
-				<visible-code v-else :email="formData.email" @submit="onVerifyCode" />
+				<visible-code
+					v-show="isVisible"
+					ref="visibleCodeRef"
+					:email="formData.email"
+					@submit="onVerifyCode"
+				/>
 				<other-login />
 			</div>
 		</div>
@@ -84,11 +89,14 @@
 			router.back()
 		}
 	}
+	const visibleCodeRef = ref(null)
 	const onSubmit = () => {
 		formRef.value?.validate?.((valid) => {
 			if (valid) {
 				// console.log('submit!')
-				isVisible.value = true
+				visibleCodeRef.value?.onSendCode().then(() => {
+					isVisible.value = true
+				})
 			} else {
 				console.warn('error submit!')
 			}
diff --git a/src/views/login/register.vue b/src/views/login/register.vue
index 3598ccc..aa60600 100644
--- a/src/views/login/register.vue
+++ b/src/views/login/register.vue
@@ -52,7 +52,12 @@
 					</el-form>
 					<div class="tip-2" v-html="$t('Login.havenAccountToLogin')"></div>
 				</template>
-				<visible-code v-else :email="formData.email" @submit="onVerifyCode" />
+				<visible-code
+					v-show="isVisible"
+					ref="visibleCodeRef"
+					:email="formData.email"
+					@submit="onVerifyCode"
+				/>
 				<other-login />
 			</div>
 		</div>
@@ -90,11 +95,14 @@
 			router.back()
 		}
 	}
+	const visibleCodeRef = ref(null)
 	const onSubmit = () => {
 		formRef.value?.validate?.((valid) => {
 			if (valid) {
 				// console.log('submit!')
-				isVisible.value = true
+				visibleCodeRef.value?.onSendCode().then(() => {
+					isVisible.value = true
+				})
 			} else {
 				console.warn('error submit!')
 			}
diff --git a/src/views/login/visible-code.vue b/src/views/login/visible-code.vue
index 7d79a86..dea0bc9 100644
--- a/src/views/login/visible-code.vue
+++ b/src/views/login/visible-code.vue
@@ -45,16 +45,17 @@
 		clearTime()
 	})
 	onMounted(() => {
-		onSendCode()
+		// onSendCode()
 	})
 	const onSendCode = async () => {
 		const email = props.email
 		if (!email) {
 			console.warn('请输入邮箱')
-			return
+			return Promise.reject('请输入邮箱')
 		}
-		setTime()
 		await SendVerificationCode({ email })
+		setTime()
+		return Promise.resolve()
 	}
 	const onResend = () => {
 		if (time.value > 0) return
@@ -64,6 +65,9 @@
 		if (code.value.length !== 6) return
 		emit('submit', code.value)
 	}
+	defineExpose({
+		onSendCode
+	})
 </script>
 
 <style lang="less" scoped>

From ed396894cbaaee2b6cddfc82850762d68d8aeaea Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Wed, 25 Feb 2026 10:14:10 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=E7=94=BB=E5=B8=83=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8vueflow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tools/tools.js => utils/treeDiagram.js}   |  0
 .../canvas/components/node/InputNode.vue      | 26 +++++++++
 .../canvas/components/node/secondaryNode.vue  | 33 +++++++++++
 src/views/canvas/index.vue                    | 57 +++++++++++++++++--
 .../agent/components/versionTree/index.vue    |  2 +-
 .../versionTree/tree/view2/index.vue          |  2 +-
 6 files changed, 114 insertions(+), 6 deletions(-)
 rename src/{views/home/agent/components/versionTree/tools/tools.js => utils/treeDiagram.js} (100%)
 create mode 100644 src/views/canvas/components/node/InputNode.vue
 create mode 100644 src/views/canvas/components/node/secondaryNode.vue

diff --git a/src/views/home/agent/components/versionTree/tools/tools.js b/src/utils/treeDiagram.js
similarity index 100%
rename from src/views/home/agent/components/versionTree/tools/tools.js
rename to src/utils/treeDiagram.js
diff --git a/src/views/canvas/components/node/InputNode.vue b/src/views/canvas/components/node/InputNode.vue
new file mode 100644
index 0000000..cce43fc
--- /dev/null
+++ b/src/views/canvas/components/node/InputNode.vue
@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import { Handle, Position } from '@vue-flow/core'
+import { ref } from 'vue'
+const props = defineProps<{
+	data: {
+		type: Object,
+		default: () => ({
+			id: '',
+		})
+	}
+}>()
+
+</script>
+
+<template>
+	<div class="node start">
+		<Handle type="source" style="top: 40px;" id="Right" :position="Position.Right" />
+		<div class="item">
+			<slot name="content"></slot>
+		</div>
+	</div>
+</template>
+
+<style lang="less" scoped>
+
+</style>
diff --git a/src/views/canvas/components/node/secondaryNode.vue b/src/views/canvas/components/node/secondaryNode.vue
new file mode 100644
index 0000000..ca2d09e
--- /dev/null
+++ b/src/views/canvas/components/node/secondaryNode.vue
@@ -0,0 +1,33 @@
+<script lang="ts" setup>
+import { Handle, Position } from '@vue-flow/core'
+import { ref } from 'vue'
+const props = defineProps<{
+	data: {
+		type: Object,
+		default: () => ({
+			id: '',
+		})
+	},
+}>()
+
+</script>
+<!-- source输入，target输出 -->
+<template>
+	<div class="node">
+		<Handle type="target" style="top: 40px;" id="Left" :position="Position.Left" />
+		<Handle type="source" style="top: 40px;" id="Right" :position="Position.Right" />
+		<!-- <Handle type="source" id="Right" :position="Position.Right" />
+		<Handle type="target" id="Left" :position="Position.Left" /> -->
+		<!-- <div>{{ props.data.id }}</div> -->
+		<div class="item">
+			<slot name="content"></slot>
+		</div>
+	</div>
+</template>
+
+<style lang="less" scoped>
+.node{
+	.item{
+	}
+}
+</style>
diff --git a/src/views/canvas/index.vue b/src/views/canvas/index.vue
index 90479b4..04abcd3 100644
--- a/src/views/canvas/index.vue
+++ b/src/views/canvas/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="canvas">
-		<div class="canvas-main" ref="canvasMain" @mousedown="onMouseDown" @wheel="onMouseWheel">
+		<!-- <div class="canvas-main" ref="canvasMain" @mousedown="onMouseDown" @wheel="onMouseWheel">
 			<div
 				class="canvas-content"
 				:style="{
@@ -18,14 +18,35 @@
 				<card type="add-print" />
 				<card type="edit-material" />
 			</div>
-		</div>
+		</div> -->
+
+		<VueFlow :nodes="nodes" @nodes-initialized="layoutGraph('LR')" :edges="edges" @node-click="" :nodes-draggable="true">
+			<template #node-InputNode="nodeProps">
+				<inputNode v-bind="nodeProps" >
+					<template v-slot:content>{{ nodeProps.type }}
+						<card type="to-real-style" />
+					</template> 	
+				</inputNode>
+			</template>
+			<template #node-SecondaryNode="nodeProps">
+				<secondaryNode v-bind="nodeProps" >
+					<template v-slot:content>
+						<card type="scene-composition" />
+					</template> 
+				</secondaryNode>
+			</template>
+		</VueFlow>
 	</div>
 </template>
 
 <script setup lang="ts">
 	import card from './components/cards/index.vue'
-	import { computed, ref, markRaw, onMounted, reactive } from 'vue'
+	import { useLayout } from '@/utils/treeDiagram'
+	import { VueFlow, useVueFlow } from '@vue-flow/core'
+	import { computed, ref, markRaw, onMounted, reactive, nextTick } from 'vue'
 	import { useGlobalStore } from '@/stores'
+	import secondaryNode from './components/node/secondaryNode.vue'
+	import inputNode from './components/node/InputNode.vue'
 	const globalStore = useGlobalStore()
 	const data = reactive({
 		x: 100,
@@ -59,11 +80,35 @@
 		if (scale > 10) scale = 10
 		data.scale = scale
 	}
+	const position = { x: 0, y: 0 }
+
+	const nodes = ref<Node[]>([
+		  { id: '1', type: 'InputNode', label: 'Node 1', class: 'custom-node start', position },
+		  { id: '2', type: 'SecondaryNode', class: 'custom-node', data: { id: '主 1' }, position },
+	])
+	const edges = ref<Edge[]>([
+		  { id: 'e1-3', source: '1', target: '2', type: 'smoothstep', },
+	])
+	const { fitView } = useVueFlow()
+	const { layout } = useLayout()
+	async function layoutGraph(direction) {
+		setTimeout(() => {
+			nodes.value = layout(nodes.value, edges.value, direction)
+			console.log(nodes.value)
+			nextTick(() => {
+				fitView()
+			})
+		}, 0)
+	}
+
 	onMounted(() => {
 		globalStore.setHomeLeftNavCollapse(true)
 	})
 </script>
-
+<style lang="less">
+@import "@vue-flow/core/dist/style.css";
+@import "@vue-flow/core/dist/theme-default.css";
+</style>
 <style lang="less" scoped>
 	.canvas {
 		// overflow-y: auto;
@@ -90,5 +135,9 @@
 				transform-origin: top left;
 			}
 		}
+		> .vue-flow{
+			width: 100%;
+			height: 100%;
+		}
 	}
 </style>
diff --git a/src/views/home/agent/components/versionTree/index.vue b/src/views/home/agent/components/versionTree/index.vue
index 3e2b9ff..63921cb 100644
--- a/src/views/home/agent/components/versionTree/index.vue
+++ b/src/views/home/agent/components/versionTree/index.vue
@@ -3,7 +3,7 @@ import { ref, onMounted, onUnmounted, reactive, toRefs, watch } from 'vue'
 import Tree from './tree/index.vue'
 import Detail from './detail/index.vue'
 // import { versionsList } from './tools/versionsData'
-import { findAndAddChild, findAndRemoveChild } from './tools/tools'
+import { findAndAddChild, findAndRemoveChild } from '../../../../../utils/treeDiagram'
 import { useProjectStore } from '@/stores'
 import { versionTree, getChatNodeDetail } from '@/api/versitonTree'
 
diff --git a/src/views/home/agent/components/versionTree/tree/view2/index.vue b/src/views/home/agent/components/versionTree/tree/view2/index.vue
index 5971502..1c49695 100644
--- a/src/views/home/agent/components/versionTree/tree/view2/index.vue
+++ b/src/views/home/agent/components/versionTree/tree/view2/index.vue
@@ -5,7 +5,7 @@ import { VueFlow, useVueFlow } from '@vue-flow/core'
 import SpecialEdge from './speciaiEdge.vue'
 import InputNode from './InputNode.vue'//主
 import SecondaryNode from './secondaryNode.vue'//分支
-import { useLayout } from '../../tools/tools'
+import { useLayout } from '@/utils/treeDiagram'
 import dialogVue from "../../components/dialog.vue";
 const props = defineProps({
 	selectItem: {

From aa00b9e7f114084dc133d38ddd064c9110511a55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C2=B4=C3=B3=C2=B8=C3=A7?= <zpli@aidlab.hk>
Date: Wed, 25 Feb 2026 10:16:14 +0800
Subject: [PATCH 3/5] 111

---
 .../components/cards/add-print.vue            |   0
 .../components/cards/color-palette.vue        |   0
 .../components/cards/edit-material.vue        |   0
 .../FlowCanvas}/components/cards/index.vue    |   0
 .../components/cards/scene-composition.vue    |   0
 .../components/cards/to-3d-model.vue          |   0
 .../FlowCanvas}/components/cards/to-cad.vue   |   0
 .../components/cards/to-real-style.vue        |   0
 .../FlowCanvas}/components/cards/to-video.vue |   0
 .../FlowCanvas}/components/tools/my-input.vue |   0
 .../components/tools/my-textarea.vue          |   0
 .../components/tools/offset-tool.vue          |   0
 .../tools/pixel-ratio-selection.vue           |   0
 .../FlowCanvas}/components/tools/slider.vue   |   0
 .../components/tools/upload-file.vue          |   0
 .../Canvas/FlowCanvas}/index.vue              |  56 +++----
 .../Canvas/components/fullscreen-dialog.vue   |  70 +++++++++
 src/components/MyInfo.vue                     | 138 ++++++++++++++++++
 src/router/index.ts                           |   6 -
 src/views/home/index.vue                      |   2 +
 src/views/home/top-nav.vue                    | 123 +---------------
 21 files changed, 243 insertions(+), 152 deletions(-)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/cards/add-print.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/cards/color-palette.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/cards/edit-material.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/cards/index.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/cards/scene-composition.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/cards/to-3d-model.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/cards/to-cad.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/cards/to-real-style.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/cards/to-video.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/tools/my-input.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/tools/my-textarea.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/tools/offset-tool.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/tools/pixel-ratio-selection.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/tools/slider.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/components/tools/upload-file.vue (100%)
 rename src/{views/canvas => components/Canvas/FlowCanvas}/index.vue (64%)
 create mode 100644 src/components/Canvas/components/fullscreen-dialog.vue
 create mode 100644 src/components/MyInfo.vue

diff --git a/src/views/canvas/components/cards/add-print.vue b/src/components/Canvas/FlowCanvas/components/cards/add-print.vue
similarity index 100%
rename from src/views/canvas/components/cards/add-print.vue
rename to src/components/Canvas/FlowCanvas/components/cards/add-print.vue
diff --git a/src/views/canvas/components/cards/color-palette.vue b/src/components/Canvas/FlowCanvas/components/cards/color-palette.vue
similarity index 100%
rename from src/views/canvas/components/cards/color-palette.vue
rename to src/components/Canvas/FlowCanvas/components/cards/color-palette.vue
diff --git a/src/views/canvas/components/cards/edit-material.vue b/src/components/Canvas/FlowCanvas/components/cards/edit-material.vue
similarity index 100%
rename from src/views/canvas/components/cards/edit-material.vue
rename to src/components/Canvas/FlowCanvas/components/cards/edit-material.vue
diff --git a/src/views/canvas/components/cards/index.vue b/src/components/Canvas/FlowCanvas/components/cards/index.vue
similarity index 100%
rename from src/views/canvas/components/cards/index.vue
rename to src/components/Canvas/FlowCanvas/components/cards/index.vue
diff --git a/src/views/canvas/components/cards/scene-composition.vue b/src/components/Canvas/FlowCanvas/components/cards/scene-composition.vue
similarity index 100%
rename from src/views/canvas/components/cards/scene-composition.vue
rename to src/components/Canvas/FlowCanvas/components/cards/scene-composition.vue
diff --git a/src/views/canvas/components/cards/to-3d-model.vue b/src/components/Canvas/FlowCanvas/components/cards/to-3d-model.vue
similarity index 100%
rename from src/views/canvas/components/cards/to-3d-model.vue
rename to src/components/Canvas/FlowCanvas/components/cards/to-3d-model.vue
diff --git a/src/views/canvas/components/cards/to-cad.vue b/src/components/Canvas/FlowCanvas/components/cards/to-cad.vue
similarity index 100%
rename from src/views/canvas/components/cards/to-cad.vue
rename to src/components/Canvas/FlowCanvas/components/cards/to-cad.vue
diff --git a/src/views/canvas/components/cards/to-real-style.vue b/src/components/Canvas/FlowCanvas/components/cards/to-real-style.vue
similarity index 100%
rename from src/views/canvas/components/cards/to-real-style.vue
rename to src/components/Canvas/FlowCanvas/components/cards/to-real-style.vue
diff --git a/src/views/canvas/components/cards/to-video.vue b/src/components/Canvas/FlowCanvas/components/cards/to-video.vue
similarity index 100%
rename from src/views/canvas/components/cards/to-video.vue
rename to src/components/Canvas/FlowCanvas/components/cards/to-video.vue
diff --git a/src/views/canvas/components/tools/my-input.vue b/src/components/Canvas/FlowCanvas/components/tools/my-input.vue
similarity index 100%
rename from src/views/canvas/components/tools/my-input.vue
rename to src/components/Canvas/FlowCanvas/components/tools/my-input.vue
diff --git a/src/views/canvas/components/tools/my-textarea.vue b/src/components/Canvas/FlowCanvas/components/tools/my-textarea.vue
similarity index 100%
rename from src/views/canvas/components/tools/my-textarea.vue
rename to src/components/Canvas/FlowCanvas/components/tools/my-textarea.vue
diff --git a/src/views/canvas/components/tools/offset-tool.vue b/src/components/Canvas/FlowCanvas/components/tools/offset-tool.vue
similarity index 100%
rename from src/views/canvas/components/tools/offset-tool.vue
rename to src/components/Canvas/FlowCanvas/components/tools/offset-tool.vue
diff --git a/src/views/canvas/components/tools/pixel-ratio-selection.vue b/src/components/Canvas/FlowCanvas/components/tools/pixel-ratio-selection.vue
similarity index 100%
rename from src/views/canvas/components/tools/pixel-ratio-selection.vue
rename to src/components/Canvas/FlowCanvas/components/tools/pixel-ratio-selection.vue
diff --git a/src/views/canvas/components/tools/slider.vue b/src/components/Canvas/FlowCanvas/components/tools/slider.vue
similarity index 100%
rename from src/views/canvas/components/tools/slider.vue
rename to src/components/Canvas/FlowCanvas/components/tools/slider.vue
diff --git a/src/views/canvas/components/tools/upload-file.vue b/src/components/Canvas/FlowCanvas/components/tools/upload-file.vue
similarity index 100%
rename from src/views/canvas/components/tools/upload-file.vue
rename to src/components/Canvas/FlowCanvas/components/tools/upload-file.vue
diff --git a/src/views/canvas/index.vue b/src/components/Canvas/FlowCanvas/index.vue
similarity index 64%
rename from src/views/canvas/index.vue
rename to src/components/Canvas/FlowCanvas/index.vue
index 90479b4..d303a14 100644
--- a/src/views/canvas/index.vue
+++ b/src/components/Canvas/FlowCanvas/index.vue
@@ -1,32 +1,43 @@
 <template>
-	<div class="canvas">
-		<div class="canvas-main" ref="canvasMain" @mousedown="onMouseDown" @wheel="onMouseWheel">
+	<fullscreen-dialog v-model="dialogVisible">
+		<div class="flow-canvas">
 			<div
-				class="canvas-content"
-				:style="{
-					top: `${data.y}px`,
-					left: `${data.x}px`,
-					transform: `scale(${data.scale})`
-				}"
+				class="canvas-main"
+				ref="canvasMain"
+				@mousedown="onMouseDown"
+				@wheel="onMouseWheel"
 			>
-				<card type="to-real-style" />
-				<card type="scene-composition" />
-				<card type="color-palette" />
-				<card type="to-video" />
-				<card type="to-3d-model" />
-				<card type="to-cad" />
-				<card type="add-print" />
-				<card type="edit-material" />
+				<div
+					class="canvas-content"
+					:style="{
+						top: `${data.y}px`,
+						left: `${data.x}px`,
+						transform: `scale(${data.scale})`
+					}"
+				>
+					<card type="to-real-style" />
+					<card type="scene-composition" />
+					<card type="color-palette" />
+					<card type="to-video" />
+					<card type="to-3d-model" />
+					<card type="to-cad" />
+					<card type="add-print" />
+					<card type="edit-material" />
+				</div>
 			</div>
 		</div>
-	</div>
+	</fullscreen-dialog>
 </template>
 
 <script setup lang="ts">
+	import FullscreenDialog from '../components/fullscreen-dialog.vue'
+	import MyInfo from '@/components/MyInfo.vue'
 	import card from './components/cards/index.vue'
 	import { computed, ref, markRaw, onMounted, reactive } from 'vue'
 	import { useGlobalStore } from '@/stores'
 	const globalStore = useGlobalStore()
+	const dialogVisible = ref(true)
+	window.dialogVisible = dialogVisible
 	const data = reactive({
 		x: 100,
 		y: 200,
@@ -65,14 +76,9 @@
 </script>
 
 <style lang="less" scoped>
-	.canvas {
-		// overflow-y: auto;
-		// display: flex;
-		// flex-wrap: wrap;
-		// align-content: flex-start;
-		// align-items: flex-start;
-		// padding: 2rem;
-		// gap: 2rem;
+	.flow-canvas {
+		width: 100%;
+		height: 100%;
 		background-color: #fcf8f1;
 		position: relative;
 		overflow: hidden;
diff --git a/src/components/Canvas/components/fullscreen-dialog.vue b/src/components/Canvas/components/fullscreen-dialog.vue
new file mode 100644
index 0000000..b2c2fc6
--- /dev/null
+++ b/src/components/Canvas/components/fullscreen-dialog.vue
@@ -0,0 +1,70 @@
+<template>
+	<div
+		class="fullscreen-dialog"
+		to="body"
+		v-if="hideDestroy ? show || show_ : true"
+		v-show="show"
+		:class="{ show: show_ }"
+		:style="{
+			'--transition-time': transitionTime + 'ms'
+		}"
+	>
+		<slot></slot>
+		<my-info />
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, watch } from 'vue'
+	import MyInfo from '@/components/MyInfo.vue'
+	const props = defineProps({
+		modelValue: { default: false, type: Boolean },
+		transitionTime: { default: 300, type: Number },
+		hideDestroy: { default: false, type: Boolean }
+	})
+	const emit = defineEmits(['update:modelValue', 'closed'])
+	const show = ref(props.modelValue)
+	const show_ = ref(props.modelValue)
+	console.log(props.modelValue)
+	const timeout = ref(null)
+	watch(
+		() => props.modelValue,
+		(v) => {
+			if (v) {
+				show.value = v
+				clearTimeout(timeout.value)
+				timeout.value = setTimeout(() => (show_.value = v), 10)
+			} else {
+				show_.value = v
+				clearTimeout(timeout.value)
+				timeout.value = setTimeout(() => {
+					show.value = v
+					emit('closed')
+				}, props.transitionTime)
+			}
+		}
+	)
+</script>
+
+<style lang="less" scoped>
+	.fullscreen-dialog {
+		position: fixed;
+		width: 100%;
+		height: 100%;
+		top: 0;
+		left: 0;
+		overflow: hidden;
+		z-index: 1000;
+		background-color: rgba(0, 0, 0, 0);
+		transition: opacity var(--transition-time);
+		opacity: 0;
+		&.show {
+			opacity: 1;
+		}
+		> .my-info {
+			position: absolute;
+			top: 3rem;
+			right: 3rem;
+		}
+	}
+</style>
diff --git a/src/components/MyInfo.vue b/src/components/MyInfo.vue
new file mode 100644
index 0000000..58d9441
--- /dev/null
+++ b/src/components/MyInfo.vue
@@ -0,0 +1,138 @@
+<template>
+	<div class="my-info">
+		<div class="credits-box">
+			<span class="credits">{{ $t('Home.creditsNum', { num: 6000 }) }}</span>
+			<span class="icon" @click="onRefresh" :class="{ loading }">
+				<svg-icon name="refresh" size="21" />
+			</span>
+			<span class="link"></span>
+			<span class="icon" @click="onShop"><svg-icon name="shop" size="21" /></span>
+		</div>
+		<el-popover
+			placement="bottom-end"
+			popper-style="width:auto; min-width: 22rem; padding: 0.8rem; border-radius: 1.4rem;"
+		>
+			<template #reference>
+				<img class="pic" src="@/assets/images/pic.jpg" />
+			</template>
+			<div class="menu-box">
+				<div>
+					<span class="label">{{ email }}</span>
+				</div>
+				<p></p>
+				<div class="btn" @click="onSetting">
+					<span class="icon"><svg-icon name="setting" size="18" /></span>
+					<span class="label">Settings</span>
+				</div>
+				<div class="btn" @click="onLogout">
+					<span class="icon"><svg-icon name="logout" size="18" /></span>
+					<span class="label">Log out</span>
+				</div>
+			</div>
+		</el-popover>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import MyEvent from '@/utils/myEvent'
+	import { computed, ref } from 'vue'
+	import { useRoute, useRouter } from 'vue-router'
+	import { useUserInfoStore } from '@/stores'
+	const userInfoStore = useUserInfoStore()
+	const email = computed(() => userInfoStore.state.userInfo.email || '------')
+	const router = useRouter()
+	const loading = ref(false)
+	const onShop = () => {
+		console.log('onShop')
+		// router.push({ name: 'shop' })
+	}
+	const onRefresh = () => {
+		console.log('onRefresh')
+		loading.value = true
+		setTimeout(() => {
+			loading.value = false
+		}, 1500)
+	}
+	const onSetting = () => {
+		MyEvent.emit('openSettingDialog')
+	}
+	const onLogout = () => {
+		userInfoStore.logOut()
+	}
+</script>
+
+<style lang="less" scoped>
+	.my-info {
+		display: flex;
+		align-items: center;
+		> .credits-box {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			min-width: 18rem;
+			height: 4.3rem;
+			margin-right: 1rem;
+			background-color: rgba(255, 252, 244, 1);
+			border: 1px solid #ffcf90;
+			border-radius: 0.8rem;
+			> .credits {
+				flex: 1;
+				font-size: 1.3rem;
+				margin-left: 1rem;
+			}
+			> .link {
+				height: 100%;
+				width: 0;
+				border-right: 1px solid #ffcf90;
+			}
+			> .icon {
+				cursor: pointer;
+				margin: 0 1rem;
+			}
+			> .loading {
+				animation: loading 0.6s linear infinite;
+			}
+		}
+		.pic {
+			width: 4.65rem;
+			height: 4.65rem;
+			border-radius: 50%;
+		}
+	}
+	.menu-box {
+		user-select: none;
+		> * {
+			margin-bottom: 0.4rem;
+			&:last-child {
+				margin-bottom: 0;
+			}
+		}
+
+		> div {
+			height: 3.7rem;
+			display: flex;
+			align-items: center;
+			// justify-content: center;
+			&.btn {
+				cursor: pointer;
+			}
+			&.btn:hover {
+				background-color: rgba(0, 0, 0, 0.06);
+			}
+			> .label {
+				font-size: 1.4rem;
+				color: #000;
+				margin-left: 0.8rem;
+			}
+			> .icon {
+				margin-left: 1rem;
+				--svg-icon-color: #000;
+			}
+		}
+		> p {
+			width: 100%;
+			height: 0;
+			border-bottom: 0.1rem solid #e5e5e5;
+		}
+	}
+</style>
diff --git a/src/router/index.ts b/src/router/index.ts
index 4a4cf55..0a10198 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -56,12 +56,6 @@ const router = createRouter({
                     name: 'mainInput',
                     component: () => import('../views/home/mainInput.vue')
                 },
-                {
-                    path: 'canvas',
-                    name: 'canvas',
-                    component: () => import('../views/canvas/index.vue'),
-                    meta: { topNavStyle: '2' }
-                },
                 {
                     path: 'agent',
                     name: 'agent',
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index bd9b8aa..a8b7f57 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -16,6 +16,7 @@
 		</div>
 	</div>
 	<setting />
+	<flow-canvas />
 </template>
 
 <script setup lang="ts">
@@ -26,6 +27,7 @@
 	import { useGlobalStore } from '@/stores'
 	const globalStore = useGlobalStore()
 	const loading = computed(() => globalStore.state.loading)
+	import FlowCanvas from '@/components/Canvas/FlowCanvas/index.vue'
 </script>
 
 <style lang="less" scoped>
diff --git a/src/views/home/top-nav.vue b/src/views/home/top-nav.vue
index 6d5e6c4..fe45cd8 100644
--- a/src/views/home/top-nav.vue
+++ b/src/views/home/top-nav.vue
@@ -4,70 +4,20 @@
 			<svg-icon name="back" size="18" />
 		</span>
 		<p class="division"></p>
-		<div class="credits-box">
-			<span class="credits">{{ $t('Home.creditsNum', { num: 6000 }) }}</span>
-			<span class="icon" @click="onRefresh" :class="{ loading }">
-				<svg-icon name="refresh" size="21" />
-			</span>
-			<span class="link"></span>
-			<span class="icon" @click="onShop"><svg-icon name="shop" size="21" /></span>
-		</div>
-		<el-popover
-			placement="bottom-end"
-			popper-style="width:auto; min-width: 22rem; padding: 0.8rem; border-radius: 1.4rem;"
-		>
-			<template #reference>
-				<img class="pic" src="@/assets/images/pic.jpg" />
-			</template>
-			<div class="menu-box">
-				<div>
-					<span class="label">{{ email }}</span>
-				</div>
-				<p></p>
-				<div class="btn" @click="onSetting">
-					<span class="icon"><svg-icon name="setting" size="18" /></span>
-					<span class="label">Settings</span>
-				</div>
-				<div class="btn" @click="onLogout">
-					<span class="icon"><svg-icon name="logout" size="18" /></span>
-					<span class="label">Log out</span>
-				</div>
-			</div>
-		</el-popover>
+		<my-info />
 	</div>
 </template>
 
 <script setup lang="ts">
-	import MyEvent from '@/utils/myEvent'
+	import MyInfo from '@/components/MyInfo.vue'
 	import { computed, ref } from 'vue'
 	import { useRoute, useRouter } from 'vue-router'
-	import { useUserInfoStore } from '@/stores'
-	const userInfoStore = useUserInfoStore()
-	const email = computed(() => userInfoStore.state.userInfo.email || '------')
 	const route = useRoute()
 	const topNavStyle = computed(() => route.meta.topNavStyle)
 	const router = useRouter()
-	const loading = ref(false)
 	const onBack = () => {
 		router.back()
 	}
-	const onShop = () => {
-		console.log('onShop')
-		// router.push({ name: 'shop' })
-	}
-	const onRefresh = () => {
-		console.log('onRefresh')
-		loading.value = true
-		setTimeout(() => {
-			loading.value = false
-		}, 1500)
-	}
-	const onSetting = () => {
-		MyEvent.emit('openSettingDialog')
-	}
-	const onLogout = () => {
-		userInfoStore.logOut()
-	}
 </script>
 
 <style lang="less" scoped>
@@ -91,74 +41,5 @@
 			width: 2.4rem;
 			height: 2.4rem;
 		}
-		> .credits-box {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			min-width: 18rem;
-			height: 4.3rem;
-			margin-right: 1rem;
-			background-color: rgba(255, 252, 244, 1);
-			border: 1px solid #ffcf90;
-			border-radius: 0.8rem;
-			> .credits {
-				flex: 1;
-				font-size: 1.3rem;
-				margin-left: 1rem;
-			}
-			> .link {
-				height: 100%;
-				width: 0;
-				border-right: 1px solid #ffcf90;
-			}
-			> .icon {
-				cursor: pointer;
-				margin: 0 1rem;
-			}
-			> .loading {
-				animation: loading 0.6s linear infinite;
-			}
-		}
-		.pic {
-			width: 4.65rem;
-			height: 4.65rem;
-			border-radius: 50%;
-		}
-	}
-	.menu-box {
-		user-select: none;
-		> * {
-			margin-bottom: 0.4rem;
-			&:last-child {
-				margin-bottom: 0;
-			}
-		}
-
-		> div {
-			height: 3.7rem;
-			display: flex;
-			align-items: center;
-			// justify-content: center;
-			&.btn {
-				cursor: pointer;
-			}
-			&.btn:hover {
-				background-color: rgba(0, 0, 0, 0.06);
-			}
-			> .label {
-				font-size: 1.4rem;
-				color: #000;
-				margin-left: 0.8rem;
-			}
-			> .icon {
-				margin-left: 1rem;
-				--svg-icon-color: #000;
-			}
-		}
-		> p {
-			width: 100%;
-			height: 0;
-			border-bottom: 0.1rem solid #e5e5e5;
-		}
 	}
 </style>

From b7dba5533cf5a9360fd93671b04980df84d3553f Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Wed, 25 Feb 2026 10:20:26 +0800
Subject: [PATCH 4/5] fix

---
 .../components/cards/add-print.vue            |  0
 .../components/cards/color-palette.vue        |  0
 .../components/cards/edit-material.vue        |  0
 .../components/cards/index.vue                |  0
 .../components/cards/scene-composition.vue    |  0
 .../components/cards/to-3d-model.vue          |  0
 .../components/cards/to-cad.vue               |  0
 .../components/cards/to-real-style.vue        |  0
 .../components/cards/to-video.vue             |  0
 .../components/node/InputNode.vue             |  0
 .../components/node/secondaryNode.vue         |  0
 .../components/tools/my-input.vue             |  0
 .../components/tools/my-textarea.vue          |  0
 .../components/tools/offset-tool.vue          |  0
 .../tools/pixel-ratio-selection.vue           |  0
 .../components/tools/slider.vue               |  0
 .../components/tools/upload-file.vue          |  0
 src/views/{canvas => canvas1}/index.vue       |  0
 ....timestamp-1771986020299-a3f2241cb00dd.mjs | 84 +++++++++++++++++++
 19 files changed, 84 insertions(+)
 rename src/views/{canvas => canvas1}/components/cards/add-print.vue (100%)
 rename src/views/{canvas => canvas1}/components/cards/color-palette.vue (100%)
 rename src/views/{canvas => canvas1}/components/cards/edit-material.vue (100%)
 rename src/views/{canvas => canvas1}/components/cards/index.vue (100%)
 rename src/views/{canvas => canvas1}/components/cards/scene-composition.vue (100%)
 rename src/views/{canvas => canvas1}/components/cards/to-3d-model.vue (100%)
 rename src/views/{canvas => canvas1}/components/cards/to-cad.vue (100%)
 rename src/views/{canvas => canvas1}/components/cards/to-real-style.vue (100%)
 rename src/views/{canvas => canvas1}/components/cards/to-video.vue (100%)
 rename src/views/{canvas => canvas1}/components/node/InputNode.vue (100%)
 rename src/views/{canvas => canvas1}/components/node/secondaryNode.vue (100%)
 rename src/views/{canvas => canvas1}/components/tools/my-input.vue (100%)
 rename src/views/{canvas => canvas1}/components/tools/my-textarea.vue (100%)
 rename src/views/{canvas => canvas1}/components/tools/offset-tool.vue (100%)
 rename src/views/{canvas => canvas1}/components/tools/pixel-ratio-selection.vue (100%)
 rename src/views/{canvas => canvas1}/components/tools/slider.vue (100%)
 rename src/views/{canvas => canvas1}/components/tools/upload-file.vue (100%)
 rename src/views/{canvas => canvas1}/index.vue (100%)
 create mode 100644 vite.config.ts.timestamp-1771986020299-a3f2241cb00dd.mjs

diff --git a/src/views/canvas/components/cards/add-print.vue b/src/views/canvas1/components/cards/add-print.vue
similarity index 100%
rename from src/views/canvas/components/cards/add-print.vue
rename to src/views/canvas1/components/cards/add-print.vue
diff --git a/src/views/canvas/components/cards/color-palette.vue b/src/views/canvas1/components/cards/color-palette.vue
similarity index 100%
rename from src/views/canvas/components/cards/color-palette.vue
rename to src/views/canvas1/components/cards/color-palette.vue
diff --git a/src/views/canvas/components/cards/edit-material.vue b/src/views/canvas1/components/cards/edit-material.vue
similarity index 100%
rename from src/views/canvas/components/cards/edit-material.vue
rename to src/views/canvas1/components/cards/edit-material.vue
diff --git a/src/views/canvas/components/cards/index.vue b/src/views/canvas1/components/cards/index.vue
similarity index 100%
rename from src/views/canvas/components/cards/index.vue
rename to src/views/canvas1/components/cards/index.vue
diff --git a/src/views/canvas/components/cards/scene-composition.vue b/src/views/canvas1/components/cards/scene-composition.vue
similarity index 100%
rename from src/views/canvas/components/cards/scene-composition.vue
rename to src/views/canvas1/components/cards/scene-composition.vue
diff --git a/src/views/canvas/components/cards/to-3d-model.vue b/src/views/canvas1/components/cards/to-3d-model.vue
similarity index 100%
rename from src/views/canvas/components/cards/to-3d-model.vue
rename to src/views/canvas1/components/cards/to-3d-model.vue
diff --git a/src/views/canvas/components/cards/to-cad.vue b/src/views/canvas1/components/cards/to-cad.vue
similarity index 100%
rename from src/views/canvas/components/cards/to-cad.vue
rename to src/views/canvas1/components/cards/to-cad.vue
diff --git a/src/views/canvas/components/cards/to-real-style.vue b/src/views/canvas1/components/cards/to-real-style.vue
similarity index 100%
rename from src/views/canvas/components/cards/to-real-style.vue
rename to src/views/canvas1/components/cards/to-real-style.vue
diff --git a/src/views/canvas/components/cards/to-video.vue b/src/views/canvas1/components/cards/to-video.vue
similarity index 100%
rename from src/views/canvas/components/cards/to-video.vue
rename to src/views/canvas1/components/cards/to-video.vue
diff --git a/src/views/canvas/components/node/InputNode.vue b/src/views/canvas1/components/node/InputNode.vue
similarity index 100%
rename from src/views/canvas/components/node/InputNode.vue
rename to src/views/canvas1/components/node/InputNode.vue
diff --git a/src/views/canvas/components/node/secondaryNode.vue b/src/views/canvas1/components/node/secondaryNode.vue
similarity index 100%
rename from src/views/canvas/components/node/secondaryNode.vue
rename to src/views/canvas1/components/node/secondaryNode.vue
diff --git a/src/views/canvas/components/tools/my-input.vue b/src/views/canvas1/components/tools/my-input.vue
similarity index 100%
rename from src/views/canvas/components/tools/my-input.vue
rename to src/views/canvas1/components/tools/my-input.vue
diff --git a/src/views/canvas/components/tools/my-textarea.vue b/src/views/canvas1/components/tools/my-textarea.vue
similarity index 100%
rename from src/views/canvas/components/tools/my-textarea.vue
rename to src/views/canvas1/components/tools/my-textarea.vue
diff --git a/src/views/canvas/components/tools/offset-tool.vue b/src/views/canvas1/components/tools/offset-tool.vue
similarity index 100%
rename from src/views/canvas/components/tools/offset-tool.vue
rename to src/views/canvas1/components/tools/offset-tool.vue
diff --git a/src/views/canvas/components/tools/pixel-ratio-selection.vue b/src/views/canvas1/components/tools/pixel-ratio-selection.vue
similarity index 100%
rename from src/views/canvas/components/tools/pixel-ratio-selection.vue
rename to src/views/canvas1/components/tools/pixel-ratio-selection.vue
diff --git a/src/views/canvas/components/tools/slider.vue b/src/views/canvas1/components/tools/slider.vue
similarity index 100%
rename from src/views/canvas/components/tools/slider.vue
rename to src/views/canvas1/components/tools/slider.vue
diff --git a/src/views/canvas/components/tools/upload-file.vue b/src/views/canvas1/components/tools/upload-file.vue
similarity index 100%
rename from src/views/canvas/components/tools/upload-file.vue
rename to src/views/canvas1/components/tools/upload-file.vue
diff --git a/src/views/canvas/index.vue b/src/views/canvas1/index.vue
similarity index 100%
rename from src/views/canvas/index.vue
rename to src/views/canvas1/index.vue
diff --git a/vite.config.ts.timestamp-1771986020299-a3f2241cb00dd.mjs b/vite.config.ts.timestamp-1771986020299-a3f2241cb00dd.mjs
new file mode 100644
index 0000000..c1cd602
--- /dev/null
+++ b/vite.config.ts.timestamp-1771986020299-a3f2241cb00dd.mjs
@@ -0,0 +1,84 @@
+// vite.config.ts
+import { fileURLToPath, URL } from "node:url";
+import { defineConfig, loadEnv } from "file:///D:/project/FiDA_Front/node_modules/vite/dist/node/index.js";
+import vue from "file:///D:/project/FiDA_Front/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import AutoImport from "file:///D:/project/FiDA_Front/node_modules/unplugin-auto-import/dist/vite.js";
+import Components from "file:///D:/project/FiDA_Front/node_modules/unplugin-vue-components/dist/vite.mjs";
+import DefineOptions from "file:///D:/project/FiDA_Front/node_modules/unplugin-vue-define-options/dist/vite.js";
+import { createSvgIconsPlugin } from "file:///D:/project/FiDA_Front/node_modules/vite-plugin-svg-icons/dist/index.mjs";
+import path from "path";
+import { ElementPlusResolver } from "file:///D:/project/FiDA_Front/node_modules/unplugin-vue-components/dist/resolvers.mjs";
+var __vite_injected_original_dirname = "D:\\project\\FiDA_Front";
+var __vite_injected_original_import_meta_url = "file:///D:/project/FiDA_Front/vite.config.ts";
+var vite_config_default = defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd());
+  return {
+    plugins: [
+      vue(),
+      DefineOptions(),
+      // ...
+      AutoImport({
+        resolvers: [ElementPlusResolver()]
+      }),
+      Components({
+        resolvers: [ElementPlusResolver()]
+      }),
+      createSvgIconsPlugin({
+        // 指定需要缓存的图标文件夹
+        iconDirs: [path.resolve(process.cwd(), "src/assets/icons")],
+        // 指定symbolId格式
+        symbolId: "icon-[dir]-[name]",
+        inject: "body-last"
+        // 注入位置优化
+      })
+    ],
+    define: {
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
+    },
+    css: {
+      preprocessorOptions: {
+        less: {
+          modifyVars: {
+            "primary-color": "#ec6800"
+          },
+          javascriptEnabled: true,
+          // 全局导入less变量文件
+          additionalData: `@import "${path.resolve(__vite_injected_original_dirname, "src/assets/css/style.less")}";`
+        }
+      }
+    },
+    resolve: {
+      alias: {
+        "@": fileURLToPath(new URL("./src", __vite_injected_original_import_meta_url)),
+        _c: fileURLToPath(new URL("./src/components", __vite_injected_original_import_meta_url))
+      }
+    },
+    server: {
+      host: "0.0.0.0",
+      // 允许局域网内的IP访问
+      port: 8060,
+      // 根据环境设置端口
+      open: false,
+      // 自动打开浏览器
+      strictPort: true,
+      // 如果端口已被占用，则尝试下一个可用端口
+      hmr: {
+        overlay: true
+      },
+      proxy: {
+        "/api": {
+          //'/api'是自行设置的请求前缀
+          target: env.VITE_APP_URL,
+          changeOrigin: true,
+          //用于控制请求头中的host值
+          rewrite: (path2) => path2.replace(/^\/api/, "/api")
+          //路径重写，（正则）匹配以api开头的路径为空（将请求前缀删除）
+        }
+      }
+    }
+  };
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJEOlxcXFxwcm9qZWN0XFxcXEZpREFfRnJvbnRcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZmlsZW5hbWUgPSBcIkQ6XFxcXHByb2plY3RcXFxcRmlEQV9Gcm9udFxcXFx2aXRlLmNvbmZpZy50c1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vRDovcHJvamVjdC9GaURBX0Zyb250L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZmlsZVVSTFRvUGF0aCwgVVJMIH0gZnJvbSAnbm9kZTp1cmwnXHJcblxyXG5pbXBvcnQgeyBkZWZpbmVDb25maWcsIGxvYWRFbnYgfSBmcm9tICd2aXRlJ1xyXG5pbXBvcnQgdnVlIGZyb20gJ0B2aXRlanMvcGx1Z2luLXZ1ZSdcclxuaW1wb3J0IEF1dG9JbXBvcnQgZnJvbSAndW5wbHVnaW4tYXV0by1pbXBvcnQvdml0ZSdcclxuaW1wb3J0IENvbXBvbmVudHMgZnJvbSAndW5wbHVnaW4tdnVlLWNvbXBvbmVudHMvdml0ZSdcclxuaW1wb3J0IERlZmluZU9wdGlvbnMgZnJvbSAndW5wbHVnaW4tdnVlLWRlZmluZS1vcHRpb25zL3ZpdGUnXHJcbmltcG9ydCB7IGNyZWF0ZVN2Z0ljb25zUGx1Z2luIH0gZnJvbSAndml0ZS1wbHVnaW4tc3ZnLWljb25zJ1xyXG5pbXBvcnQgcGF0aCBmcm9tICdwYXRoJ1xyXG5pbXBvcnQgeyBFbGVtZW50UGx1c1Jlc29sdmVyIH0gZnJvbSAndW5wbHVnaW4tdnVlLWNvbXBvbmVudHMvcmVzb2x2ZXJzJ1xyXG5cclxuLy8gY29uc29sZS5sb2cocHJvY2VzcylcclxuLy8gY29uc29sZS5sb2coaW1wb3J0Lm1ldGEuZW52LlZJVEVfQVBQX1VSTClcclxuXHJcbi8vIGh0dHBzOi8vdml0ZWpzLmRldi9jb25maWcvXHJcblxyXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoKHsgbW9kZSB9KSA9PiB7XHJcblx0Y29uc3QgZW52ID0gbG9hZEVudihtb2RlLCBwcm9jZXNzLmN3ZCgpKVxyXG5cclxuXHRyZXR1cm4ge1xyXG5cdFx0cGx1Z2luczogW1xyXG5cdFx0XHR2dWUoKSxcclxuXHRcdFx0RGVmaW5lT3B0aW9ucygpLFxyXG5cdFx0XHQvLyAuLi5cclxuXHRcdFx0QXV0b0ltcG9ydCh7XHJcblx0XHRcdFx0cmVzb2x2ZXJzOiBbRWxlbWVudFBsdXNSZXNvbHZlcigpXSxcclxuXHRcdFx0fSksXHJcblx0XHRcdENvbXBvbmVudHMoe1xyXG5cdFx0XHRcdHJlc29sdmVyczogW0VsZW1lbnRQbHVzUmVzb2x2ZXIoKV0sXHJcblx0XHRcdH0pLFxyXG5cdFx0XHRjcmVhdGVTdmdJY29uc1BsdWdpbih7XHJcblx0XHRcdFx0Ly8gXHU2MzA3XHU1QjlBXHU5NzAwXHU4OTgxXHU3RjEzXHU1QjU4XHU3Njg0XHU1NkZFXHU2ODA3XHU2NTg3XHU0RUY2XHU1OTM5XHJcblx0XHRcdFx0aWNvbkRpcnM6IFtwYXRoLnJlc29sdmUocHJvY2Vzcy5jd2QoKSwgJ3NyYy9hc3NldHMvaWNvbnMnKV0sXHJcblx0XHRcdFx0Ly8gXHU2MzA3XHU1QjlBc3ltYm9sSWRcdTY4M0NcdTVGMEZcclxuXHRcdFx0XHRzeW1ib2xJZDogJ2ljb24tW2Rpcl0tW25hbWVdJyxcclxuXHRcdFx0XHRpbmplY3Q6ICdib2R5LWxhc3QnIC8vIFx1NkNFOFx1NTE2NVx1NEY0RFx1N0Y2RVx1NEYxOFx1NTMxNlxyXG5cdFx0XHR9KVxyXG5cdFx0XSxcclxuXHRcdGRlZmluZToge1xyXG5cdFx0XHRfX1ZVRV9QUk9EX0hZRFJBVElPTl9NSVNNQVRDSF9ERVRBSUxTX186IGZhbHNlLFxyXG5cdFx0fSxcclxuXHRcdGNzczoge1xyXG5cdFx0XHRwcmVwcm9jZXNzb3JPcHRpb25zOiB7XHJcblx0XHRcdFx0bGVzczoge1xyXG5cdFx0XHRcdFx0bW9kaWZ5VmFyczoge1xyXG5cdFx0XHRcdFx0XHQncHJpbWFyeS1jb2xvcic6ICcjZWM2ODAwJ1xyXG5cdFx0XHRcdFx0fSxcclxuXHRcdFx0XHRcdGphdmFzY3JpcHRFbmFibGVkOiB0cnVlLFxyXG5cdFx0XHRcdFx0Ly8gXHU1MTY4XHU1QzQwXHU1QkZDXHU1MTY1bGVzc1x1NTNEOFx1OTFDRlx1NjU4N1x1NEVGNlxyXG5cdFx0XHRcdFx0YWRkaXRpb25hbERhdGE6IGBAaW1wb3J0IFwiJHtwYXRoLnJlc29sdmUoX19kaXJuYW1lLCAnc3JjL2Fzc2V0cy9jc3Mvc3R5bGUubGVzcycpfVwiO2BcclxuXHRcdFx0XHR9XHJcblx0XHRcdH1cclxuXHRcdH0sXHJcblx0XHRyZXNvbHZlOiB7XHJcblx0XHRcdGFsaWFzOiB7XHJcblx0XHRcdFx0J0AnOiBmaWxlVVJMVG9QYXRoKG5ldyBVUkwoJy4vc3JjJywgaW1wb3J0Lm1ldGEudXJsKSksXHJcblx0XHRcdFx0X2M6IGZpbGVVUkxUb1BhdGgobmV3IFVSTCgnLi9zcmMvY29tcG9uZW50cycsIGltcG9ydC5tZXRhLnVybCkpXHJcblx0XHRcdH1cclxuXHRcdH0sXHJcblx0XHRzZXJ2ZXI6IHtcclxuXHRcdFx0aG9zdDogJzAuMC4wLjAnLCAvLyBcdTUxNDFcdThCQjhcdTVDNDBcdTU3REZcdTdGNTFcdTUxODVcdTc2ODRJUFx1OEJCRlx1OTVFRVxyXG5cdFx0XHRwb3J0OiA4MDYwLCAvLyBcdTY4MzlcdTYzNkVcdTczQUZcdTU4ODNcdThCQkVcdTdGNkVcdTdBRUZcdTUzRTNcclxuXHRcdFx0b3BlbjogZmFsc2UsIC8vIFx1ODFFQVx1NTJBOFx1NjI1M1x1NUYwMFx1NkQ0Rlx1ODlDOFx1NTY2OFxyXG5cdFx0XHRzdHJpY3RQb3J0OiB0cnVlLCAvLyBcdTU5ODJcdTY3OUNcdTdBRUZcdTUzRTNcdTVERjJcdTg4QUJcdTUzNjBcdTc1MjhcdUZGMENcdTUyMTlcdTVDMURcdThCRDVcdTRFMEJcdTRFMDBcdTRFMkFcdTUzRUZcdTc1MjhcdTdBRUZcdTUzRTNcclxuXHRcdFx0aG1yOiB7XHJcblx0XHRcdFx0b3ZlcmxheTogdHJ1ZVxyXG5cdFx0XHR9LFxyXG5cdFx0XHRwcm94eToge1xyXG5cdFx0XHRcdCcvYXBpJzoge1xyXG5cdFx0XHRcdFx0Ly8nL2FwaSdcdTY2MkZcdTgxRUFcdTg4NENcdThCQkVcdTdGNkVcdTc2ODRcdThCRjdcdTZDNDJcdTUyNERcdTdGMDBcclxuXHRcdFx0XHRcdHRhcmdldDogZW52LlZJVEVfQVBQX1VSTCxcclxuXHRcdFx0XHRcdGNoYW5nZU9yaWdpbjogdHJ1ZSwgLy9cdTc1MjhcdTRFOEVcdTYzQTdcdTUyMzZcdThCRjdcdTZDNDJcdTU5MzRcdTRFMkRcdTc2ODRob3N0XHU1MDNDXHJcblx0XHRcdFx0XHRyZXdyaXRlOiAocGF0aCkgPT4gcGF0aC5yZXBsYWNlKC9eXFwvYXBpLywgJy9hcGknKSAvL1x1OERFRlx1NUY4NFx1OTFDRFx1NTE5OVx1RkYwQ1x1RkYwOFx1NkI2M1x1NTIxOVx1RkYwOVx1NTMzOVx1OTE0RFx1NEVFNWFwaVx1NUYwMFx1NTkzNFx1NzY4NFx1OERFRlx1NUY4NFx1NEUzQVx1N0E3QVx1RkYwOFx1NUMwNlx1OEJGN1x1NkM0Mlx1NTI0RFx1N0YwMFx1NTIyMFx1OTY2NFx1RkYwOVxyXG5cdFx0XHRcdH1cclxuXHRcdFx0fVxyXG5cdFx0fVxyXG5cdH1cclxufSlcclxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUF1UCxTQUFTLGVBQWUsV0FBVztBQUUxUixTQUFTLGNBQWMsZUFBZTtBQUN0QyxPQUFPLFNBQVM7QUFDaEIsT0FBTyxnQkFBZ0I7QUFDdkIsT0FBTyxnQkFBZ0I7QUFDdkIsT0FBTyxtQkFBbUI7QUFDMUIsU0FBUyw0QkFBNEI7QUFDckMsT0FBTyxVQUFVO0FBQ2pCLFNBQVMsMkJBQTJCO0FBVHBDLElBQU0sbUNBQW1DO0FBQThHLElBQU0sMkNBQTJDO0FBZ0J4TSxJQUFPLHNCQUFRLGFBQWEsQ0FBQyxFQUFFLEtBQUssTUFBTTtBQUN6QyxRQUFNLE1BQU0sUUFBUSxNQUFNLFFBQVEsSUFBSSxDQUFDO0FBRXZDLFNBQU87QUFBQSxJQUNOLFNBQVM7QUFBQSxNQUNSLElBQUk7QUFBQSxNQUNKLGNBQWM7QUFBQTtBQUFBLE1BRWQsV0FBVztBQUFBLFFBQ1YsV0FBVyxDQUFDLG9CQUFvQixDQUFDO0FBQUEsTUFDbEMsQ0FBQztBQUFBLE1BQ0QsV0FBVztBQUFBLFFBQ1YsV0FBVyxDQUFDLG9CQUFvQixDQUFDO0FBQUEsTUFDbEMsQ0FBQztBQUFBLE1BQ0QscUJBQXFCO0FBQUE7QUFBQSxRQUVwQixVQUFVLENBQUMsS0FBSyxRQUFRLFFBQVEsSUFBSSxHQUFHLGtCQUFrQixDQUFDO0FBQUE7QUFBQSxRQUUxRCxVQUFVO0FBQUEsUUFDVixRQUFRO0FBQUE7QUFBQSxNQUNULENBQUM7QUFBQSxJQUNGO0FBQUEsSUFDQSxRQUFRO0FBQUEsTUFDUCx5Q0FBeUM7QUFBQSxJQUMxQztBQUFBLElBQ0EsS0FBSztBQUFBLE1BQ0oscUJBQXFCO0FBQUEsUUFDcEIsTUFBTTtBQUFBLFVBQ0wsWUFBWTtBQUFBLFlBQ1gsaUJBQWlCO0FBQUEsVUFDbEI7QUFBQSxVQUNBLG1CQUFtQjtBQUFBO0FBQUEsVUFFbkIsZ0JBQWdCLFlBQVksS0FBSyxRQUFRLGtDQUFXLDJCQUEyQjtBQUFBLFFBQ2hGO0FBQUEsTUFDRDtBQUFBLElBQ0Q7QUFBQSxJQUNBLFNBQVM7QUFBQSxNQUNSLE9BQU87QUFBQSxRQUNOLEtBQUssY0FBYyxJQUFJLElBQUksU0FBUyx3Q0FBZSxDQUFDO0FBQUEsUUFDcEQsSUFBSSxjQUFjLElBQUksSUFBSSxvQkFBb0Isd0NBQWUsQ0FBQztBQUFBLE1BQy9EO0FBQUEsSUFDRDtBQUFBLElBQ0EsUUFBUTtBQUFBLE1BQ1AsTUFBTTtBQUFBO0FBQUEsTUFDTixNQUFNO0FBQUE7QUFBQSxNQUNOLE1BQU07QUFBQTtBQUFBLE1BQ04sWUFBWTtBQUFBO0FBQUEsTUFDWixLQUFLO0FBQUEsUUFDSixTQUFTO0FBQUEsTUFDVjtBQUFBLE1BQ0EsT0FBTztBQUFBLFFBQ04sUUFBUTtBQUFBO0FBQUEsVUFFUCxRQUFRLElBQUk7QUFBQSxVQUNaLGNBQWM7QUFBQTtBQUFBLFVBQ2QsU0FBUyxDQUFDQSxVQUFTQSxNQUFLLFFBQVEsVUFBVSxNQUFNO0FBQUE7QUFBQSxRQUNqRDtBQUFBLE1BQ0Q7QUFBQSxJQUNEO0FBQUEsRUFDRDtBQUNELENBQUM7IiwKICAibmFtZXMiOiBbInBhdGgiXQp9Cg==

From 382b37890f4a47c49b0048376111fd26c62bdb3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C2=B4=C3=B3=C2=B8=C3=A7?= <zpli@aidlab.hk>
Date: Wed, 25 Feb 2026 10:21:07 +0800
Subject: [PATCH 5/5] 111

---
 .../canvas/components/node/InputNode.vue      | 26 ---------------
 .../canvas/components/node/secondaryNode.vue  | 33 -------------------
 2 files changed, 59 deletions(-)
 delete mode 100644 src/views/canvas/components/node/InputNode.vue
 delete mode 100644 src/views/canvas/components/node/secondaryNode.vue

diff --git a/src/views/canvas/components/node/InputNode.vue b/src/views/canvas/components/node/InputNode.vue
deleted file mode 100644
index cce43fc..0000000
--- a/src/views/canvas/components/node/InputNode.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts" setup>
-import { Handle, Position } from '@vue-flow/core'
-import { ref } from 'vue'
-const props = defineProps<{
-	data: {
-		type: Object,
-		default: () => ({
-			id: '',
-		})
-	}
-}>()
-
-</script>
-
-<template>
-	<div class="node start">
-		<Handle type="source" style="top: 40px;" id="Right" :position="Position.Right" />
-		<div class="item">
-			<slot name="content"></slot>
-		</div>
-	</div>
-</template>
-
-<style lang="less" scoped>
-
-</style>
diff --git a/src/views/canvas/components/node/secondaryNode.vue b/src/views/canvas/components/node/secondaryNode.vue
deleted file mode 100644
index ca2d09e..0000000
--- a/src/views/canvas/components/node/secondaryNode.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts" setup>
-import { Handle, Position } from '@vue-flow/core'
-import { ref } from 'vue'
-const props = defineProps<{
-	data: {
-		type: Object,
-		default: () => ({
-			id: '',
-		})
-	},
-}>()
-
-</script>
-<!-- source输入，target输出 -->
-<template>
-	<div class="node">
-		<Handle type="target" style="top: 40px;" id="Left" :position="Position.Left" />
-		<Handle type="source" style="top: 40px;" id="Right" :position="Position.Right" />
-		<!-- <Handle type="source" id="Right" :position="Position.Right" />
-		<Handle type="target" id="Left" :position="Position.Left" /> -->
-		<!-- <div>{{ props.data.id }}</div> -->
-		<div class="item">
-			<slot name="content"></slot>
-		</div>
-	</div>
-</template>
-
-<style lang="less" scoped>
-.node{
-	.item{
-	}
-}
-</style>