Inspector 节点支持删除

为节点 Inspector 增加删除节点及子节点按钮。

apps/ai-game-creator-shell/src/view/ui-editor/components/Inspector/InspectorSidebar.tsx

@@ -105,6 +105,11 @@ export function InspectorSidebar({
           onInsertComponent={controller.insertNodeComponent}
           onDeleteComponent={controller.deleteNodeComponent}
           onMoveComponent={controller.moveNodeComponent}
+          onDeleteNode={() => controller.deleteNode(view.node.id)}
+          deleteDisabled={
+            controller.editor.isLocked ||
+            view.node.id === controller.treeForActiveImage?.root.id
+          }
         />
       );
       break;
@@ -271,6 +276,8 @@ function NodeInspector({
   onInsertComponent,
   onDeleteComponent,
   onMoveComponent,
+  onDeleteNode,
+  deleteDisabled,
 }: {
   node: SelectedNode;
   parentSize: UiEditorPageController['selectedNodeParentSize'];
@@ -291,6 +298,8 @@ function NodeInspector({
   onInsertComponent: UiEditorPageController['insertNodeComponent'];
   onDeleteComponent: UiEditorPageController['deleteNodeComponent'];
   onMoveComponent: UiEditorPageController['moveNodeComponent'];
+  onDeleteNode: () => void;
+  deleteDisabled: boolean;
 }) {
   const inspectorReadOnly = useInspectorReadOnly();
   const isReadOnly = readOnly || inspectorReadOnly;
@@ -448,6 +457,13 @@ function NodeInspector({
         onMoveComponent={onMoveComponent}
       />
       <ResourceId value={node.id} />
+      <DeleteResourceButton
+        label="删除节点及子节点"
+        disabled={deleteDisabled || isReadOnly}
+        onClick={() => {
+          if (!deleteDisabled && !isReadOnly) onDeleteNode();
+        }}
+      />
     </div>
   );
 }