Merge branch 'main' of http://18.167.251.121:10003/aidlab/FiDA_Front

src/components/Canvas/FlowCanvas/components/nodes/result-image.vue

@@ -48,7 +48,7 @@
 			default: () => ({})
 		}
 	})
-	const emit = defineEmits(['delete-node', 'copy-node'])
+	const emit = defineEmits(['delete-node', 'copy-node', 'bring-to-font', 'send-to-back', 'flip-horizontal', 'flip-vertical'])
 	const attrs = useAttrs()
 	const showHeader = ref(!!attrs.node?.data?.isHeader)
 	const showMenu = ref(false)
@@ -73,8 +73,8 @@
 		{ label: 'Bring to font', tip: '', on: () => {} },
 		{ label: 'Send to back', tip: '', on: () => {} },
 		{ isDivide: true },
-		{ label: 'Flip horizontal', tip: '', on: () => {} },
-		{ label: 'Flip vertical', tip: '', on: () => {} }
+		{ label: 'Flip horizontal', tip: '', on: () => {emit('flip-horizontal')} },
+		{ label: 'Flip vertical', tip: '', on: () => {emit('flip-vertical')} }
 	])
 	const onMenuItem = (v) => {
 		if (v.disabled) return

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

@@ -34,6 +34,10 @@
 						@delete-node="deleteNode(node.id)"
 						@copy-node="copyNode(node.id)"
 						@update-data="(v) => (node.data.data = v)"
+						@bring-to-font="bringToFont(node.id)"
+						@send-to-back="sendToBack(node.id)"
+						@flip-horizontal="flipHorizontal(node.id)"
+						@flip-vertical="flipVertical(node.id)"
 					/>
 				</node>
 			</template>
@@ -139,7 +143,23 @@
 	}
 	/** 复制节点 */
 	const copyNode = (id) => {
-		console.log('复制：', id)
+		nodeManager.copyNodeById(id)
+	}
+	/** 节点zIndex设置最大 */
+	const bringToFont = (id) => {
+		// nodeManager.bringToFont(id)
+	}
+	/** 节点zIndex设置最小 */
+	const sendToBack = (id) => {
+		// nodeManager.sendToBack(id)
+	}
+	/** 水平翻转 */
+	const flipHorizontal = (id) => {
+		// nodeManager.flipHorizontal(id)
+	}
+	/** 垂直翻转 */
+	const flipVertical = (id) => {
+		// nodeManager.flipVertical(id)
 	}
 
 	// 导出流程

src/components/Canvas/FlowCanvas/manager/NodeManager.ts

@@ -100,4 +100,21 @@ export class NodeManager {
 		}
 		return this.createNode(options_)
 	}
+	
+	copyNodeById(id: string) {
+		const node = this.stateManager.getNodeById(id)
+		const flowNode = this.stateManager.flowManager.getNodeById(id)
+		console.log(node,this.stateManager.flowManager.getNodeById(id))
+		if (!node) return console.warn(`copyNodeById: ${id}找不到对应节点`)
+		const node_ = {
+			...JSON.parse(JSON.stringify(node)),
+			id: createId(),
+			position: {
+				x: node.position.x,
+				y: node.position.y + (flowNode?.dimensions?.height || 0) + 50,
+			}
+		}
+		this.stateManager.addNode(node_)
+		// return this.createNode(options_)
+	}
 }

src/components/Canvas/FlowCanvas/manager/StateManager.ts

@@ -127,4 +127,12 @@ export class StateManager {
 	setNodesDraggable(v: boolean) { this.nodesDraggable.value = v }
 	/** 设置是否可以平移画布 */
 	setPanOnDrag(v: boolean) { this.panOnDrag.value = v }
+	/** 获取节点最大zIndex值 */
+	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)
+	}
 }