mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-18 02:21:13 +00:00
27e2ce0470
* feat: Added vite.js dependencies. * chore: Removed tests folder to follow same structure as design-system * chore: Removed unused testing config. * chore: Created vite.js index.html * refactor: Updated scss structure and imports. * refactor: Updated workflow building. * fix: Cleared up all workflow dependency cycles. Added proper package.json imports config. * feat: Got a working build using Vite. Need to fix issues next. * fix: Progress! Getting process.env error. * fix: Changed process.env to import.meta.env. * fix: Fixed circular imports that used require(). Fixed monaco editor. * chore: Removed commented code. * chore: Cleaned up package.json * feat: Made necessary changes to replace base path in css files. * feat: Serve CSS files for `editor-ui` Vite migration (#4069) ⚡ Serve CSS files for Vite migration * chore: Fixed package-lock.json. * fix: Fixed build after centralized tsconfig update. * fix: Removed lodash-es replacement. * fix: Commented out vitest test command. * style: Fixed linting issues. * fix: Added lodash-es hotfix back. * chore: Updated package-lock.json * refactor: Renamed all n8n scss variables to no longer be defined as private. * feat(editor): add application-wide el-button replacement. * fix(editor): Fix import in page alert after merge. * chore(editor): update package-lock.json. * fix: Case sensitive lodash-es replacement for vue-agile. * fix: add alias for lodash-es camelcase import. * fix: add patch-package support for fixing quill * feat: add patch-package on postinstall * fix: update quill patch path. * refactor: rename quill patch * fix: update quill version. * fix: update quill patch * fix: fix linting rules after installing eslint in design-system * fix: update date picker button to have primary color * test: update callout component snapshots * fix(editor): fix linting issues in editor after enabling eslint * fix(cli): add /assets/* to auth ignore endpoints in server * chore: update package-lock.json * chore: update package-lock.json * fix(editor): fix linting issues * feat: add vite-legacy support * fix: update workflow package interface imports to type imports. * chore: update package-lock.json * fix(editor) fix importing translations other than english * fix(editor): remove test command until vitest is added * fix: increase memory allocation for vite build * fix: add patch-package patches to n8n-custom docker build * fix: add performance and load time improvements * fix: add proper typing to setNodeType * chore: update package-lock.json * style: use generic type for reduce in setNodeType Co-authored-by: Iván Ovejero <ivov.src@gmail.com>
81 lines
1.5 KiB
Vue
81 lines
1.5 KiB
Vue
<template>
|
|
<el-menu
|
|
:defaultActive="defaultActive"
|
|
:collapse="collapse"
|
|
:router="router"
|
|
:class="['n8n-menu', $style[type + (light ? '-light' : '')]]"
|
|
v-on="$listeners"
|
|
>
|
|
<slot></slot>
|
|
</el-menu>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import ElMenu from 'element-ui/lib/menu';
|
|
|
|
import Vue from 'vue';
|
|
|
|
export default Vue.extend({
|
|
name: 'n8n-menu',
|
|
props: {
|
|
type: {
|
|
type: String,
|
|
default: 'primary',
|
|
validator: (value: string): boolean => ['primary', 'secondary'].includes(value),
|
|
},
|
|
defaultActive: {
|
|
type: String,
|
|
},
|
|
collapse: {
|
|
type: Boolean,
|
|
},
|
|
light: {
|
|
type: Boolean,
|
|
},
|
|
router: {
|
|
type: Boolean,
|
|
},
|
|
},
|
|
components: {
|
|
ElMenu, // eslint-disable-line @typescript-eslint/no-unsafe-assignment
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
.menu {
|
|
max-width: 200px;
|
|
}
|
|
|
|
.primary {
|
|
composes: menu;
|
|
--menu-item-hover-font-color: var(--color-primary);
|
|
}
|
|
|
|
.secondary {
|
|
composes: menu;
|
|
--menu-font-color: var(--color-text-base);
|
|
--menu-item-font-weight: var(--font-weight-regular);
|
|
--menu-background-color: transparent;
|
|
--menu-item-active-font-color: var(--color-text-dark);
|
|
--menu-item-active-background-color: var(--color-foreground-base);
|
|
--menu-item-hover-font-color: var(--color-primary);
|
|
--menu-item-border-radius: 4px;
|
|
--menu-item-height: 38px;
|
|
|
|
li {
|
|
padding-left: 12px !important;
|
|
}
|
|
}
|
|
|
|
.secondary-light {
|
|
composes: secondary;
|
|
--menu-item-active-background-color: hsl(
|
|
var(--color-foreground-base-h),
|
|
var(--color-foreground-base-s),
|
|
var(--color-foreground-base-l),
|
|
0.7
|
|
);
|
|
}
|
|
</style>
|