mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
Revert Canvas slot changes
This commit is contained in:
parent
ee05fd9fef
commit
2e105d147f
|
@ -663,11 +663,7 @@ provide(CanvasKey, {
|
|||
@update="onUpdateNodeParameters"
|
||||
@move="onUpdateNodePosition"
|
||||
@add="onClickNodeAdd"
|
||||
>
|
||||
<template v-if="$slots['node-controls']" #node-controls="canvasNodeProps">
|
||||
<slot name="node-controls" v-bind="canvasNodeProps" />
|
||||
</template>
|
||||
</Node>
|
||||
/>
|
||||
</template>
|
||||
|
||||
<template #edge-canvas-edge="edgeProps">
|
||||
|
|
|
@ -74,11 +74,7 @@ onNodesInitialized(() => {
|
|||
:event-bus="eventBus"
|
||||
:read-only="readOnly"
|
||||
v-bind="$attrs"
|
||||
>
|
||||
<template v-if="$slots['node-controls']" #node-controls="canvasNodeProps">
|
||||
<slot name="node-controls" v-bind="canvasNodeProps" />
|
||||
</template>
|
||||
</Canvas>
|
||||
/>
|
||||
</div>
|
||||
<slot />
|
||||
</div>
|
||||
|
|
|
@ -74,14 +74,12 @@ const isDisabled = computed(() => props.data.disabled);
|
|||
const nodeTypeDescription = computed(() => {
|
||||
return nodeTypesStore.getNodeType(props.data.type, props.data.typeVersion);
|
||||
});
|
||||
const slotClasses = ref<Record<string, boolean>>({});
|
||||
|
||||
const classes = computed(() => ({
|
||||
[style.canvasNode]: true,
|
||||
[style.showToolbar]: showToolbar.value,
|
||||
hovered: props.hovered,
|
||||
selected: props.selected,
|
||||
...slotClasses.value,
|
||||
}));
|
||||
|
||||
/**
|
||||
|
@ -232,14 +230,6 @@ function onMove(position: XYPosition) {
|
|||
emit('move', props.id, position);
|
||||
}
|
||||
|
||||
function toggleSlotClass(className: string) {
|
||||
if (slotClasses.value[className]) {
|
||||
delete slotClasses.value[className];
|
||||
} else {
|
||||
slotClasses.value[className] = true;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Provide
|
||||
*/
|
||||
|
@ -318,12 +308,8 @@ onBeforeUnmount(() => {
|
|||
/>
|
||||
</template>
|
||||
|
||||
<div v-if="$slots['node-controls']" :class="$style.nodeControls">
|
||||
<slot name="node-controls" v-bind="{ data, toggleSlotClass }" />
|
||||
</div>
|
||||
|
||||
<CanvasNodeToolbar
|
||||
v-else-if="nodeTypeDescription"
|
||||
v-if="nodeTypeDescription"
|
||||
data-test-id="canvas-node-toolbar"
|
||||
:read-only="readOnly"
|
||||
:class="$style.canvasNodeToolbar"
|
||||
|
@ -376,14 +362,4 @@ onBeforeUnmount(() => {
|
|||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.nodeControls {
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue