73 lines
2.0 KiB
JavaScript
73 lines
2.0 KiB
JavaScript
import { ref } from 'vue';
|
||
import { storeToRefs } from 'pinia'
|
||
import { onLoad, onShow } from "@dcloudio/uni-app";
|
||
import routes from '@/routes';
|
||
import useAccount from '@/store/account';
|
||
import { triggerPromise } from '@/utils';
|
||
|
||
/**
|
||
* 页面校验登录hook
|
||
* hook逻辑
|
||
* 1. 根据routes配置判断当前页面是否需要登录
|
||
* 2. 如果需要登录，则判断是否已经登录，如果没有登录则跳转到登录页面
|
||
* 3. 如果已经登录，则触发onLoad事件
|
||
* 4. 如果页面需要登录，则登录成功后跳转到当前页面
|
||
* @returns
|
||
*/
|
||
|
||
export default function useGuard() {
|
||
const { account } = storeToRefs(useAccount());
|
||
const { login } = useAccount();
|
||
const { resolve, promise } = triggerPromise();
|
||
|
||
const onShowEvents = ref([]);
|
||
const options = ref({})
|
||
const onShowOptions = ref({})
|
||
|
||
function toLoginPage(options, path) {
|
||
const params = Object.keys(options).map(key => `${key}=${options[key]}`).join('&');
|
||
const redirectUrl = encodeURIComponent(`${path}?${params}`);
|
||
uni.redirectTo({
|
||
url: `/pages/login/login?redirect=${redirectUrl}`
|
||
})
|
||
}
|
||
|
||
async function useLoad(fn) {
|
||
await promise;
|
||
fn(options.value);
|
||
}
|
||
|
||
async function triggleShowEvents() {
|
||
await promise;
|
||
onShowEvents.value.forEach(fn => fn(onShowOptions.value))
|
||
}
|
||
|
||
function useShow(fn) {
|
||
onShowEvents.value.push(fn)
|
||
}
|
||
|
||
onLoad(async opts => {
|
||
options.value = { ...opts };
|
||
const pages = getCurrentPages();
|
||
const page = pages[pages.length - 1];
|
||
const route = routes.find(i => page && i.path === page.route);
|
||
const requireLogin = route && route.meta && route.meta.login;
|
||
if (requireLogin && !account.value) {
|
||
const res = await login()
|
||
if (res) {
|
||
resolve()
|
||
} else {
|
||
return toLoginPage(opts, page.route);
|
||
}
|
||
}
|
||
resolve()
|
||
})
|
||
|
||
onShow(opts => {
|
||
console.log('onShow')
|
||
onShowOptions.value = { ...opts };
|
||
triggleShowEvents()
|
||
})
|
||
|
||
return { useLoad, useShow }
|
||
} |