|
|
|
@ -184,6 +184,7 @@ const FlowEditorMain: React.FC<FlowEditorMainProps> = (props) => {
|
|
|
|
snapGrid={[2, 2]}
|
|
|
|
snapGrid={[2, 2]}
|
|
|
|
onNodesDelete={(deleted) => {
|
|
|
|
onNodesDelete={(deleted) => {
|
|
|
|
setNodes((nds) => nds.filter((n) => !deleted.find((d) => d.id === n.id)));
|
|
|
|
setNodes((nds) => nds.filter((n) => !deleted.find((d) => d.id === n.id)));
|
|
|
|
|
|
|
|
setIsEditModalOpen(false);
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
onNodesChange={onNodesChange}
|
|
|
|
onNodesChange={onNodesChange}
|
|
|
|
onEdgesChange={onEdgesChange}
|
|
|
|
onEdgesChange={onEdgesChange}
|
|
|
|
@ -255,6 +256,7 @@ const FlowEditorMain: React.FC<FlowEditorMainProps> = (props) => {
|
|
|
|
onEdit={editNode}
|
|
|
|
onEdit={editNode}
|
|
|
|
onCopy={copyNode}
|
|
|
|
onCopy={copyNode}
|
|
|
|
onCloseMenu={setMenu}
|
|
|
|
onCloseMenu={setMenu}
|
|
|
|
|
|
|
|
onCloseOpenModal={setIsEditModalOpen}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
@ -275,6 +277,7 @@ const FlowEditorMain: React.FC<FlowEditorMainProps> = (props) => {
|
|
|
|
onEdit={editEdge}
|
|
|
|
onEdit={editEdge}
|
|
|
|
onAddNode={(edge) => {
|
|
|
|
onAddNode={(edge) => {
|
|
|
|
setEdgeForNodeAdd(edge);
|
|
|
|
setEdgeForNodeAdd(edge);
|
|
|
|
|
|
|
|
setIsEditModalOpen(false);
|
|
|
|
setMenu(null); // 关闭上下文菜单
|
|
|
|
setMenu(null); // 关闭上下文菜单
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@ -295,6 +298,7 @@ const FlowEditorMain: React.FC<FlowEditorMainProps> = (props) => {
|
|
|
|
position={menu.position!}
|
|
|
|
position={menu.position!}
|
|
|
|
onAddNode={(nodeType: string, position: { x: number, y: number }, node: any) => {
|
|
|
|
onAddNode={(nodeType: string, position: { x: number, y: number }, node: any) => {
|
|
|
|
addNodeOnPane(nodeType, position, node);
|
|
|
|
addNodeOnPane(nodeType, position, node);
|
|
|
|
|
|
|
|
setIsEditModalOpen(false);
|
|
|
|
setMenu(null); // 关闭上下文菜单
|
|
|
|
setMenu(null); // 关闭上下文菜单
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|