2025-01-01 11:39:49 +08:00
|
|
|
import type { RouteRecordNormalized } from 'vue-router';
|
|
|
|
|
|
|
|
import { useRouter } from 'vue-router';
|
2024-05-21 21:45:48 +08:00
|
|
|
|
2024-10-22 22:24:56 +08:00
|
|
|
import { isHttpUrl, openRouteInNewWindow, openWindow } from '@vben/utils';
|
2024-06-08 19:49:06 +08:00
|
|
|
|
2024-05-21 21:45:48 +08:00
|
|
|
function useNavigation() {
|
|
|
|
const router = useRouter();
|
2024-10-22 22:24:56 +08:00
|
|
|
const routeMetaMap = new Map<string, RouteRecordNormalized>();
|
2024-10-19 19:50:23 +08:00
|
|
|
|
2025-05-03 18:05:26 +08:00
|
|
|
// 初始化路由映射
|
|
|
|
const initRouteMetaMap = () => {
|
|
|
|
const routes = router.getRoutes();
|
|
|
|
routes.forEach((route) => {
|
|
|
|
routeMetaMap.set(route.path, route);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
initRouteMetaMap();
|
|
|
|
|
|
|
|
// 监听路由变化
|
|
|
|
router.afterEach(() => {
|
|
|
|
initRouteMetaMap();
|
2024-10-19 19:50:23 +08:00
|
|
|
});
|
2024-05-21 21:45:48 +08:00
|
|
|
|
2025-05-03 18:05:26 +08:00
|
|
|
// 检查是否应该在新窗口打开
|
|
|
|
const shouldOpenInNewWindow = (path: string): boolean => {
|
2024-05-21 21:45:48 +08:00
|
|
|
if (isHttpUrl(path)) {
|
2025-05-03 18:05:26 +08:00
|
|
|
return true;
|
2024-05-21 21:45:48 +08:00
|
|
|
}
|
2025-05-03 18:05:26 +08:00
|
|
|
const route = routeMetaMap.get(path);
|
|
|
|
return route?.meta?.openInNewWindow ?? false;
|
2024-05-21 21:45:48 +08:00
|
|
|
};
|
|
|
|
|
2025-05-03 18:05:26 +08:00
|
|
|
const navigation = async (path: string) => {
|
|
|
|
try {
|
|
|
|
const route = routeMetaMap.get(path);
|
|
|
|
const { openInNewWindow = false, query = {} } = route?.meta ?? {};
|
|
|
|
|
|
|
|
if (isHttpUrl(path)) {
|
|
|
|
openWindow(path, { target: '_blank' });
|
|
|
|
} else if (openInNewWindow) {
|
|
|
|
openRouteInNewWindow(path);
|
|
|
|
} else {
|
|
|
|
await router.push({
|
|
|
|
path,
|
|
|
|
query,
|
|
|
|
});
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
console.error('Navigation failed:', error);
|
|
|
|
throw error;
|
2025-04-05 11:04:59 +08:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2025-05-03 18:05:26 +08:00
|
|
|
const willOpenedByWindow = (path: string) => {
|
|
|
|
return shouldOpenInNewWindow(path);
|
|
|
|
};
|
|
|
|
|
2025-04-05 11:04:59 +08:00
|
|
|
return { navigation, willOpenedByWindow };
|
2024-05-21 21:45:48 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
export { useNavigation };
|