38 lines
789 B
Vue
38 lines
789 B
Vue
|
<script setup lang="ts">
|
||
|
|
import type { MenuRecordRaw } from '@vben-core/typings';
|
||
|
|
|
||
|
|
import { useForwardProps } from '@vben-core/shadcn-ui';
|
||
|
|
|
||
|
|
import { Menu } from './components';
|
||
|
|
import { MenuProps } from './interface';
|
||
|
|
import SubMenu from './sub-menu.vue';
|
||
|
|
|
||
|
|
interface Props extends MenuProps {
|
||
|
|
menus: MenuRecordRaw[];
|
||
|
|
}
|
||
|
|
|
||
|
|
defineOptions({
|
||
|
|
name: 'MenuView',
|
||
|
|
});
|
||
|
|
|
||
|
|
const props = withDefaults(defineProps<Props>(), {
|
||
|
|
collapse: false,
|
||
|
|
// theme: 'dark',
|
||
|
|
});
|
||
|
|
|
||
|
|
const forward = useForwardProps(props);
|
||
|
|
|
||
|
|
// const emit = defineEmits<{
|
||
|
|
// 'update:openKeys': [key: Key[]];
|
||
|
|
// 'update:selectedKeys': [key: Key[]];
|
||
|
|
// }>();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<Menu v-bind="forward">
|
||
|
|
<template v-for="menu in menus" :key="menu.path">
|
||
|
|
<SubMenu :menu="menu" />
|
||
|
|
</template>
|
||
|
|
</Menu>
|
||
|
|
</template>
|