feat: 节点操作日志

Author: kqcoxn

src/components/flow/nodes/GroupNode.tsx

@@ -66,8 +66,13 @@ const GroupContent = memo(
     );
 
     const handleTitleBlur = useCallback(() => {
-      saveHistory(0);
-    }, [saveHistory]);
+      saveHistory(0, {
+        category: "group",
+        action: "update",
+        description: "编辑分组标题",
+        targetIds: [nodeId],
+      });
+    }, [saveHistory, nodeId]);
 
     return (
       <div

src/components/flow/nodes/StickerNode.tsx

@@ -80,8 +80,13 @@ const StickerContent = memo(
     // 退出编辑
     const handleBlur = useCallback(() => {
       setEditing(false);
-      saveHistory(0);
-    }, [saveHistory]);
+      saveHistory(0, {
+        category: "node",
+        action: "update",
+        description: "编辑便签内容",
+        targetIds: [nodeId],
+      });
+    }, [saveHistory, nodeId]);
 
     // 内容变化
     const handleContentChange = useCallback(

src/components/flow/nodes/components/NodeContextMenu.tsx

@@ -56,7 +56,12 @@ export const NodeContextMenu = memo<NodeContextMenuProps>(
         if (updatedNode) {
           useFlowStore.getState().setTargetNode(updatedNode);
         }
-        saveHistory(0);
+        saveHistory(0, {
+          category: "node",
+          action: "update",
+          description: "JSON 编辑节点数据",
+          targetIds: [node.id],
+        });
       },
       [node]
     );

src/components/flow/nodes/nodeContextMenu.tsx

@@ -156,7 +156,12 @@ function handleSetNodeDirection(
     return n;
   });
   setNodes(newNodes);
-  saveHistory(0);
+  saveHistory(0, {
+    category: "node",
+    action: "update",
+    description: "设置端点位置",
+    targetIds: [node.id],
+  });
   message.success(
     `端点位置已设置为「${
       HANDLE_DIRECTION_OPTIONS.find((o) => o.value === direction)?.label
@@ -179,7 +184,12 @@ function handleUngroupNodes(node: NodeContextMenuNode) {
 /**更改分组颜色处理器 */
 function handleSetGroupColor(node: NodeContextMenuNode, color: string) {
   useFlowStore.getState().setNodeData(node.id, "direct", "color", color);
-  useFlowStore.getState().saveHistory(0);
+  useFlowStore.getState().saveHistory(0, {
+    category: "group",
+    action: "update",
+    description: "更改分组颜色",
+    targetIds: [node.id],
+  });
 }
 
 /**更改便签颜色处理器 */
@@ -190,7 +200,12 @@ function handleSetStickerColor(
   if (node.type !== NodeTypeEnum.Sticker) return;
 
   useFlowStore.getState().setNodeData(node.id, "sticker", "color", color);
-  useFlowStore.getState().saveHistory(0);
+  useFlowStore.getState().saveHistory(0, {
+    category: "node",
+    action: "update",
+    description: "更改便签颜色",
+    targetIds: [node.id],
+  });
 }
 
 /**复制便签内容处理器 */

src/components/panels/main/FieldPanel.tsx

@@ -164,7 +164,12 @@ function FieldPanel() {
       if (updatedNode) {
         useFlowStore.getState().setTargetNode(updatedNode);
       }
-      saveHistory(0);
+      saveHistory(0, {
+        category: "node",
+        action: "update",
+        description: "JSON 编辑节点数据",
+        targetIds: [currentNode.id],
+      });
     },
     [currentNode],
   );

src/components/panels/main/InlineFieldPanel.tsx

@@ -104,7 +104,12 @@ function InlineFieldPanel() {
       if (updatedNode) {
         useFlowStore.getState().setTargetNode(updatedNode);
       }
-      saveHistory(0);
+      saveHistory(0, {
+        category: "node",
+        action: "update",
+        description: "JSON 编辑节点数据",
+        targetIds: [currentNode.id],
+      });
     },
     [currentNode],
   );

src/components/panels/node-editors/GroupEditor.tsx

@@ -44,7 +44,12 @@ export const GroupEditor = memo(
     const onColorChange = useCallback(
       (value: GroupColorTheme) => {
         setNodeData(currentNode.id, "direct", "color", value);
-        saveHistory(0);
+        saveHistory(0, {
+          category: "group",
+          action: "update",
+          description: "更改分组颜色",
+          targetIds: [currentNode.id],
+        });
       },
       [currentNode.id, setNodeData, saveHistory],
     );

src/components/panels/node-editors/StickerEditor.tsx

@@ -58,7 +58,12 @@ export const StickerEditor = memo(
     const onColorChange = useCallback(
       (value: StickerColorTheme) => {
         setNodeData(currentNode.id, "sticker", "color", value);
-        saveHistory(0);
+        saveHistory(0, {
+          category: "node",
+          action: "update",
+          description: "更改便签颜色",
+          targetIds: [currentNode.id],
+        });
       },
       [currentNode.id, setNodeData, saveHistory],
     );