Revert Canvas slot changes

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

View file

@ -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">

View file

@ -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>

View file

@ -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>