wood/certimate
1
0
Fork 0
mirror of https://github.com/woodchen-ink/certimate.git synced 2025-07-18 09:21:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): 添加复制节点功能至共享节点菜单

Browse Source
This commit is contained in:
wood chen 2025-05-12 13:22:22 +08:00
parent fdf87e8447
commit c406c0dd10
1 changed files with 53 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
ui/src/components/workflow/node/_SharedNode.tsx
View File

@ -2,6 +2,7 @@ import { memo, useRef } from "react";
import { useTranslation } from "react-i18next";
import {
CloseCircleOutlined as CloseCircleOutlinedIcon,
CopyOutlined as CopyOutlinedIcon,
EllipsisOutlined as EllipsisOutlinedIcon,
FormOutlined as FormOutlinedIcon,
MoreOutlined as MoreOutlinedIcon,
@ -11,7 +12,7 @@ import { Button, Card, Drawer, Dropdown, Input, type InputRef, Modal, Popover, S
import { produce } from "immer";
import { isEqual } from "radash";
import { type WorkflowNode, WorkflowNodeType } from "@/domain/workflow";
import { type WorkflowNode, WorkflowNodeType, newNode } from "@/domain/workflow";
import { useZustandShallowSelector } from "@/hooks";
import { useWorkflowStore } from "@/stores/workflow";
@ -77,7 +78,7 @@ const isBranchingNode = (node: WorkflowNode) => {
const SharedNodeMenu = ({ trigger, node, disabled, branchId, branchIndex, afterUpdate, afterDelete }: SharedNodeMenuProps) => {
const { t } = useTranslation();
const { updateNode, removeNode, removeBranch } = useWorkflowStore(useZustandShallowSelector(["updateNode", "removeNode", "removeBranch"]));
const { updateNode, removeNode, removeBranch, addNode } = useWorkflowStore(useZustandShallowSelector(["updateNode", "removeNode", "removeBranch", "addNode"]));
const [modalApi, ModelContextHolder] = Modal.useModal();
@ -100,6 +101,49 @@ const SharedNodeMenu = ({ trigger, node, disabled, branchId, branchIndex, afterU
afterUpdate?.();
};
const handleCopyNode = async () => {
try {
// Clone the node by creating a new node of the same type
const clonedNode = newNode(node.type);
// Copy over configurations
clonedNode.name = `${node.name} (副本)`;
// Copy all configurable properties
if (node.config) {
clonedNode.config = JSON.parse(JSON.stringify(node.config));
}
if (node.inputs) {
clonedNode.inputs = JSON.parse(JSON.stringify(node.inputs));
}
if (node.outputs) {
clonedNode.outputs = JSON.parse(JSON.stringify(node.outputs));
}
if (node.validated !== undefined) {
clonedNode.validated = node.validated;
}
// For branch nodes, we need to deep copy the branches structure
if (node.branches && node.type === WorkflowNodeType.Branch) {
// For branch nodes, we'll keep the structure but with new IDs
// This ensures we don't run into ID conflicts
clonedNode.branches = newNode(WorkflowNodeType.Branch).branches;
} else if (node.branches && node.type === WorkflowNodeType.ExecuteResultBranch) {
// For execute result branches, we'll keep the structure but with new IDs
clonedNode.branches = newNode(WorkflowNodeType.ExecuteResultBranch).branches;
}
// Add the cloned node after the current node
await addNode(clonedNode, node.id);
afterUpdate?.();
} catch (err) {
console.error("Failed to copy node:", err);
}
};
const handleDeleteClick = async () => {
if (isBranchingNode(node)) {
await removeBranch(branchId!, branchIndex!);
@ -151,6 +195,13 @@ const SharedNodeMenu = ({ trigger, node, disabled, branchId, branchIndex, afterU
{
type: "divider",
},
{
key: "copy",
disabled: disabled || node.type === WorkflowNodeType.Start,
label: "复制节点",
icon: <CopyOutlinedIcon />,
onClick: handleCopyNode,
},
{
key: "remove",
disabled: disabled || node.type === WorkflowNodeType.Start,