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

fix(editor): Resolve vue 3 related console-warnings ()

Browse source 
* fix(editor): Resolve vue 3 related console-warnings

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>

* Use span as component wrapper instead of div

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>

* Wrap popover component in span

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>

---------

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>
This commit is contained in:
OlegIvaniv 2023-07-28 16:59:06 +02:00 committed by GitHub
parent e824ab057d
commit 30484a0615
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 36 additions and 30 deletions
packages
design-system/src/components/N8nPopover
Popover.vue
editor-ui/src
components
NodeExecuteButton.vueWarningTooltip.vue
plugins/i18n/locales
en.json

14
packages/design-system/src/components/N8nPopover/Popover.vue
View file

@ -14,10 +14,12 @@ export default defineComponent({
</script>
<template>
<el-popover v-bind="{ ...$props, ...$attrs }">
<template #reference>
<slot name="reference" />
</template>
<slot />
</el-popover>
<span>
<el-popover v-bind="{ ...$props, ...$attrs }">
<template #reference>
<slot name="reference" />
</template>
<slot />
</el-popover>
</span>
</template>

36
packages/editor-ui/src/components/NodeExecuteButton.vue
View file

@ -1,21 +1,23 @@
<template>
<n8n-tooltip placement="bottom" :disabled="!disabledHint">
<template #content>
<div>{{ disabledHint }}</div>
</template>
<div>
<n8n-button
v-bind="$attrs"
:loading="nodeRunning && !isListeningForEvents && !isListeningForWorkflowEvents"
:disabled="disabled || !!disabledHint"
:label="buttonLabel"
:type="type"
:size="size"
:transparentBackground="transparent"
@click="onClick"
/>
</div>
</n8n-tooltip>
<span>
<n8n-tooltip placement="bottom" :disabled="!disabledHint">
<template #content>
<div>{{ disabledHint }}</div>
</template>
<div>
<n8n-button
v-bind="$attrs"
:loading="nodeRunning && !isListeningForEvents && !isListeningForWorkflowEvents"
:disabled="disabled || !!disabledHint"
:label="buttonLabel"
:type="type"
:size="size"
:transparentBackground="transparent"
@click="onClick"
/>
</div>
</n8n-tooltip>
</span>
</template>
<script lang="ts">

14
packages/editor-ui/src/components/WarningTooltip.vue
View file

@ -1,10 +1,12 @@
<template>
<n8n-tooltip content=" " placement="top">
<template #content>
<slot />
</template>
<font-awesome-icon :class="$style['icon']" icon="exclamation-triangle"></font-awesome-icon>
</n8n-tooltip>
<span>
<n8n-tooltip content=" " placement="top">
<template #content>
<slot />
</template>
<font-awesome-icon :class="$style['icon']" icon="exclamation-triangle"></font-awesome-icon>
</n8n-tooltip>
</span>
</template>
<style lang="scss" module>

2
packages/editor-ui/src/plugins/i18n/locales/en.json
View file

@ -731,7 +731,7 @@
"node.waitingForYouToCreateAnEventIn": "Waiting for you to create an event in {nodeType}",
"node.discovery.pinData.canvas": "You can pin this output instead of waiting for a test event. Open node to do so.",
"node.discovery.pinData.ndv": "You can pin this output instead of waiting for a test event.",
"nodeBase.clickToAddNodeOrDragToConnect": "Click to add node<br />or drag to connect",
"nodeBase.clickToAddNodeOrDragToConnect": "Click to add node \n or drag to connect",
"nodeCreator.actionsPlaceholderNode.scheduleTrigger": "On a Schedule",
"nodeCreator.actionsPlaceholderNode.webhook": "On a Webhook call",
"nodeCreator.actionsCategory.actions": "Actions",