111 lines
3.7 KiB
TypeScript
111 lines
3.7 KiB
TypeScript
|
import pagesJson from '@/pages.json'
|
|||
|
|
|||
|
console.log(pagesJson)
|
|||
|
|
|||
|
/** 判断当前页面是否是tabbar页 */
|
|||
|
export const getIsTabbar = () => {
|
|||
|
if (!Object.keys(pagesJson).includes('tabBar')) {
|
|||
|
return false
|
|||
|
}
|
|||
|
const pages = getCurrentPages()
|
|||
|
const currPath = pages.at(-1).route
|
|||
|
return !!pagesJson.tabBar.list.find((e) => e.pagePath === currPath)
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 获取当前页面路由的 path 路劲和 redirectPath 路径
|
|||
|
* path 如 ‘/pages/login/index’
|
|||
|
* redirectPath 如 ‘/pages/demo/base/route-interceptor’
|
|||
|
*/
|
|||
|
export const currRoute = () => {
|
|||
|
const pages = getCurrentPages()
|
|||
|
console.log('pages:', pages)
|
|||
|
const currRoute = (pages.at(-1) as any).$page
|
|||
|
// console.log('lastPage.$page:', currRoute)
|
|||
|
// console.log('lastPage.$page.fullpath:', currRoute.fullPath)
|
|||
|
// console.log('lastPage.$page.options:', currRoute.options)
|
|||
|
// console.log('lastPage.options:', (pages.at(-1) as any).options)
|
|||
|
// 经过多端测试,只有 fullPath 靠谱,其他都不靠谱
|
|||
|
const { fullPath } = currRoute as { fullPath: string }
|
|||
|
console.log(fullPath)
|
|||
|
// eg: /pages/login/index?redirect=%2Fpages%2Fdemo%2Fbase%2Froute-interceptor (小程序)
|
|||
|
// eg: /pages/login/index?redirect=%2Fpages%2Froute-interceptor%2Findex%3Fname%3Dfeige%26age%3D30(h5)
|
|||
|
return getUrlObj(fullPath)
|
|||
|
}
|
|||
|
|
|||
|
const ensureDecodeURIComponent = (url: string) => {
|
|||
|
if (url.startsWith('%')) {
|
|||
|
return ensureDecodeURIComponent(decodeURIComponent(url))
|
|||
|
}
|
|||
|
return url
|
|||
|
}
|
|||
|
/**
|
|||
|
* 解析 url 得到 path 和 query
|
|||
|
* 比如输入url: /pages/login/index?redirect=%2Fpages%2Fdemo%2Fbase%2Froute-interceptor
|
|||
|
* 输出: {path: /pages/login/index, query: {redirect: /pages/demo/base/route-interceptor}}
|
|||
|
*/
|
|||
|
export const getUrlObj = (url: string) => {
|
|||
|
const [path, queryStr] = url.split('?')
|
|||
|
console.log(path, queryStr)
|
|||
|
|
|||
|
const query: Record<string, string> = {}
|
|||
|
queryStr.split('&').forEach((item) => {
|
|||
|
const [key, value] = item.split('=')
|
|||
|
console.log(key, value)
|
|||
|
query[key] = ensureDecodeURIComponent(value) // 这里需要统一 decodeURIComponent 一下,可以兼容h5和微信y
|
|||
|
})
|
|||
|
return { path, query }
|
|||
|
}
|
|||
|
/**
|
|||
|
* 得到所有的需要登录的pages,包括主包和分包的
|
|||
|
* 这里设计得通用一点,可以传递key作为判断依据,默认是 needLogin, 与 route-block 配对使用
|
|||
|
* 如果没有传 key,则表示所有的pages,如果传递了 key, 则表示通过 key 过滤
|
|||
|
*/
|
|||
|
export const getAllPages = (key = 'needLogin') => {
|
|||
|
// 这里处理主包
|
|||
|
const pages = [
|
|||
|
...pagesJson.pages
|
|||
|
.filter((page) => !key || page[key])
|
|||
|
.map((page) => ({
|
|||
|
...page,
|
|||
|
path: `/${page.path}`,
|
|||
|
})),
|
|||
|
]
|
|||
|
// 这里处理分包
|
|||
|
const subPages: any[] = []
|
|||
|
pagesJson.subPackages.forEach((subPageObj) => {
|
|||
|
// console.log(subPageObj)
|
|||
|
const { root } = subPageObj
|
|||
|
|
|||
|
subPageObj.pages
|
|||
|
.filter((page) => !key || page[key])
|
|||
|
.forEach((page: { path: string } & Record<string, any>) => {
|
|||
|
subPages.push({
|
|||
|
...page,
|
|||
|
path: `/${root}/${page.path}`,
|
|||
|
})
|
|||
|
})
|
|||
|
})
|
|||
|
const result = [...pages, ...subPages]
|
|||
|
console.log(`getAllPages by ${key} result: `, result)
|
|||
|
return result
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 得到所有的需要登录的pages,包括主包和分包的
|
|||
|
* 只得到 path 数组
|
|||
|
*/
|
|||
|
export const getNeedLoginPages = (): string[] => getAllPages('needLogin').map((page) => page.path)
|
|||
|
|
|||
|
/**
|
|||
|
* 得到所有的需要登录的pages,包括主包和分包的
|
|||
|
* 只得到 path 数组
|
|||
|
*/
|
|||
|
export const needLoginPages: string[] = getAllPages('needLogin').map((page) => page.path)
|
|||
|
|
|||
|
export const getArrElementByIdx = (arr: any[], index: number) => {
|
|||
|
if (index < 0) return arr[arr.length + index]
|
|||
|
if (index >= arr.length) return undefined
|
|||
|
return arr[index]
|
|||
|
}
|