feat: add select parent node of selected node

NetEase · May 20, 2024 · e7e2c7b · e7e2c7b
1 parent f17ccbb
commit e7e2c7b
Show file tree

Hide file tree

Showing 7 changed files with 48 additions and 2 deletions.
diff --git a/packages/core/src/models/interfaces.ts b/packages/core/src/models/interfaces.ts
@@ -200,6 +200,7 @@ export interface IWorkspace {
 
   // ----------------- 节点操作 -----------------
 
+  selectParentNode: () => void;
   removeSelectedNode: () => void;
   cloneSelectedNode: () => void;
   copySelectedNode: () => void;

diff --git a/packages/core/src/models/workspace.ts b/packages/core/src/models/workspace.ts
@@ -865,6 +865,20 @@ export class Workspace extends EventTarget implements IWorkspace {
       });
   }
 
+  /**
+   * 选中当前选中节点的父节点
+   */
+  selectParentNode() {
+    const parents = this.selectSource?.first?.parents || [];
+    if (parents.length) {
+      const [parent, ...rest] = parents;
+      this.selectSource.select({
+        ...parent,
+        parents: rest,
+      });
+    }
+  }
+
   /**
    * 删除选中节点
    */

diff --git a/packages/designer/src/dnd/use-dnd.ts b/packages/designer/src/dnd/use-dnd.ts
@@ -58,6 +58,9 @@ export function useDnd({
       'command+v,ctrl+v': () => {
         workspace.pasteSelectedNode();
       },
+      'command+arrowup,ctrl+arrowup': () => {
+        workspace.selectParentNode();
+      },
       'command+z,ctrl+z': () => {
         workspace.history.back();
       },

diff --git a/packages/designer/src/selection-menu/index.ts b/packages/designer/src/selection-menu/index.ts
@@ -1,3 +1,4 @@
 export * from './copy-node';
 export * from './delete-node';
+export * from './parent-node';
 export * from './view-source';
diff --git a/packages/designer/src/selection-menu/parent-node.tsx b/packages/designer/src/selection-menu/parent-node.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import { useWorkspace, observer } from '@music163/tango-context';
+import { SelectAction } from '@music163/tango-ui';
+import { EnterOutlined } from '@ant-design/icons';
+
+export const ParentNodeAction = observer(() => {
+  const workspace = useWorkspace();
+
+  return (
+    <SelectAction
+      tooltip="选中父节点"
+      onClick={() => {
+        workspace.selectParentNode();
+      }}
+    >
+      <EnterOutlined rotate={90} />
+    </SelectAction>
+  );
+});
diff --git a/packages/designer/src/simulator/selection.tsx b/packages/designer/src/simulator/selection.tsx
@@ -24,7 +24,9 @@ export interface SelectionToolsProps {
 }
 
 export const SelectionTools = observer(
-  ({ actions: actionsProp = ['viewSource', 'copyNode', 'deleteNode'] }: SelectionToolsProps) => {
+  ({
+    actions: actionsProp = ['viewSource', 'copyNode', 'deleteNode', 'parentNode'],
+  }: SelectionToolsProps) => {
     const workspace = useWorkspace();
     const selectSource = workspace.selectSource;
     const actions = actionsProp.map((item) => {

diff --git a/packages/designer/src/widgets.ts b/packages/designer/src/widgets.ts
@@ -13,7 +13,12 @@ import {
   OutlinePanel,
   VariablePanel,
 } from './sidebar';
-import { CopyNodeAction, DeleteNodeAction, ViewSourceAction } from './selection-menu';
+import {
+  CopyNodeAction,
+  DeleteNodeAction,
+  ViewSourceAction,
+  ParentNodeAction,
+} from './selection-menu';
 
 const widgets = {};
 
@@ -48,4 +53,5 @@ registerWidget('sidebar.dataSource', DataSourcePanel);
 
 registerWidget('selectionMenu.copyNode', CopyNodeAction);
 registerWidget('selectionMenu.deleteNode', DeleteNodeAction);
+registerWidget('selectionMenu.parentNode', ParentNodeAction);
 registerWidget('selectionMenu.viewSource', ViewSourceAction);