29 lines
733 B
Vue
29 lines
733 B
Vue
|
<script setup lang="ts">
|
||
|
|
import FirstLevelMenu from './first-level-menu.vue';
|
||
|
|
import { useMixMenuContext } from '../../hooks/use-mix-menu';
|
||
|
|
import { useRouterPush } from '@/hooks/common/router';
|
||
|
|
|
||
|
|
defineOptions({
|
||
|
|
name: 'HorizontalMixMenu'
|
||
|
|
});
|
||
|
|
|
||
|
|
const { activeFirstLevelMenuKey, setActiveFirstLevelMenuKey } = useMixMenuContext();
|
||
|
|
const { routerPushByKey } = useRouterPush();
|
||
|
|
|
||
|
|
function handleSelectMixMenu(menu: App.Global.Menu) {
|
||
|
|
setActiveFirstLevelMenuKey(menu.key);
|
||
|
|
|
||
|
|
if (!menu.children?.length) {
|
||
|
|
routerPushByKey(menu.routeKey);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<FirstLevelMenu :active-menu-key="activeFirstLevelMenuKey" @select="handleSelectMixMenu">
|
||
|
|
<slot></slot>
|
||
|
|
</FirstLevelMenu>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|