From 8436ea74d401a163e1bb6e3a3a2bb20c2812cc3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=88=9A=E8=BE=B0=E5=85=88=E7=94=9F?= <qichen111@126.com>
Date: Thu, 5 Dec 2024 14:54:35 +0800
Subject: [PATCH] 1

---
 backend/docs/backend-development-guide.md     | 70 +++++++++----------
 .../Edit/components/FlowDesigner/index.tsx    |  6 ++
 2 files changed, 39 insertions(+), 37 deletions(-)

diff --git a/backend/docs/backend-development-guide.md b/backend/docs/backend-development-guide.md
index c3d8cd81..750f325c 100644
--- a/backend/docs/backend-development-guide.md
+++ b/backend/docs/backend-development-guide.md
@@ -4,51 +4,47 @@
 
 ### 1. 工作流定义管理 (WorkflowDefinitionApiController)
 
-#### 1.1 保存工作流设计
+#### 1.1 更新工作流定义
 ```typescript
-POST /api/v1/workflow-definitions/{id}/design
+PUT /api/v1/workflow-definitions/{id}
 Request: {
-  nodes: [{
-    id: string;
-    type: string;
-    position: { x: number; y: number };
-    data: {
-      name: string;
-      description?: string;
-      config: Record<string, any>;
-    }
-  }];
-  edges: [{
-    id: string;
-    source: string;
-    target: string;
-    type: string;
-    data?: {
-      condition?: string;
-    }
-  }]
+  // 基本信息
+  code: string;        // 工作流编码
+  name: string;        // 工作流名称
+  description: string; // 工作流描述
+  version: number;     // 版本号
+  
+  // 设计数据
+  design?: {
+    nodes: [{
+      id: string;
+      type: string;
+      position: { x: number; y: number };
+      data: {
+        name: string;
+        description?: string;
+        config: Record<string, any>;
+      }
+    }];
+    edges: [{
+      id: string;
+      source: string;
+      target: string;
+      type: string;
+      data?: {
+        condition?: string;
+      }
+    }]
+  }
 }
 Response: {
   code: number;
-  data: boolean;
+  data: WorkflowDefinitionDTO;
   message: string;
 }
 ```
 
-#### 1.2 获取工作流设计
-```typescript
-GET /api/v1/workflow-definitions/{id}/design
-Response: {
-  code: number;
-  data: {
-    nodes: Node[];
-    edges: Edge[];
-  };
-  message: string;
-}
-```
-
-#### 1.3 导入工作流定义
+#### 1.2 导入工作流定义（待实现）
 ```typescript
 POST /api/v1/workflow-definitions/import
 Request: FormData {
@@ -61,7 +57,7 @@ Response: {
 }
 ```
 
-#### 1.4 导出工作流定义
+#### 1.3 导出工作流定义（待实现）
 ```typescript
 GET /api/v1/workflow-definitions/{id}/export
 Response: File  // JSON格式的工作流定义文件
diff --git a/frontend/src/pages/Workflow/Definition/Edit/components/FlowDesigner/index.tsx b/frontend/src/pages/Workflow/Definition/Edit/components/FlowDesigner/index.tsx
index e3dfbd21..43b39b8b 100644
--- a/frontend/src/pages/Workflow/Definition/Edit/components/FlowDesigner/index.tsx
+++ b/frontend/src/pages/Workflow/Definition/Edit/components/FlowDesigner/index.tsx
@@ -304,6 +304,12 @@ const FlowDesigner: React.FC<FlowDesignerProps> = ({
             graph.on('node:moved', updateGraph);
             graph.on('edge:connected', updateGraph);
             graph.on('cell:removed', updateGraph);
+
+            // 添加边的右键菜单删除功能
+            graph.on('edge:contextmenu', ({ cell, e }) => {
+                e.preventDefault();
+                cell.remove();
+            });
         }
 
         // 加载流程数据