2024-05-19 21:20:42 +08:00
|
|
|
<script lang="ts" setup>
|
2024-07-23 00:03:59 +08:00
|
|
|
import type { MenuRecordRaw } from '@vben/types';
|
2024-08-05 21:12:22 +08:00
|
|
|
import type { MenuProps } from '@vben-core/menu-ui';
|
2024-05-19 21:20:42 +08:00
|
|
|
|
2024-08-05 21:12:22 +08:00
|
|
|
import { Menu } from '@vben-core/menu-ui';
|
2024-05-19 21:20:42 +08:00
|
|
|
|
|
|
|
interface Props extends MenuProps {
|
2024-09-11 22:56:01 +08:00
|
|
|
menus: MenuRecordRaw[];
|
2024-05-19 21:20:42 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
2024-05-22 22:56:26 +08:00
|
|
|
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
|
2024-05-22 22:56:26 +08:00
|
|
|
: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>
|