+
+
+ {data.branches.map((branch, index) => (
+
+
+ {index == 0 && (
+ <>
+
+
+
+ )}
+ {index == data.branches.length - 1 && (
+ <>
+
+
+
+ )}
+ {/* 条件 1 */}
+
+ ))}
+ {renderNodes(branch, data.id, index)}
+
+
+
+
+
+ {
+ removeBranch(branchId ?? "", branchIndex ?? 0);
+ }}
+ >
+
+
+
+
+
+ 删除分支
+
+
+
+ {data.name}
+
+ 选择服务商
+ {accessProviders
+ .filter((provider) => provider[3] === "apply" || provider[3] === "all")
+ .reduce((acc: string[][][], provider, index) => {
+ if (index % 2 === 0) {
+ acc.push([provider]);
+ } else {
+ acc[acc.length - 1].push(provider);
+ }
+ return acc;
+ }, [])
+ .map((providerRow, rowIndex) => (
+
+ {providerRow.map((provider, index) => (
+
+ ))}
+
+ );
+};
+
+export default memo(DeployPanelBody);
diff --git a/ui/src/components/workflow/DropdownMenuItemIcon.tsx b/ui/src/components/workflow/DropdownMenuItemIcon.tsx
new file mode 100644
index 00000000..95c937a0
--- /dev/null
+++ b/ui/src/components/workflow/DropdownMenuItemIcon.tsx
@@ -0,0 +1,23 @@
+import { WorkflowwNodeDropdwonItemIcon, WorkflowwNodeDropdwonItemIconType } from "@/domain/workflow";
+import { CloudUpload, GitFork, Megaphone, NotebookPen } from "lucide-react";
+
+const icons = new Map([
+ ["NotebookPen",
+ ![{provider[1]}]({provider[2]})
+
+ ))}
+ {t(provider[1])}
+
+
+
+ );
+};
+
+export default End;
diff --git a/ui/src/components/workflow/Node.tsx b/ui/src/components/workflow/Node.tsx
new file mode 100644
index 00000000..d2000469
--- /dev/null
+++ b/ui/src/components/workflow/Node.tsx
@@ -0,0 +1,76 @@
+import { WorkflowNode, WorkflowNodeType } from "@/domain/workflow";
+import AddNode from "./AddNode";
+import { useWorkflowStore, WorkflowState } from "@/providers/workflow";
+import { useShallow } from "zustand/shallow";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu";
+import { Ellipsis, Trash2 } from "lucide-react";
+import { usePanel } from "./PanelProvider";
+import PanelBody from "./PanelBody";
+
+type NodeProps = {
+ data: WorkflowNode;
+};
+
+const selectState = (state: WorkflowState) => ({
+ updateNode: state.updateNode,
+ removeNode: state.removeNode,
+});
+const Node = ({ data }: NodeProps) => {
+ const { updateNode, removeNode } = useWorkflowStore(useShallow(selectState));
+ const handleNameBlur = (e: React.FocusEvent流程结束
+
+ {data.type != WorkflowNodeType.Start && (
+ <>
+
+
+
+
+ {
+ removeNode(data.id);
+ }}
+ >
+
+
+
+
+ )}
+
+
+ 删除节点
+
+
+
+ {data.name}
+
+
+
+
+ 设置节点
+
+
+
+ {
+ onTypeSelected(WorkflowNodeType.Apply);
+ }}
+ >
+
+
+
+
+ 申请
+ {
+ onTypeSelected(WorkflowNodeType.Deploy);
+ }}
+ >
+
+
+
+
+ 部署
+
+
+
+ );
+};
+
+export default NodeTypesPanel;
diff --git a/ui/src/components/workflow/Panel.tsx b/ui/src/components/workflow/Panel.tsx
new file mode 100644
index 00000000..bca0dbc2
--- /dev/null
+++ b/ui/src/components/workflow/Panel.tsx
@@ -0,0 +1,23 @@
+// components/AddNodePanel.tsx
+import { Sheet, SheetContent, SheetTitle } from "../ui/sheet";
+
+type AddNodePanelProps = {
+ open: boolean;
+ onOpenChange: (open: boolean) => void;
+ children: React.ReactNode;
+ name: string;
+};
+
+const Panel = ({ open, onOpenChange, children, name }: AddNodePanelProps) => {
+ return (
+ {
+ onTypeSelected(WorkflowNodeType.Branch);
+ }}
+ >
+
+
+
+
+ 分支
+ {
+ onTypeSelected(WorkflowNodeType.Notify);
+ }}
+ >
+
+
+
+
+ 推送
+ {children}
+ 分支节点
;
+ case WorkflowNodeType.Condition:
+ return 条件节点
;
+ default:
+ return <> ;
+ }
+ };
+
+ return <>{getBody()};
+};
+
+export default PanelBody;
diff --git a/ui/src/components/workflow/PanelProvider.tsx b/ui/src/components/workflow/PanelProvider.tsx
new file mode 100644
index 00000000..763098d2
--- /dev/null
+++ b/ui/src/components/workflow/PanelProvider.tsx
@@ -0,0 +1,42 @@
+// contexts/DialogContext.tsx
+import { createContext, useContext, useState } from "react";
+import Panel from "./Panel";
+
+type PanelContentProps = { name: string; children: React.ReactNode };
+
+type PanelContextType = {
+ open: boolean;
+ showPanel: ({ name, children }: PanelContentProps) => void;
+ hidePanel: () => void;
+};
+
+const PanelContext = createContext{elements}
+
+ About
,
+ element: