mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Revert Canvas slot changes

Browse source
This commit is contained in:
Oleg Ivaniv 2024-12-10 08:55:03 +01:00
parent ee05fd9fef
commit 2e105d147f
No known key found for this signature in database
3 changed files with 3 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/editor-ui/src/components/canvas/Canvas.vue
View file

@ -663,11 +663,7 @@ provide(CanvasKey, {
@update="onUpdateNodeParameters" @update="onUpdateNodeParameters"
@move="onUpdateNodePosition" @move="onUpdateNodePosition"
@add="onClickNodeAdd" @add="onClickNodeAdd"
> />
<template v-if="$slots['node-controls']" #node-controls="canvasNodeProps">
<slot name="node-controls" v-bind="canvasNodeProps" />
</template>
</Node>
</template> </template>
<template #edge-canvas-edge="edgeProps"> <template #edge-canvas-edge="edgeProps">

6
packages/editor-ui/src/components/canvas/WorkflowCanvas.vue
View file

@ -74,11 +74,7 @@ onNodesInitialized(() => {
:event-bus="eventBus" :event-bus="eventBus"
:read-only="readOnly" :read-only="readOnly"
v-bind="$attrs" v-bind="$attrs"
> />
<template v-if="$slots['node-controls']" #node-controls="canvasNodeProps">
<slot name="node-controls" v-bind="canvasNodeProps" />
</template>
</Canvas>
</div> </div>
<slot /> <slot />
</div> </div>

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

@ -74,14 +74,12 @@ const isDisabled = computed(() => props.data.disabled);
const nodeTypeDescription = computed(() => { const nodeTypeDescription = computed(() => {
return nodeTypesStore.getNodeType(props.data.type, props.data.typeVersion); return nodeTypesStore.getNodeType(props.data.type, props.data.typeVersion);
}); });
const slotClasses = ref<Record<string, boolean>>({});
const classes = computed(() => ({ const classes = computed(() => ({
[style.canvasNode]: true, [style.canvasNode]: true,
[style.showToolbar]: showToolbar.value, [style.showToolbar]: showToolbar.value,
hovered: props.hovered, hovered: props.hovered,
selected: props.selected, selected: props.selected,
...slotClasses.value,
})); }));
/** /**
@ -232,14 +230,6 @@ function onMove(position: XYPosition) {
emit('move', props.id, position); emit('move', props.id, position);
} }
function toggleSlotClass(className: string) {
if (slotClasses.value[className]) {
delete slotClasses.value[className];
} else {
slotClasses.value[className] = true;
}
}
/** /**
* Provide * Provide
*/ */
@ -318,12 +308,8 @@ onBeforeUnmount(() => {
/> />
</template> </template>
<div v-if="$slots['node-controls']" :class="$style.nodeControls">
<slot name="node-controls" v-bind="{ data, toggleSlotClass }" />
</div>
<CanvasNodeToolbar <CanvasNodeToolbar
v-else-if="nodeTypeDescription" v-if="nodeTypeDescription"
data-test-id="canvas-node-toolbar" data-test-id="canvas-node-toolbar"
:read-only="readOnly" :read-only="readOnly"
:class="$style.canvasNodeToolbar" :class="$style.canvasNodeToolbar"
@ -376,14 +362,4 @@ onBeforeUnmount(() => {
opacity: 1; opacity: 1;
} }
} }
.nodeControls {
position: absolute;
bottom: 100%;
z-index: 1;
width: 100%;
margin: auto;
display: flex;
justify-content: center;
}
</style> </style>