32 lines
820 B
Vue
32 lines
820 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import type { AdminNavigationNode } from '@/navigation/adminNavigation'
|
|
import AdminSidebarMenuNode from './AdminSidebarMenuNode.vue'
|
|
|
|
const props = defineProps<{
|
|
items: AdminNavigationNode[]
|
|
activePath: string
|
|
collapsed: boolean
|
|
}>()
|
|
|
|
function getGroupKeys(nodes: AdminNavigationNode[]): string[] {
|
|
return nodes.flatMap((node) => node.children?.length
|
|
? [node.key, ...getGroupKeys(node.children)]
|
|
: [])
|
|
}
|
|
|
|
const defaultOpeneds = computed(() => getGroupKeys(props.items))
|
|
</script>
|
|
|
|
<template>
|
|
<el-menu
|
|
class="side-nav-menu"
|
|
:default-active="activePath"
|
|
:collapse="collapsed"
|
|
:default-openeds="defaultOpeneds"
|
|
router
|
|
>
|
|
<AdminSidebarMenuNode v-for="item in items" :key="item.key" :node="item" />
|
|
</el-menu>
|
|
</template>
|