mirror of
https://github.com/usual2970/certimate.git
synced 2025-06-12 07:29:51 +00:00
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import { memo, useMemo } from "react";
|
|
|
|
import { type WorkflowNode, WorkflowNodeType } from "@/domain/workflow";
|
|
|
|
import BranchNode from "./node/BranchNode";
|
|
import CommonNode from "./node/CommonNode";
|
|
import ConditionNode from "./node/ConditionNode";
|
|
import EndNode from "./node/EndNode";
|
|
|
|
export type WorkflowElementProps = {
|
|
node: WorkflowNode;
|
|
disabled?: boolean;
|
|
branchId?: string;
|
|
branchIndex?: number;
|
|
};
|
|
|
|
const WorkflowElement = ({ node, disabled, ...props }: WorkflowElementProps) => {
|
|
const nodeComponent = useMemo(() => {
|
|
switch (node.type) {
|
|
case WorkflowNodeType.Start:
|
|
case WorkflowNodeType.Apply:
|
|
case WorkflowNodeType.Deploy:
|
|
case WorkflowNodeType.Notify:
|
|
return <CommonNode node={node} disabled={disabled} />;
|
|
|
|
case WorkflowNodeType.Branch:
|
|
return <BranchNode node={node} disabled={disabled} />;
|
|
|
|
case WorkflowNodeType.Condition:
|
|
return <ConditionNode node={node} disabled={disabled} branchId={props.branchId!} branchIndex={props.branchIndex!} />;
|
|
|
|
case WorkflowNodeType.End:
|
|
return <EndNode />;
|
|
|
|
default:
|
|
console.warn(`[certimate] unsupported workflow node type: ${node.type}`);
|
|
return <></>;
|
|
}
|
|
}, [node, disabled, props]);
|
|
|
|
return <>{nodeComponent}</>;
|
|
};
|
|
|
|
export default memo(WorkflowElement);
|