Feature/editor optimization (#251)

* refactor: 编辑器/运行时架构拆分与构建系统升级 * feat(core): 层级系统重构与UI变换矩阵修复 * refactor: 移除 ecs-components 聚合包并修复跨包组件查找问题 * fix(physics): 修复跨包组件类引用问题 * feat: 统一运行时架构与浏览器运行支持 * feat(asset): 实现浏览器运行时资产加载系统 * fix: 修复文档、CodeQL安全问题和CI类型检查错误 * fix: 修复文档、CodeQL安全问题和CI类型检查错误 * fix: 修复文档、CodeQL安全问题、CI类型检查和测试错误 * test: 补齐核心模块测试用例，修复CI构建配置 * fix: 修复测试用例中的类型错误和断言问题 * fix: 修复 turbo build:npm 任务的依赖顺序问题 * fix: 修复 CI 构建错误并优化构建性能
2025-12-01 22:28:51 +08:00
parent 189714c727
commit b42a7b4e43
468 changed files with 18301 additions and 9075 deletions
--- a/packages/behavior-tree-editor/src/hooks/useKeyboardShortcuts.ts
+++ b/packages/behavior-tree-editor/src/hooks/useKeyboardShortcuts.ts
@@ -0,0 +1,72 @@
+import { useEffect } from '@esengine/editor-runtime';
+import { Connection, ROOT_NODE_ID } from '../stores';
+import { useNodeOperations } from './useNodeOperations';
+import { useConnectionOperations } from './useConnectionOperations';
+
+interface UseKeyboardShortcutsParams {
+    selectedNodeIds: string[];
+    selectedConnection: { from: string; to: string } | null;
+    connections: Connection[];
+    nodeOperations: ReturnType<typeof useNodeOperations>;
+    connectionOperations: ReturnType<typeof useConnectionOperations>;
+    setSelectedNodeIds: (ids: string[]) => void;
+    setSelectedConnection: (connection: { from: string; to: string } | null) => void;
+}
+
+export function useKeyboardShortcuts(params: UseKeyboardShortcutsParams) {
+    const {
+        selectedNodeIds,
+        selectedConnection,
+        connections,
+        nodeOperations,
+        connectionOperations,
+        setSelectedNodeIds,
+        setSelectedConnection
+    } = params;
+
+    useEffect(() => {
+        const handleKeyDown = (e: KeyboardEvent) => {
+            const activeElement = document.activeElement;
+            const isEditingText = activeElement instanceof HTMLInputElement ||
+                                 activeElement instanceof HTMLTextAreaElement ||
+                                 activeElement instanceof HTMLSelectElement ||
+                                 (activeElement as HTMLElement)?.isContentEditable;
+
+            if (isEditingText) {
+                return;
+            }
+
+            if (e.key === 'Delete' || e.key === 'Backspace') {
+                e.preventDefault();
+
+                if (selectedConnection) {
+                    const conn = connections.find(
+                        (c: Connection) => c.from === selectedConnection.from && c.to === selectedConnection.to
+                    );
+                    if (conn) {
+                        connectionOperations.removeConnection(
+                            conn.from,
+                            conn.to,
+                            conn.fromProperty,
+                            conn.toProperty
+                        );
+                    }
+
+                    setSelectedConnection(null);
+                    return;
+                }
+
+                if (selectedNodeIds.length > 0) {
+                    const nodesToDelete = selectedNodeIds.filter((id: string) => id !== ROOT_NODE_ID);
+                    if (nodesToDelete.length > 0) {
+                        nodeOperations.deleteNodes(nodesToDelete);
+                        setSelectedNodeIds([]);
+                    }
+                }
+            }
+        };
+
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [selectedNodeIds, selectedConnection, nodeOperations, connectionOperations, connections, setSelectedNodeIds, setSelectedConnection]);
+}