画布

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

@@ -21,7 +21,11 @@ export class NodeManager {
 
 	/** 删除节点 */
 	deleteNode(id: string) {
-		this.stateManager.nodes.value = this.stateManager.nodes.value.filter((node: any) => node.id !== id)
+		this.stateManager.deleteNode(id)
+	}
+	/** 添加节点 */
+	addNode(node: any) {
+		this.stateManager.addNode(node)
 	}
 
 	/** 创建节点 */
@@ -33,46 +37,47 @@ export class NodeManager {
 		const position = options.position ||
 			!lastNode ? { x: positionX, y: positionY } :
 			{ x: lastNode.position.x + lastNode.dimensions.width + 50 + positionX, y: lastNode.position.y + positionY }
-		const data = { ...(options?.data || {}) }
+		const data = options?.data || {}
 		data['component'] = options.component
 		const options_ = {
 			id,
 			position,
 			data
 		}
-		this.stateManager.nodes.value.push(options_)
+		this.addNode(options_)
 		return options_;
 	}
 	/** 创建结果节点 */
 	createResultNode(options?: NodeOptions) {
 		const options_ = {
+			...(options ? options : {}),
 			component: resultImage,
 			data: {
 				type: NODE_DATATYPE.RESULT_IMAGE,
+				isHeader: true,
 				...(options?.data || {}),
 			},
-			...(options ? options : {}),
 		}
 		return this.createNode(options_)
 	}
 	/** 创建卡片选择节点 */
 	createCardsSelect(options?: NodeOptions) {
 		const options_ = {
+			...(options ? options : {}),
 			component: card,
 			positionY: 50,
 			data: {
 				type: NODE_DATATYPE.CARDS_SELECT,
 				...(options?.data || {}),
 			},
-			...(options ? options : {}),
 		}
 		return this.createNode(options_)
 	}
 	/** 创建卡片节点 */
 	createCardNode(options?: NodeOptions) {
 		const options_ = {
-			component: card,
 			...(options ? options : {}),
+			component: card,
 		}
 		return this.createNode(options_)
 	}