admin-vben5/packages/effects/layouts/src/basic/menu/menu.vue

38 lines
762 B
Vue
Raw Normal View History

2024-05-19 21:20:42 +08:00
<script lang="ts" setup>
import type { MenuRecordRaw } from '@vben/types';
import type { MenuProps } from '@vben-core/menu-ui';
2024-05-19 21:20:42 +08:00
import { Menu } from '@vben-core/menu-ui';
2024-05-19 21:20:42 +08:00
interface Props extends MenuProps {
menus: MenuRecordRaw[];
2024-05-19 21:20:42 +08:00
}
const props = withDefaults(defineProps<Props>(), {
accordion: true,
2024-05-19 21:20:42 +08:00
menus: () => [],
});
const emit = defineEmits<{
select: [string, string?];
}>();
function handleMenuSelect(key: string) {
emit('select', key, props.mode);
}
</script>
<template>
<Menu
:accordion="accordion"
2024-06-09 13:31:43 +08:00
:collapse="collapse"
:collapse-show-title="collapseShowTitle"
2024-05-19 21:20:42 +08:00
:default-active="defaultActive"
:menus="menus"
:mode="mode"
2024-06-09 13:31:43 +08:00
:rounded="rounded"
:theme="theme"
2024-05-19 21:20:42 +08:00
@select="handleMenuSelect"
/>
</template>