244 lines
7.8 KiB
TypeScript
244 lines
7.8 KiB
TypeScript
|
import type { PageMetaDatum, SubPackages } from '@uni-helper/vite-plugin-uni-pages'
|
|||
|
|
import { isMpWeixin } from '@uni-helper/uni-env'
|
|||
|
|
import { pages, subPackages } from '@/pages.json'
|
|||
|
|
import { isPageTabbar } from '@/tabbar/store'
|
|||
|
|
|
|||
|
|
export type PageInstance = Page.PageInstance<AnyObject, object> & { $page: Page.PageInstance<AnyObject, object> & { fullPath: string } }
|
|||
|
|
|
|||
|
|
export function getLastPage() {
|
|||
|
|
// getCurrentPages() 至少有1个元素，所以不再额外判断
|
|||
|
|
// const lastPage = getCurrentPages().at(-1)
|
|||
|
|
// 上面那个在低版本安卓中打包会报错，所以改用下面这个【虽然我加了 src/interceptions/prototype.ts，但依然报错】
|
|||
|
|
const pages = getCurrentPages()
|
|||
|
|
return pages[pages.length - 1] as PageInstance
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 获取当前页面路由的 path 路径和 redirectPath 路径
|
|||
|
|
* path 如 '/pages/login/login'
|
|||
|
|
* redirectPath 如 '/pages/demo/base/route-interceptor'
|
|||
|
|
*/
|
|||
|
|
export function currRoute() {
|
|||
|
|
const lastPage = getLastPage() as PageInstance
|
|||
|
|
if (!lastPage) {
|
|||
|
|
return {
|
|||
|
|
path: '',
|
|||
|
|
query: {},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
const currRoute = lastPage.$page
|
|||
|
|
// console.log('lastPage.$page:', currRoute)
|
|||
|
|
// console.log('lastPage.$page.fullpath:', currRoute.fullPath)
|
|||
|
|
// console.log('lastPage.$page.options:', currRoute.options)
|
|||
|
|
// console.log('lastPage.options:', (lastPage as any).options)
|
|||
|
|
// 经过多端测试，只有 fullPath 靠谱，其他都不靠谱
|
|||
|
|
const { fullPath } = currRoute
|
|||
|
|
// console.log(fullPath)
|
|||
|
|
// eg: /pages/login/login?redirect=%2Fpages%2Fdemo%2Fbase%2Froute-interceptor (小程序)
|
|||
|
|
// eg: /pages/login/login?redirect=%2Fpages%2Froute-interceptor%2Findex%3Fname%3Dfeige%26age%3D30(h5)
|
|||
|
|
return parseUrlToObj(fullPath)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function ensureDecodeURIComponent(url: string) {
|
|||
|
|
if (url.startsWith('%')) {
|
|||
|
|
return ensureDecodeURIComponent(decodeURIComponent(url))
|
|||
|
|
}
|
|||
|
|
return url
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 解析 url 得到 path 和 query
|
|||
|
|
* 比如输入url: /pages/login/login?redirect=%2Fpages%2Fdemo%2Fbase%2Froute-interceptor
|
|||
|
|
* 输出: {path: /pages/login/login, query: {redirect: /pages/demo/base/route-interceptor}}
|
|||
|
|
*/
|
|||
|
|
export function parseUrlToObj(url: string) {
|
|||
|
|
const [path, queryStr] = url.split('?')
|
|||
|
|
// console.log(path, queryStr)
|
|||
|
|
|
|||
|
|
if (!queryStr) {
|
|||
|
|
return {
|
|||
|
|
path,
|
|||
|
|
query: {},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
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 作为判断依据，默认是 excludeLoginPath, 与 route-block 配对使用
|
|||
|
|
* 如果没有传 key，则表示所有的 pages，如果传递了 key, 则表示通过 key 过滤
|
|||
|
|
*/
|
|||
|
|
export function getAllPages(key?: string) {
|
|||
|
|
// 这里处理主包
|
|||
|
|
const mainPages = (pages as PageMetaDatum[])
|
|||
|
|
.filter(page => !key || page[key])
|
|||
|
|
.map(page => ({
|
|||
|
|
...page,
|
|||
|
|
path: `/${page.path}`,
|
|||
|
|
}))
|
|||
|
|
|
|||
|
|
// 这里处理分包
|
|||
|
|
const subPages: PageMetaDatum[] = []
|
|||
|
|
;(subPackages as SubPackages).forEach((subPageObj) => {
|
|||
|
|
// console.log(subPageObj)
|
|||
|
|
const { root } = subPageObj
|
|||
|
|
|
|||
|
|
subPageObj.pages
|
|||
|
|
.filter(page => !key || page[key])
|
|||
|
|
.forEach((page) => {
|
|||
|
|
subPages.push({
|
|||
|
|
...page,
|
|||
|
|
path: `/${root}/${page.path}`,
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
const result = [...mainPages, ...subPages]
|
|||
|
|
// console.log(`getAllPages by ${key} result: `, result)
|
|||
|
|
return result
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function getCurrentPageI18nKey() {
|
|||
|
|
const routeObj = currRoute()
|
|||
|
|
const currPage = (pages as PageMetaDatum[]).find(page => `/${page.path}` === routeObj.path)
|
|||
|
|
if (!currPage) {
|
|||
|
|
console.warn('路由不正确')
|
|||
|
|
return ''
|
|||
|
|
}
|
|||
|
|
console.log(currPage)
|
|||
|
|
console.log(currPage.style.navigationBarTitleText)
|
|||
|
|
return currPage.style?.navigationBarTitleText || ''
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 根据微信小程序当前环境，判断应该获取的 baseUrl
|
|||
|
|
*/
|
|||
|
|
export function getEnvBaseUrl() {
|
|||
|
|
// 请求基准地址
|
|||
|
|
let baseUrl = import.meta.env.VITE_SERVER_BASEURL
|
|||
|
|
|
|||
|
|
// # 有些同学可能需要在微信小程序里面根据 develop、trial、release 分别设置上传地址，参考代码如下。
|
|||
|
|
// TODO @芋艿：这个后续也要调整。
|
|||
|
|
const VITE_SERVER_BASEURL__WEIXIN_DEVELOP = 'http://localhost:48080/admin-api'
|
|||
|
|
const VITE_SERVER_BASEURL__WEIXIN_TRIAL = 'http://localhost:48080/admin-api'
|
|||
|
|
const VITE_SERVER_BASEURL__WEIXIN_RELEASE = 'http://localhost:48080/admin-api'
|
|||
|
|
|
|||
|
|
// 微信小程序端环境区分
|
|||
|
|
if (isMpWeixin) {
|
|||
|
|
const {
|
|||
|
|
miniProgram: { envVersion },
|
|||
|
|
} = uni.getAccountInfoSync()
|
|||
|
|
|
|||
|
|
switch (envVersion) {
|
|||
|
|
case 'develop':
|
|||
|
|
baseUrl = VITE_SERVER_BASEURL__WEIXIN_DEVELOP || baseUrl
|
|||
|
|
break
|
|||
|
|
case 'trial':
|
|||
|
|
baseUrl = VITE_SERVER_BASEURL__WEIXIN_TRIAL || baseUrl
|
|||
|
|
break
|
|||
|
|
case 'release':
|
|||
|
|
baseUrl = VITE_SERVER_BASEURL__WEIXIN_RELEASE || baseUrl
|
|||
|
|
break
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return baseUrl
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 根据环境变量，获取基础路径的根路径，比如 http://localhost:48080
|
|||
|
|
*
|
|||
|
|
* add by 芋艿：用户类似 websocket 这种需要根路径的场景
|
|||
|
|
*
|
|||
|
|
* @return 根路径
|
|||
|
|
*/
|
|||
|
|
export function getEnvBaseUrlRoot() {
|
|||
|
|
const baseUrl = getEnvBaseUrl()
|
|||
|
|
// 提取根路径
|
|||
|
|
const urlObj = new URL(baseUrl)
|
|||
|
|
return urlObj.origin
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 是否是双token模式
|
|||
|
|
*/
|
|||
|
|
export const isDoubleTokenMode = import.meta.env.VITE_AUTH_MODE === 'double'
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 首页路径，通过 page.json 里面的 type 为 home 的页面获取，如果没有，则默认是第一个页面
|
|||
|
|
* 通常为 /pages/index/index
|
|||
|
|
*/
|
|||
|
|
export const HOME_PAGE = `/${(pages as PageMetaDatum[]).find(page => page.type === 'home')?.path || (pages as PageMetaDatum[])[0].path}`
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 登录成功后跳转
|
|||
|
|
*
|
|||
|
|
* @author 芋艿
|
|||
|
|
* @param redirectUrl 重定向地址，为空则跳转到默认首页（HOME_PAGE）
|
|||
|
|
*/
|
|||
|
|
export function redirectAfterLogin(redirectUrl?: string) {
|
|||
|
|
let path = redirectUrl || HOME_PAGE
|
|||
|
|
if (!path.startsWith('/')) {
|
|||
|
|
path = `/${path}`
|
|||
|
|
}
|
|||
|
|
const { path: _path } = parseUrlToObj(path)
|
|||
|
|
if (isPageTabbar(_path)) {
|
|||
|
|
uni.switchTab({ url: path })
|
|||
|
|
} else {
|
|||
|
|
uni.navigateBack()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 增强的返回方法
|
|||
|
|
* 1. 如果存在上一页，则返回上一页
|
|||
|
|
* 2. 如果不存在上一页，则跳转到传入的 fallbackUrl 地址
|
|||
|
|
* 3. 如果 fallbackUrl 也不存在，则跳转到首页
|
|||
|
|
*
|
|||
|
|
* @author 芋艿
|
|||
|
|
* @param fallbackUrl 备选跳转地址，当不存在上一页时使用
|
|||
|
|
*/
|
|||
|
|
export function navigateBackPlus(fallbackUrl?: string) {
|
|||
|
|
const pages = getCurrentPages()
|
|||
|
|
// 情况一：如果存在上一页（页面栈长度大于 1），则直接返回
|
|||
|
|
if (pages.length > 1) {
|
|||
|
|
uni.navigateBack()
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 情况二 + 三：不存在上一页，尝试跳转到传入的 fallbackUrl
|
|||
|
|
let targetUrl = fallbackUrl || HOME_PAGE
|
|||
|
|
// 确保路径以 / 开头
|
|||
|
|
if (!targetUrl.startsWith('/')) {
|
|||
|
|
targetUrl = `/${targetUrl}`
|
|||
|
|
}
|
|||
|
|
// 解析路径，判断是否是 tabbar 页面
|
|||
|
|
const { path } = parseUrlToObj(targetUrl)
|
|||
|
|
if (isPageTabbar(path)) {
|
|||
|
|
uni.switchTab({ url: targetUrl })
|
|||
|
|
} else {
|
|||
|
|
uni.reLaunch({ url: targetUrl })
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 获取 wd-navbar 导航栏高度 */
|
|||
|
|
export function getNavbarHeight() {
|
|||
|
|
const systemInfo = uni.getSystemInfoSync()
|
|||
|
|
const statusBarHeight = systemInfo.statusBarHeight || 0
|
|||
|
|
// #ifdef MP-WEIXIN
|
|||
|
|
// 小程序：根据胶囊按钮位置计算导航栏高度，确保内容与胶囊垂直居中
|
|||
|
|
const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
|
|||
|
|
// 导航栏高度 = (胶囊顶部到状态栏底部的距离) * 2 + 胶囊高度
|
|||
|
|
const navBarHeight = (menuButtonInfo.top - statusBarHeight) * 2 + menuButtonInfo.height
|
|||
|
|
return statusBarHeight + navBarHeight
|
|||
|
|
// #endif
|
|||
|
|
// #ifndef MP-WEIXIN
|
|||
|
|
// H5/App：状态栏高度 + 导航栏高度（44px）
|
|||
|
|
return statusBarHeight + 44
|
|||
|
|
// #endif
|
|||
|
|
}
|