fix:修复TitleMenuTooltip标题显示不正确的问题

alibaba · Jan 3, 2025 · a41d12e · a41d12e
1 parent 9f6125d
commit a41d12e
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 2 deletions.
diff --git a/packages/x-flow/src/components/NodeContainer/TitleMenuTooltip.tsx b/packages/x-flow/src/components/NodeContainer/TitleMenuTooltip.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import createIconFont from '../../utils/createIconFont';
 
-const TitleMenuTooltip = ({ icon, title, description, iconFontUrl, iconSvg }: any) => {
+const TitleMenuTooltip = ({ icon, nodeSettingTitle, description, iconFontUrl, iconSvg }: any) => {
   const IconBox = useMemo(() => createIconFont(iconFontUrl), [iconFontUrl]);
 
   return (
@@ -11,7 +11,7 @@ const TitleMenuTooltip = ({ icon, title, description, iconFontUrl, iconSvg }: an
         {iconSvg ? iconSvg :<IconBox type={icon?.type} style={{ color: '#fff', fontSize: 13, ...icon?.style }} />}
       </div>
       <div className='title'>
-          {title}
+          {nodeSettingTitle}
         </div>
       </div>
       <div className='description'>

diff --git a/packages/x-flow/src/components/NodeContainer/index.tsx b/packages/x-flow/src/components/NodeContainer/index.tsx
@@ -21,6 +21,7 @@ export default memo((props: any) => {
     iconSvg,
     hideTitleTips,
     isSwitchBottom,
+    nodeSettingTitle
   } = props;
   const IconBox = useMemo(() => createIconFont(iconFontUrl), [iconFontUrl]);
 

diff --git a/packages/x-flow/src/nodes/node-common/index.tsx b/packages/x-flow/src/nodes/node-common/index.tsx
@@ -29,6 +29,7 @@ export default memo((props: any) => {
       description={nodeDescription} // 不允许用户更改的节点描述
       iconSvg={nodeSetting?.iconSvg}
       hideTitleTips={hideTitleTips}
+      nodeSettingTitle={nodeSetting.title}
     />
   );
 });
diff --git a/packages/x-flow/src/nodes/node-end/index.tsx b/packages/x-flow/src/nodes/node-end/index.tsx
@@ -29,6 +29,7 @@ export default memo((props: any) => {
       description={nodeDescription} // 不允许用户更改的节点描述
       iconSvg={nodeSetting?.iconSvg}
       hideTitleTips={hideTitleTips}
+      nodeSettingTitle={nodeSetting.title||'结束'}
     />
   );
 });
diff --git a/packages/x-flow/src/nodes/node-parallel/index.tsx b/packages/x-flow/src/nodes/node-parallel/index.tsx
@@ -59,6 +59,7 @@ export default memo((props: any) => {
       iconSvg={nodeSetting?.iconSvg}
       hideTitleTips={hideTitleTips}
       isSwitchBottom={isSwitchBottom}
+      nodeSettingTitle={nodeSetting?.title || 'parallel'}
     />
   );
 });
diff --git a/packages/x-flow/src/nodes/node-start/index.tsx b/packages/x-flow/src/nodes/node-start/index.tsx
@@ -28,6 +28,7 @@ export default memo((props: any) => {
       description={nodeDescription} // 不允许用户更改的节点描述
       iconSvg={nodeSetting?.iconSvg}
       hideTitleTips={hideTitleTips}
+      nodeSettingTitle={nodeSetting?.title || '开始'}
     />
   );
 });
diff --git a/packages/x-flow/src/nodes/node-switch/index.tsx b/packages/x-flow/src/nodes/node-switch/index.tsx
@@ -60,6 +60,7 @@ export default memo((props: any) => {
       iconSvg={nodeSetting?.iconSvg}
       hideTitleTips={hideTitleTips}
       isSwitchBottom={isSwitchBottom}
+      nodeSettingTitle={nodeSetting?.title || 'Switch'}
     />
   );
 });