github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-27 16:15:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tree): fix tree style (#99)

Browse Source
This commit is contained in:
vben
2020-11-26 22:46:37 +08:00
parent 73c8e0c158
commit e8ccdc7f34
12 changed files with 227 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/layouts/default/menu/useLayoutMenu.ts
View File

@@ -17,10 +17,10 @@ import {
getShallowMenus,
} from '/@/router/menus';
import { permissionStore } from '/@/store/modules/permission';
import { useI18n } from '/@/hooks/web/useI18n';
import { cloneDeep } from 'lodash-es';
// import { useI18n } from '/@/hooks/web/useI18n';
// import { cloneDeep } from 'lodash-es';
const { t } = useI18n();
// const { t } = useI18n();
export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
// Menu array
const menusRef = ref<Menu[]>([]);
@@ -45,13 +45,13 @@ export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
return unref(splitType) === MenuSplitTyeEnum.NONE || !unref(getSplit);
});
const getI18nFlatMenus = computed(() => {
return setI18nName(flatMenusRef.value, true, false);
});
// const getI18nFlatMenus = computed(() => {
// return setI18nName(flatMenusRef.value, true, false);
// });
const getI18nMenus = computed(() => {
return setI18nName(menusRef.value, true, true);
});
// const getI18nMenus = computed(() => {
// return setI18nName(menusRef.value, true, true);
// });
watch(
[() => unref(currentRoute).path, () => unref(splitType)],
@@ -83,17 +83,19 @@ export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
genMenus();
});
function setI18nName(list: Menu[], clone = false, deep = true) {
const menus = clone ? cloneDeep(list) : list;
menus.forEach((item) => {
if (!item.name.includes('.')) return;
item.name = t(item.name);
if (item.children && deep) {
setI18nName(item.children, false, deep);
}
});
return menus;
}
// function setI18nName(list: Menu[], clone = false, deep = true) {
// const menus = clone ? cloneDeep(list) : list;
// const arr: Menu[] = [];
// menus.forEach((item) => {
// if (!item.name.includes('.')) return;
// item.name = t(item.name);
// if (item.children && deep) {
// setI18nName(item.children, false, deep);
// }
// });
// return menus;
// }
// Handle left menu split
async function handleSplitLeftMenu(parentPath: string) {
@@ -133,5 +135,5 @@ export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
}
}
return { flatMenusRef: getI18nFlatMenus, menusRef: getI18nMenus };
return { flatMenusRef, menusRef };
}