| 提交 | 用户 | age | ||
| 2f1255 | 1 | import { MenuModeEnum } from '/@/enums/menuEnum'; |
| 2f6253 | 2 | import type { Menu as MenuType } from '/@/router/types'; |
| 74e62c | 3 | import type { MenuState } from './types'; |
| 2f6253 | 4 | import type { Ref } from 'vue'; |
| 陈 | 5 | |
| 6 | import { unref } from 'vue'; | |
| c303ec | 7 | import { getAllParentPath } from '/@/router/helper/menuHelper'; |
| 4ff6b7 | 8 | import { es6Unique } from '/@/utils'; |
| ba068b | 9 | import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'; |
| 2f6253 | 10 | |
| 陈 | 11 | export function useOpenKeys( |
| 12 | menuState: MenuState, | |
| 13 | menus: Ref<MenuType[]>, | |
| 14 | flatMenusRef: Ref<MenuType[]>, | |
| 4ff6b7 | 15 | mode: Ref<MenuModeEnum>, |
| V | 16 | accordion: Ref<boolean> |
| 2f6253 | 17 | ) { |
| ba068b | 18 | const { getCollapsed } = useMenuSetting(); |
| 74e62c | 19 | |
| 2f6253 | 20 | function setOpenKeys(menu: MenuType) { |
| 陈 | 21 | const flatMenus = unref(flatMenusRef); |
| 4ff6b7 | 22 | if (!unref(accordion)) { |
| V | 23 | menuState.openKeys = es6Unique([ |
| 24 | ...menuState.openKeys, | |
| 25 | ...getAllParentPath(flatMenus, menu.path), | |
| 26 | ]); | |
| 27 | } else { | |
| 28 | menuState.openKeys = getAllParentPath(flatMenus, menu.path); | |
| 29 | } | |
| 2f6253 | 30 | } |
| 4ff6b7 | 31 | |
| 2f6253 | 32 | /** |
| 陈 | 33 | * @description: 重置值 |
| 34 | */ | |
| 35 | function resetKeys() { | |
| 36 | menuState.selectedKeys = []; | |
| 37 | menuState.openKeys = []; | |
| 38 | } | |
| 39 | ||
| 40 | function handleOpenChange(openKeys: string[]) { | |
| 4ff6b7 | 41 | if (unref(mode) === MenuModeEnum.HORIZONTAL || !unref(accordion)) { |
| 2f1255 | 42 | menuState.openKeys = openKeys; |
| 2f6253 | 43 | } else { |
| 2f1255 | 44 | const rootSubMenuKeys: string[] = []; |
| V | 45 | for (const { children, path } of unref(menus)) { |
| 46 | if (children && children.length > 0) { | |
| 47 | rootSubMenuKeys.push(path); | |
| 48 | } | |
| 49 | } | |
| 74e62c | 50 | if (!unref(getCollapsed)) { |
| 2f1255 | 51 | const latestOpenKey = openKeys.find((key) => menuState.openKeys.indexOf(key) === -1); |
| V | 52 | if (rootSubMenuKeys.indexOf(latestOpenKey as string) === -1) { |
| 53 | menuState.openKeys = openKeys; | |
| 54 | } else { | |
| 55 | menuState.openKeys = latestOpenKey ? [latestOpenKey] : []; | |
| 56 | } | |
| 57 | } else { | |
| 58 | menuState.collapsedOpenKeys = openKeys; | |
| 59 | } | |
| 2f6253 | 60 | } |
| 陈 | 61 | } |
| 62 | return { setOpenKeys, resetKeys, handleOpenChange }; | |
| 63 | } | |
