Refactor/clean architecture phase1 (#215)

* refactor(editor): 建立Clean Architecture领域模型层 * refactor(editor): 实现应用层架构 - 命令模式、用例和状态管理 * refactor(editor): 实现展示层核心Hooks * refactor(editor): 实现基础设施层和展示层组件 * refactor(editor): 迁移画布和连接渲染到 Clean Architecture 组件 * feat(editor): 集成应用层架构和命令模式，实现撤销/重做功能 * refactor(editor): UI组件拆分 * refactor(editor): 提取快速创建菜单逻辑 * refactor(editor): 重构BehaviorTreeEditor，提取组件和Hook * refactor(editor): 提取端口连接和键盘事件Hook * refactor(editor): 提取拖放处理Hook * refactor(editor): 提取画布交互Hook和工具函数 * refactor(editor): 完成核心重构 * fix(editor): 修复节点无法创建和连接 * refactor(behavior-tree,editor): 重构节点子节点约束系统，实现元数据驱动的架构
2025-11-03 21:22:16 +08:00
parent 40cde9c050
commit adfc7e91b3
104 changed files with 8232 additions and 2506 deletions
--- a/packages/editor-app/src/presentation/hooks/useConnectionOperations.ts
+++ b/packages/editor-app/src/presentation/hooks/useConnectionOperations.ts
@@ -0,0 +1,61 @@
+import { useCallback, useMemo } from 'react';
+import { ConnectionType } from '../../domain/models/Connection';
+import { IValidator } from '../../domain/interfaces/IValidator';
+import { CommandManager } from '../../application/commands/CommandManager';
+import { TreeStateAdapter } from '../../application/state/BehaviorTreeDataStore';
+import { AddConnectionUseCase } from '../../application/use-cases/AddConnectionUseCase';
+import { RemoveConnectionUseCase } from '../../application/use-cases/RemoveConnectionUseCase';
+
+/**
+ * 连接操作 Hook
+ */
+export function useConnectionOperations(
+    validator: IValidator,
+    commandManager: CommandManager
+) {
+    const treeState = useMemo(() => new TreeStateAdapter(), []);
+
+    const addConnectionUseCase = useMemo(
+        () => new AddConnectionUseCase(commandManager, treeState, validator),
+        [commandManager, treeState, validator]
+    );
+
+    const removeConnectionUseCase = useMemo(
+        () => new RemoveConnectionUseCase(commandManager, treeState),
+        [commandManager, treeState]
+    );
+
+    const addConnection = useCallback((
+        from: string,
+        to: string,
+        connectionType: ConnectionType = 'node',
+        fromProperty?: string,
+        toProperty?: string
+    ) => {
+        try {
+            return addConnectionUseCase.execute(from, to, connectionType, fromProperty, toProperty);
+        } catch (error) {
+            console.error('添加连接失败:', error);
+            throw error;
+        }
+    }, [addConnectionUseCase]);
+
+    const removeConnection = useCallback((
+        from: string,
+        to: string,
+        fromProperty?: string,
+        toProperty?: string
+    ) => {
+        try {
+            removeConnectionUseCase.execute(from, to, fromProperty, toProperty);
+        } catch (error) {
+            console.error('移除连接失败:', error);
+            throw error;
+        }
+    }, [removeConnectionUseCase]);
+
+    return useMemo(() => ({
+        addConnection,
+        removeConnection
+    }), [addConnection, removeConnection]);
+}