refactor(FlowEditor): 更新节点样式和内容组件

src/pages/flowEditor/components/nodeContentOther.tsx

@@ -238,7 +238,9 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
           )}
         </div>
       </div>
-
+      {(dataIns.length || dataOuts.length) && (
+        <>
+          {/*分割*/}
           <div
             className={styles['node-split-line']}
           >
@@ -269,6 +271,8 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
               )}
             </div>
           </div>
+        </>
+      )}
 
       {/*footer栏*/}
       {showFooter && (

src/pages/flowEditor/node/basicNode/BasicNode.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import styles from '@/pages/flowEditor/node/style/base.module.less';
-// import styles from '@/pages/flowEditor/node/style/baseOther.module.less';
+// import styles from '@/pages/flowEditor/node/style/base.module.less';
+import styles from '@/pages/flowEditor/node/style/baseOther.module.less';
 import NodeContent from '@/pages/flowEditor/components/nodeContent';
 import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
 import { useStore } from '@xyflow/react';
@@ -21,8 +21,8 @@ const BasicNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
         {title}
       </div>
 
-      <NodeContent data={{ ...data, type: 'basic' }} />
-      {/*<NodeContentOther data={{ ...data, type: 'basic' }} />*/}
+      {/*<NodeContent data={{ ...data, type: 'basic' }} />*/}
+      <NodeContentOther data={{ ...data, type: 'basic' }} />
     </div>
   );
 };

src/pages/flowEditor/node/endNode/EndNode.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
-import styles from '@/pages/flowEditor/node/style/base.module.less';
+// import styles from '@/pages/flowEditor/node/style/base.module.less';
+import styles from '@/pages/flowEditor/node/style/baseOther.module.less';
 import NodeContent from '@/pages/flowEditor/components/nodeContent';
 import { useStore } from '@xyflow/react';
 import { defaultNodeTypes } from '@/pages/flowEditor/node/types/defaultType';
+import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
 
 
 const EndNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
@@ -19,7 +21,8 @@ const EndNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
         {title}
       </div>
 
-      <NodeContent data={{ ...data, type: 'end' }} />
+      {/*<NodeContent data={{ ...data, type: 'end' }} />*/}
+      <NodeContentOther data={{ ...data, type: 'end' }} />
     </div>
   );
 };

src/pages/flowEditor/node/localNode/LocalNode.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
 import { useStore } from '@xyflow/react';
-import styles from '@/pages/flowEditor/node/style/base.module.less';
+// import styles from '@/pages/flowEditor/node/style/base.module.less';
+import styles from '@/pages/flowEditor/node/style/baseOther.module.less';
 import NodeContent from '@/pages/flowEditor/components/nodeContent';
 import DynamicIcon from '@/components/DynamicIcon';
+import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
 
 
 const setIcon = (nodeType: string) => {
@@ -71,7 +73,8 @@ const LocalNode = ({ data, id }: { data: any; id: string }) => {
         {setIcon(data.type)}
         {title}
       </div>
-      <NodeContent data={data} />
+      {/*<NodeContent data={data} />*/}
+      <NodeContentOther data={data} />
     </div>
   );
 };

src/pages/flowEditor/node/startNode/StartNode.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
-import styles from '@/pages/flowEditor/node/style/base.module.less';
+// import styles from '@/pages/flowEditor/node/style/base.module.less';
+import styles from '@/pages/flowEditor/node/style/baseOther.module.less';
 import NodeContent from '@/pages/flowEditor/components/nodeContent';
 import { useStore } from '@xyflow/react';
 import { defaultNodeTypes } from '@/pages/flowEditor/node/types/defaultType';
+import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
 
 
 const StartNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
@@ -19,7 +21,8 @@ const StartNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
         {title}
       </div>
 
-      <NodeContent data={{ ...data, type: 'start' }} />
+      {/*<NodeContent data={{ ...data, type: 'start' }} />*/}
+      <NodeContentOther data={{ ...data, type: 'start' }} />
     </div>
   );
 };

src/store/index.ts

@@ -1,12 +1,14 @@
 import { configureStore } from '@reduxjs/toolkit';
 import globalReducer from './global';
 import userReducer from './user';
+import ideContainerReducer from './ideContainer';
 
 // 创建 store
 const store = configureStore({
   reducer: {
     global: globalReducer,
-    user: userReducer
+    user: userReducer,
+    ideContainer: ideContainerReducer
   }
 });