refactor(flowEditor): 将起始节点和结束节点从通用组件切换到本地组件

fixbug
钟良源 1 month ago
parent 75714aa849
commit 70f6333596

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import styles from '@/components/FlowEditor/node/style/baseOther.module.less'; import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther'; import NodeContentLocal from '@/pages/flowEditor/components/nodeContentLocal';
import { useStore } from '@xyflow/react'; import { useStore } from '@xyflow/react';
import { defaultNodeTypes } from '@/components/FlowEditor/node/types/defaultType'; import { defaultNodeTypes } from '@/components/FlowEditor/node/types/defaultType';
import NodeStatusIndicator, { NodeStatus } from '@/components/FlowEditor/NodeStatusIndicator'; import NodeStatusIndicator, { NodeStatus } from '@/components/FlowEditor/NodeStatusIndicator';
@ -30,7 +30,7 @@ const EndNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
{title} {title}
<NodeStatusIndicator status={nodeStatus} isVisible={isStatusVisible} /> <NodeStatusIndicator status={nodeStatus} isVisible={isStatusVisible} />
</div> </div>
<NodeContentOther data={{ ...data, type: 'end' }} /> <NodeContentLocal data={{ ...data, type: 'end' }} />
</div> </div>
); );
}; };

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import styles from '@/components/FlowEditor/node/style/baseOther.module.less'; import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther'; import NodeContentLocal from '@/pages/flowEditor/components/nodeContentLocal';
import { useStore } from '@xyflow/react'; import { useStore } from '@xyflow/react';
import { defaultNodeTypes } from '@/components/FlowEditor/node/types/defaultType'; import { defaultNodeTypes } from '@/components/FlowEditor/node/types/defaultType';
import NodeStatusIndicator, { NodeStatus } from '@/components/FlowEditor/NodeStatusIndicator'; import NodeStatusIndicator, { NodeStatus } from '@/components/FlowEditor/NodeStatusIndicator';
@ -30,7 +30,7 @@ const StartNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
{title} {title}
<NodeStatusIndicator status={nodeStatus} isVisible={isStatusVisible} /> <NodeStatusIndicator status={nodeStatus} isVisible={isStatusVisible} />
</div> </div>
<NodeContentOther data={{ ...data, type: 'start' }} /> <NodeContentLocal data={{ ...data, type: 'start' }} />
</div> </div>
); );
}; };

@ -67,10 +67,10 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, data
key={`output-handle-${index}`} key={`output-handle-${index}`}
type="source" type="source"
position={Position.Right} position={Position.Right}
id={dataOuts[index].name || `output-${index}`} id={dataOuts[index].name|| dataOuts[index].id || `output-${index}`}
style={{ style={{
...handleStyles.data, ...handleStyles.data,
top: `${70 + apiIns.length * 20 + index * 20}px` top: `${70 + apiOuts.length * 20 + index * 20}px`
}} }}
/> />
))} ))}
@ -100,7 +100,7 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, data
key={`input-handle-${index}`} key={`input-handle-${index}`}
type="target" type="target"
position={Position.Left} position={Position.Left}
id={dataIns[index].name || `input-${index}`} id={dataIns[index].name || dataIns[index].id || `input-${index}`}
style={{ style={{
...handleStyles.data, ...handleStyles.data,
top: `${70 + apiIns.length * 20 + index * 20}px` top: `${70 + apiIns.length * 20 + index * 20}px`

Loading…
Cancel
Save