diff --git a/frontend/src/pages/Workflow/Definition/Design/components/NodePanel.tsx b/frontend/src/pages/Workflow/Definition/Design/components/NodePanel.tsx index 09b17f02..b276cc2f 100644 --- a/frontend/src/pages/Workflow/Definition/Design/components/NodePanel.tsx +++ b/frontend/src/pages/Workflow/Definition/Design/components/NodePanel.tsx @@ -53,7 +53,8 @@ const categoryConfig: Record void; + onNodeDragStart?: (node: NodeDefinition, e: React.DragEvent) => void, + nodeDefinitions?: NodeDefinition[] } const NodePanel: React.FC = ({onNodeDragStart}) => { @@ -99,14 +100,14 @@ const NodePanel: React.FC = ({onNodeDragStart}) => { const iconName = node.graphConfig.uiSchema.style.icon; // 首先尝试使用配置的图标 let IconComponent = iconMap[iconName]; - + // 如果没有找到对应的图标,使用节点类型对应的默认图标 if (!IconComponent) { IconComponent = typeIconMap[node.type] || AppstoreOutlined; } return ( - = ({onNodeDragStart}) => { cursor: 'move', display: 'flex', alignItems: 'center', - justifyContent: 'center', + justifyContent: 'center', gap: '10px', background: node.graphConfig.uiSchema.style.fill, transition: 'all 0.3s', @@ -146,7 +147,7 @@ const NodePanel: React.FC = ({onNodeDragStart}) => { // 构建折叠面板的 items const collapseItems = Object.entries(categoryConfig).map(([category, {label, key}]) => ({ key, - label: {label}, + label: {label}, children: (
= ({onNodeDragStart}) => { key={node.id} title={
-
{node.description}
-
-
功能特点:
-
    {node.description}
+
+
功能特点:
+
    = ({onNodeDragStart}) => { gap: '6px' }}> {renderNodeIcon(node)} -