blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-05 03:05:07 +08:00
Code Issues Projects Releases Wiki Activity

fix: 受控模式优化 (#262)

Browse Source
This commit is contained in:
qlin 2024-11-28 11:48:59 +08:00 committed by GitHub
parent 7c01ee979e
commit 4d28a09c85
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/fes-plugin-layout/src/runtime/views/Menu.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<FMenu <FMenu
v-model:expandedKeys="expandedKeysRef" v-model:expanded-keys="expandedKeysRef"
:model-value="activePath" v-model="activeMenu"
:inverted="inverted" :inverted="inverted"
:mode="mode" :mode="mode"
:options="transformedMenus" :options="transformedMenus"
@ -12,9 +12,9 @@
</template> </template>
<script> <script>
import { computed, h, ref, watch } from 'vue';
import { FMenu } from '@fesjs/fes-design';
import { useRoute, useRouter } from '@@/core/coreExports'; import { useRoute, useRouter } from '@@/core/coreExports';
import { FMenu } from '@fesjs/fes-design';
import { computed, h, nextTick, ref, watch } from 'vue';
import { transform as transformByAccess } from '../helpers/pluginAccess'; import { transform as transformByAccess } from '../helpers/pluginAccess';
import { transform as transformByLocale } from '../helpers/pluginLocale'; import { transform as transformByLocale } from '../helpers/pluginLocale';
import { flatNodes } from '../helpers/utils'; import { flatNodes } from '../helpers/utils';
@ -79,6 +79,7 @@ export default {
const router = useRouter(); const router = useRouter();
const transformedMenus = computed(() => transformByLocale(transformByAccess(transform(props.menus)))); const transformedMenus = computed(() => transformByLocale(transformByAccess(transform(props.menus))));
const menuArray = computed(() => flatNodes(transformedMenus.value)); const menuArray = computed(() => flatNodes(transformedMenus.value));
const activePath = computed(() => { const activePath = computed(() => {
const matchMenus = menuArray.value.filter((menu) => { const matchMenus = menuArray.value.filter((menu) => {
const match = menu.match; const match = menu.match;
@ -96,6 +97,12 @@ export default {
return matchMenus[0].path; return matchMenus[0].path;
}); });
const activeMenu = ref(activePath.value);
watch(activePath, () => {
activeMenu.value = activePath.value;
});
const expandedKeysRef = ref(props.expandedKeys); const expandedKeysRef = ref(props.expandedKeys);
watch( watch(
@ -132,9 +139,17 @@ export default {
query: currentMenu?.query || {}, query: currentMenu?.query || {},
params: currentMenu?.params || {}, params: currentMenu?.params || {},
}); });
// TODO 有受控模式之后优化
nextTick(() => {
activeMenu.value = activePath.value;
});
window.open(resolved.href, '_blank'); window.open(resolved.href, '_blank');
} }
else if (/^https?:\/\//.test(path)) { else if (/^https?:\/\//.test(path)) {
// TODO 有受控模式之后优化
nextTick(() => {
activeMenu.value = activePath.value;
});
window.open(path, '_blank'); window.open(path, '_blank');
} }
else if (/^\//.test(path)) { else if (/^\//.test(path)) {
@ -150,6 +165,7 @@ export default {
}; };
return { return {
activeMenu,
activePath, activePath,
expandedKeysRef, expandedKeysRef,
transformedMenus, transformedMenus,