diff --git a/web/src/views/Workflow/components/Editor/plugin/AutocompletePlugin.tsx b/web/src/views/Workflow/components/Editor/plugin/AutocompletePlugin.tsx index 0fc412a4..79bd857b 100644 --- a/web/src/views/Workflow/components/Editor/plugin/AutocompletePlugin.tsx +++ b/web/src/views/Workflow/components/Editor/plugin/AutocompletePlugin.tsx @@ -99,14 +99,14 @@ const AutocompletePlugin: FC<{ suggestions: Suggestion[] }> = ({ suggestions }) if (!showSuggestions) return null; - // Group suggestions by node name + // Group suggestions by node id const groupedSuggestions = suggestions.reduce((groups: Record, suggestion) => { const { nodeData } = suggestion - const nodeName = (nodeData.name || nodeData.id) as string; - if (!groups[nodeName]) { - groups[nodeName] = []; + const nodeId = nodeData.id as string; + if (!groups[nodeId]) { + groups[nodeId] = []; } - groups[nodeName].push(suggestion); + groups[nodeId].push(suggestion); return groups; }, {}); @@ -127,8 +127,10 @@ const AutocompletePlugin: FC<{ suggestions: Suggestion[] }> = ({ suggestions }) transform: 'translateY(-100%)', }} > - {Object.entries(groupedSuggestions).map(([nodeName, nodeOptions], groupIndex) => ( -
+ {Object.entries(groupedSuggestions).map(([nodeId, nodeOptions], groupIndex) => { + const nodeName = nodeOptions[0]?.nodeData?.name || nodeId; + return ( +
{groupIndex > 0 &&
}
{nodeName} @@ -176,7 +178,8 @@ const AutocompletePlugin: FC<{ suggestions: Suggestion[] }> = ({ suggestions }) ); })}
- ))} + ); + })}
); } diff --git a/web/src/views/Workflow/components/Properties/index.tsx b/web/src/views/Workflow/components/Properties/index.tsx index 22563881..3a5be99c 100644 --- a/web/src/views/Workflow/components/Properties/index.tsx +++ b/web/src/views/Workflow/components/Properties/index.tsx @@ -32,7 +32,12 @@ const Properties: FC = ({ const [editIndex, setEditIndex] = useState(null) useEffect(() => { - form.resetFields() + if (selectedNode?.getData().id) { + form.resetFields() + } + }, [selectedNode?.getData().id]) + + useEffect(() => { if (selectedNode && form) { const { type = 'default', name = '', config } = selectedNode.getData() || {} const initialValue: Record = {} @@ -61,11 +66,9 @@ const Properties: FC = ({ }; useEffect(() => { - console.log('values', values) if (values && selectedNode) { const { id, ...rest } = values - Object.keys(values).forEach(key => { if (selectedNode.data?.config[key]) { selectedNode.data.config[key].defaultValue = values[key]