mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-24 04:04:06 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(editor): Fix render key for dynamic number of handles on new canvas (no-changelog) (#11105)

Browse source
This commit is contained in:
Alex Grozav 2024-10-04 16:38:46 +03:00 committed by GitHub
parent 565b117a52
commit 3950cab6dd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/editor-ui/src/components/canvas/elements/handles/CanvasHandleRenderer.vue
View file

@ -11,7 +11,6 @@ import CanvasHandleMainOutput from '@/components/canvas/elements/handles/render-
import CanvasHandleNonMainInput from '@/components/canvas/elements/handles/render-types/CanvasHandleNonMainInput.vue';
import CanvasHandleNonMainOutput from '@/components/canvas/elements/handles/render-types/CanvasHandleNonMainOutput.vue';
import { CanvasNodeHandleKey } from '@/constants';
import { createCanvasConnectionHandleString } from '@/utils/canvasUtilsV2';
import { useCanvasNode } from '@/composables/useCanvasNode';
const props = defineProps<
@ -46,14 +45,6 @@ const handleType = computed(() =>
props.mode === CanvasConnectionMode.Input ? 'target' : 'source',
);
const handleString = computed(() =>
createCanvasConnectionHandleString({
mode: props.mode,
type: props.type,
index: props.index,
}),
);
const handleClasses = computed(() => [style.handle, style[props.type], style[props.mode]]);
/**
@ -121,7 +112,7 @@ const RenderType = () => {
*/
function onAdd() {
emit('add', handleString.value);
emit('add', props.handleId);
}
/**
@ -152,7 +143,7 @@ provide(CanvasNodeHandleKey, {
<template>
<Handle
v-bind="$attrs"
:id="handleString"
:id="handleId"
:class="handleClasses"
:type="handleType"
:position="position"

10
packages/editor-ui/src/components/canvas/elements/nodes/CanvasNode.vue
View file

@ -260,7 +260,10 @@ onBeforeUnmount(() => {
:class="[$style.canvasNode, { [$style.showToolbar]: showToolbar }]"
data-test-id="canvas-node"
>
<template v-for="source in mappedOutputs" :key="source.handleId">
<template
v-for="source in mappedOutputs"
:key="`${source.handleId}(${source.index + 1}/${mappedOutputs.length})`"
>
<CanvasHandleRenderer
v-bind="source"
:mode="CanvasConnectionMode.Output"
@ -271,7 +274,10 @@ onBeforeUnmount(() => {
/>
</template>
<template v-for="target in mappedInputs" :key="target.handleId">
<template
v-for="target in mappedInputs"
:key="`${target.handleId}(${target.index + 1}/${mappedInputs.length})`"
>
<CanvasHandleRenderer
v-bind="target"
:mode="CanvasConnectionMode.Input"