fix: workflow auto layout nodes offset & delete node shortcuts (#3484)

langgenius · Apr 15, 2024 · d965b91 · d965b91
1 parent 459bed9
commit d965b91
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/web/app/components/workflow/index.tsx b/web/app/components/workflow/index.tsx
@@ -138,7 +138,7 @@ const Workflow: FC<WorkflowProps> = memo(({
   })
 
   useKeyPress(['delete'], handleEdgeDelete)
-  useKeyPress(['delete'], handleNodeDeleteSelected)
+  useKeyPress(['delete', 'backspace'], handleNodeDeleteSelected)
   useKeyPress(['ctrl.c', 'meta.c'], handleNodeCopySelected)
   useKeyPress(['ctrl.x', 'meta.x'], handleNodeCut)
   useKeyPress(['ctrl.v', 'meta.v'], handleNodePaste)

diff --git a/web/app/components/workflow/utils.ts b/web/app/components/workflow/utils.ts
@@ -175,8 +175,8 @@ export const getLayoutByDagre = (originNodes: Node[], originEdges: Edge[]) => {
   dagreGraph.setGraph({
     rankdir: 'LR',
     align: 'UL',
-    nodesep: 64,
-    ranksep: 40,
+    nodesep: 40,
+    ranksep: 60,
   })
   nodes.forEach((node) => {
     dagreGraph.setNode(node.id, { width: node.width, height: node.height })