admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-19 02:51:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): Improve linting for component and prop names (no-changelog) (#8169)

Browse Source
This commit is contained in:
कारतोफ्फेलस्क्रिप्ट™
2023-12-28 09:49:58 +01:00
committed by GitHub
parent 639afcd7a5
commit 68cff4c59e
304 changed files with 3428 additions and 3516 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
packages/design-system/src/components/N8nMenu/Menu.vue
View File

@@ -15,33 +15,33 @@
<div v-if="$slots.menuPrefix" :class="$style.menuPrefix">
<slot name="menuPrefix"></slot>
</div>
<el-menu :defaultActive="defaultActive" :collapse="collapsed">
<n8n-menu-item
<ElMenu :default-active="defaultActive" :collapse="collapsed">
<N8nMenuItem
v-for="item in upperMenuItems"
:key="item.id"
:item="item"
:compact="collapsed"
:tooltipDelay="tooltipDelay"
:tooltip-delay="tooltipDelay"
:mode="mode"
:activeTab="activeTab"
:active-tab="activeTab"
:handle-select="onSelect"
/>
</el-menu>
</ElMenu>
</div>
<div :class="[$style.lowerContent, 'pb-2xs']">
<slot name="beforeLowerMenu"></slot>
<el-menu :defaultActive="defaultActive" :collapse="collapsed">
<n8n-menu-item
<ElMenu :default-active="defaultActive" :collapse="collapsed">
<N8nMenuItem
v-for="item in lowerMenuItems"
:key="item.id"
:item="item"
:compact="collapsed"
:tooltipDelay="tooltipDelay"
:tooltip-delay="tooltipDelay"
:mode="mode"
:activeTab="activeTab"
:active-tab="activeTab"
:handle-select="onSelect"
/>
</el-menu>
</ElMenu>
<div v-if="$slots.menuSuffix" :class="$style.menuSuffix">
<slot name="menuSuffix"></slot>
</div>
@@ -61,16 +61,11 @@ import { defineComponent } from 'vue';
import type { IMenuItem, RouteObject } from '../../types';
export default defineComponent({
name: 'n8n-menu',
name: 'N8nMenu',
components: {
ElMenu,
N8nMenuItem,
},
data() {
return {
activeTab: this.value,
};
},
props: {
type: {
type: String,
@@ -106,22 +101,10 @@ export default defineComponent({
default: '',
},
},
mounted() {
if (this.mode === 'router') {
const found = this.items.find((item) => {
return (
(Array.isArray(item.activateOnRouteNames) &&
item.activateOnRouteNames.includes(this.currentRoute.name || '')) ||
(Array.isArray(item.activateOnRoutePaths) &&
item.activateOnRoutePaths.includes(this.currentRoute.path))
);
});
this.activeTab = found ? found.id : '';
} else {
this.activeTab = this.items.length > 0 ? this.items[0].id : '';
}
this.$emit('update:modelValue', this.activeTab);
data() {
return {
activeTab: this.value,
};
},
computed: {
upperMenuItems(): IMenuItem[] {
@@ -143,6 +126,23 @@ export default defineComponent({
);
},
},
mounted() {
if (this.mode === 'router') {
const found = this.items.find((item) => {
return (
(Array.isArray(item.activateOnRouteNames) &&
item.activateOnRouteNames.includes(this.currentRoute.name || '')) ||
(Array.isArray(item.activateOnRoutePaths) &&
item.activateOnRoutePaths.includes(this.currentRoute.path))
);
});
this.activeTab = found ? found.id : '';
} else {
this.activeTab = this.items.length > 0 ? this.items[0].id : '';
}
this.$emit('update:modelValue', this.activeTab);
},
methods: {
onSelect(item: IMenuItem): void {
if (item && item.type === 'link' && item.properties) {