refactor(design-system): replace functional components (#3802)

* update creator item

* update warning tooltip

* update badge and trigger icon

* update action box

* update avatar component

* update badge

* update heading component

* update icon component

* update link component

* update menu

* update route component

* fix avatar bug

* fix avatar bug

* update input component

* update select

* update input

* update tags component

* update spinner

* update square button

* update tag component

* update text component

* add danger color

* add vue.extend

* add human readable names

* add human readable name

* revert button changes

* update name

* revert name

* update classes

* delete unused component

* redo name change

* rename

* rename back

* rename back

* update snapshots
This commit is contained in:
Mutasem Aldmour
2022-08-05 15:03:24 +02:00
committed by GitHub
parent f151a8ad4a
commit 60da5bb7ec
40 changed files with 486 additions and 307 deletions

View File

@@ -1,15 +1,16 @@
<template functional>
<component :is="$options.components.N8nRoute" :to="props.to" :newWindow="props.newWindow"
@click="listeners.click"
<template>
<n8n-route :to="to" :newWindow="newWindow"
v-on="$listeners"
class="n8n-link"
>
<span
:class="$style[`${props.underline ? `${props.theme}-underline` : props.theme}`]"
:class="$style[`${underline ? `${theme}-underline` : theme}`]"
>
<component :is="$options.components.N8nText" :size="props.size" :bold="props.bold">
<n8n-text :size="size" :bold="bold">
<slot></slot>
</component>
</n8n-text>
</span>
</component>
</n8n-route>
</template>
<script lang="ts">
@@ -17,7 +18,9 @@ import Vue from 'vue';
import N8nText from '../N8nText';
import N8nRoute from '../N8nRoute';
export default {
import Vue from 'vue';
export default Vue.extend({
name: 'n8n-link',
props: {
size: {
@@ -49,7 +52,7 @@ export default {
N8nText,
N8nRoute,
},
};
});
</script>
<style lang="scss" module>