feat(flowEditor): 引入 ActionBar 组件并调整节点编辑弹窗样式

src/pages/flowEditor/components/nodeEditModal.tsx

@@ -87,7 +87,10 @@ const NodeEditModal: React.FC<NodeEditModalProps> = ({
         boxShadow: '0 5px 15px rgba(0, 0, 0, 0.2)',
         minWidth: 300,
         width: 'max-content',
-        maxWidth: '80vw'
+        maxWidth: '80vw',
+        height: '95%',
+        bottom: 0,
+        borderRadius: 10
       }}
       title={`编辑节点: ${nodeData.title || node?.type || '未知类型'}`}
       visible={visible}

src/pages/flowEditor/index.tsx

@@ -31,6 +31,7 @@ import EdgeContextMenu from './components/edgeContextMenu';
 import PaneContextMenu from './components/paneContextMenu';
 import NodeEditModal from './components/nodeEditModal';
 import AddNodeMenu from './components/addNodeMenu';
+import ActionBar from './components/actionBar';
 import { defaultNodeTypes } from '@/pages/flowEditor/node/types/defaultType';
 import { localNodeData } from '@/pages/flowEditor/sideBar/config/localNodeData';
 import { useAlignmentGuidelines } from '@/hooks/useAlignmentGuidelines';
@@ -679,8 +680,8 @@ const FlowEditor: React.FC = () => {
       >
         <Background />
         {/*<Controls />*/}
-        <Panel position="top-center">
-          <Button onClick={saveFlowDataToServer} type="primary">保存</Button>
+        <Panel position="top-left">
+          <ActionBar onSave={saveFlowDataToServer}></ActionBar>
         </Panel>
         <AlignmentGuides />
       </ReactFlow>