108 lines
2.3 KiB
TypeScript
108 lines
2.3 KiB
TypeScript
import { useRouter } from 'vue-router';
|
|
import type { RouteLocationRaw } from 'vue-router';
|
|
import type { RouteKey } from '@elegant-router/types';
|
|
import { router as globalRouter } from '@/router';
|
|
|
|
/**
|
|
* Router push
|
|
*
|
|
* Jump to the specified route, it can replace function router.push
|
|
*
|
|
* @param inSetup Whether is in vue script setup
|
|
*/
|
|
export function useRouterPush(inSetup = true) {
|
|
const router = inSetup ? useRouter() : globalRouter;
|
|
const route = globalRouter.currentRoute;
|
|
|
|
const routerPush = router.push;
|
|
|
|
const routerBack = router.back;
|
|
|
|
interface RouterPushOptions {
|
|
query?: Record<string, string>;
|
|
params?: Record<string, string>;
|
|
state?: Record<string, string | number>;
|
|
}
|
|
|
|
async function routerPushByKey(key: RouteKey, options?: RouterPushOptions) {
|
|
const { query, params, state } = options || {};
|
|
|
|
const routeLocation: RouteLocationRaw = {
|
|
name: key
|
|
};
|
|
|
|
if (query) {
|
|
routeLocation.query = query;
|
|
}
|
|
|
|
if (params) {
|
|
routeLocation.params = params;
|
|
}
|
|
|
|
if (state) {
|
|
routeLocation.state = state;
|
|
}
|
|
|
|
return routerPush(routeLocation);
|
|
}
|
|
|
|
async function toHome() {
|
|
return routerPushByKey('root');
|
|
}
|
|
|
|
/**
|
|
* Navigate to login page
|
|
*
|
|
* @param loginModule The login module
|
|
* @param redirectUrl The redirect url, if not specified, it will be the current route fullPath
|
|
*/
|
|
async function toLogin(loginModule?: UnionKey.LoginModule, redirectUrl?: string) {
|
|
const module = loginModule || 'pwd-login';
|
|
|
|
const options: RouterPushOptions = {
|
|
params: {
|
|
module
|
|
}
|
|
};
|
|
|
|
const redirect = redirectUrl || route.value.fullPath;
|
|
|
|
options.query = {
|
|
redirect
|
|
};
|
|
|
|
return routerPushByKey('login', options);
|
|
}
|
|
|
|
/**
|
|
* Toggle login module
|
|
*
|
|
* @param module
|
|
*/
|
|
async function toggleLoginModule(module: UnionKey.LoginModule) {
|
|
const query = route.value.query as Record<string, string>;
|
|
|
|
return routerPushByKey('login', { query, params: { module } });
|
|
}
|
|
|
|
/** Redirect from login */
|
|
async function redirectFromLogin() {
|
|
const redirect = route.value.query?.redirect as string;
|
|
|
|
if (redirect) {
|
|
routerPush(redirect);
|
|
} else {
|
|
toHome();
|
|
}
|
|
}
|
|
|
|
return {
|
|
routerPush,
|
|
routerBack,
|
|
routerPushByKey,
|
|
toLogin,
|
|
toggleLoginModule,
|
|
redirectFromLogin
|
|
};
|
|
}
|