From 53d957250852841eab970a99fa3c76e8248b18b5 Mon Sep 17 00:00:00 2001
From: ryan <ryan@arctel.net>
Date: Sun, 19 Jul 2026 11:48:54 +0800
Subject: [PATCH] =?UTF-8?q?refactor(waf):=20=E7=A7=BB=E9=99=A4=E8=A7=84?=
 =?UTF-8?q?=E5=88=99=E7=94=BB=E5=B8=83=E5=8F=B3=E4=B8=8A=E8=A7=92=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

删除改为右键菜单与键盘快捷键。
---
 .../editor/components/rule-flow-canvas.tsx    | 43 -------------------
 1 file changed, 43 deletions(-)

diff --git a/frontend/app/(main)/waf/rules/editor/components/rule-flow-canvas.tsx b/frontend/app/(main)/waf/rules/editor/components/rule-flow-canvas.tsx
index 3ed55312..07ba89b9 100644
--- a/frontend/app/(main)/waf/rules/editor/components/rule-flow-canvas.tsx
+++ b/frontend/app/(main)/waf/rules/editor/components/rule-flow-canvas.tsx
@@ -28,7 +28,6 @@ import {
 import { Trash2 } from 'lucide-react';
 import '@xyflow/react/dist/style.css';
 
-import { Button } from '@/components/ui/button';
 import type { WAFRuleEdge, WAFRuleGraph } from '@/lib/services/openflare';
 import { cn } from '@/lib/utils';
 
@@ -251,22 +250,6 @@ export function RuleFlowCanvas({
     [addNodeAt],
   );
 
-  const selectedNode = graph.nodes.find((node) => node.id === selectedId);
-  const canDeleteNode = Boolean(
-    selectedNode && !['start', 'allow'].includes(selectedNode.type),
-  );
-  const canDeleteEdge = Boolean(
-    selectedEdgeId && graph.edges.some((edge) => edge.id === selectedEdgeId),
-  );
-  const canDelete = canDeleteNode || canDeleteEdge;
-  const deleteLabel = canDeleteEdge
-    ? '删除连线'
-    : canDeleteNode
-      ? '删除节点'
-      : selectedNode
-        ? '系统节点不可删除'
-        : '请选择可删除项';
-
   const deleteNodeById = useCallback(
     (nodeId: string) => {
       const target = graph.nodes.find((node) => node.id === nodeId);
@@ -303,21 +286,6 @@ export function RuleFlowCanvas({
     [graph, onGraphChange, onSelectEdge, selectedEdgeId, setEdges],
   );
 
-  const deleteSelection = useCallback(() => {
-    if (canDeleteEdge && selectedEdgeId) {
-      deleteEdgeById(selectedEdgeId);
-      return;
-    }
-    if (canDeleteNode && selectedId) deleteNodeById(selectedId);
-  }, [
-    canDeleteEdge,
-    canDeleteNode,
-    deleteEdgeById,
-    deleteNodeById,
-    selectedEdgeId,
-    selectedId,
-  ]);
-
   const openNodeContextMenu = useCallback(
     (event: ReactMouseEvent, node: FlowNode) => {
       event.preventDefault();
@@ -378,17 +346,6 @@ export function RuleFlowCanvas({
       <div className='absolute left-4 top-4 z-10 rounded-lg border bg-background/95 p-2 shadow-sm backdrop-blur'>
         <NodeLibrary />
       </div>
-      <div className='absolute right-4 top-4 z-10'>
-        <Button
-          variant='destructive'
-          size='sm'
-          disabled={!canDelete}
-          onClick={deleteSelection}
-        >
-          <Trash2 data-icon='inline-start' />
-          {deleteLabel}
-        </Button>
-      </div>
       <ReactFlow
         nodes={nodes}
         edges={edges}