117 lines
2.7 KiB
TypeScript
117 lines
2.7 KiB
TypeScript
|
|
import type { RouteKey } from '@elegant-router/types'
|
||
|
|
import type { RouteLocationRaw } from 'vue-router'
|
||
|
|
import { useRouter } from 'vue-router'
|
||
|
|
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
|
||
|
|
|
||
|
|
async function routerPushByKey(key: RouteKey, options?: App.Global.RouterPushOptions) {
|
||
|
|
const { query, params } = options || {}
|
||
|
|
|
||
|
|
const routeLocation: RouteLocationRaw = {
|
||
|
|
name: key,
|
||
|
|
}
|
||
|
|
|
||
|
|
if (Object.keys(query || {}).length) {
|
||
|
|
routeLocation.query = query
|
||
|
|
}
|
||
|
|
|
||
|
|
if (Object.keys(params || {}).length) {
|
||
|
|
routeLocation.params = params
|
||
|
|
}
|
||
|
|
|
||
|
|
return routerPush(routeLocation)
|
||
|
|
}
|
||
|
|
|
||
|
|
function routerPushByKeyWithMetaQuery(key: RouteKey) {
|
||
|
|
const allRoutes = router.getRoutes()
|
||
|
|
const meta = allRoutes.find(item => item.name === key)?.meta || null
|
||
|
|
|
||
|
|
const query: Record<string, string> = {}
|
||
|
|
|
||
|
|
meta?.query?.forEach((item) => {
|
||
|
|
query[item.key] = item.value
|
||
|
|
})
|
||
|
|
|
||
|
|
return routerPushByKey(key, { query })
|
||
|
|
}
|
||
|
|
|
||
|
|
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: App.Global.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
|
||
|
|
*
|
||
|
|
* @param [needRedirect] Whether to redirect after login. Default is `true`
|
||
|
|
*/
|
||
|
|
async function redirectFromLogin(needRedirect = true) {
|
||
|
|
const redirect = route.value.query?.redirect as string
|
||
|
|
|
||
|
|
if (needRedirect && redirect) {
|
||
|
|
await routerPush(redirect)
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
await toHome()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
routerPush,
|
||
|
|
routerBack,
|
||
|
|
routerPushByKey,
|
||
|
|
routerPushByKeyWithMetaQuery,
|
||
|
|
toLogin,
|
||
|
|
toggleLoginModule,
|
||
|
|
redirectFromLogin,
|
||
|
|
}
|
||
|
|
}
|