create-young-proj 1.0.0 → 1.1.0-alpha.0

package/template-uni-app/src/utils/auth.ts

@@ -0,0 +1,204 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 14:28:16
+ * @LastEditTime: 2023-08-29 10:22:48
+ * @Description: 权限相关
+ */
+/**
+ * 获取微信授权码
+ */
+export async function getWxCode() {
+  return new Promise<string>((resolve, reject) => {
+    uni.login({
+      provider: 'weixin',
+      success: (res) => {
+        if (res.errMsg === 'login:ok')
+          resolve(res.code)
+        else
+          reject('wechat auth fail')
+      },
+      fail: () => {
+        reject('wechat auth fail')
+      },
+    })
+  })
+}
+
+/**
+ * 定位
+ */
+export function locate(cancelback = true) {
+  return new Promise<UniApp.GetLocationSuccess & { timer?: number }>((_resolve, _reject) => {
+    const position = getLocationInfo()
+    // 系统 getLocation 30s 获取一次  这里延续到 60s
+    if (new Date().getTime() - position.timer < 1000 * 60) {
+      setLocationInfo(position)
+      _resolve(position as unknown as UniApp.GetLocationSuccess)
+    }
+    else {
+      uni.getLocation({
+        type: 'gcj02',
+        success: (res) => {
+          setLocationInfo({
+            latitude: res.latitude,
+            longitude: res.longitude,
+            timer: Date.now(),
+          })
+
+          console.log(res, 'location')
+          _resolve(res)
+        },
+        fail: (res: UniApp.GetLocationSuccess & { errMsg: string }) => {
+          console.log(res, 'location')
+          if (cancelback)
+            _reject(res)
+          else
+            _resolve(position as unknown as UniApp.GetLocationSuccess)
+        },
+      })
+    }
+  })
+}
+
+/**
+ * 授权定位
+ * @param {boolean} cancelback  取消授权时是否有回调值
+ */
+export async function authLocation(cancelback = true, isShowModal = true) {
+  return new Promise<UniApp.GetLocationSuccess>(async (resolve, reject) => {
+    uni.getSetting({
+      withSubscriptions: true,
+      success: async (conf) => {
+        if (conf.authSetting['scope.userLocation']) {
+          // 同意过定位授权
+          const position = await locate()
+          uni.$emit(AuthLocationEvents.同意授权, true)
+          resolve(position)
+        }
+        else {
+          try {
+            const position = await locate()
+            uni.$emit(AuthLocationEvents.同意授权, true)
+            resolve(position)
+          }
+          catch (error) {
+            console.log(error)
+            if (isShowModal) {
+              // 是否显示弹窗
+              showModal({
+                title: '获取位置时发生异常，您可点击小程序右上角-设置-允许获取位置',
+                confirmText: '去设置',
+                success: (res) => {
+                  if (res.confirm) {
+                    uni.openSetting({
+                      success: async (e) => {
+                        console.log(
+                          e.authSetting['scope.userLocation'],
+                          'e.authSetting[\'scope.userLocation\']',
+                        )
+                        if (e.authSetting['scope.userLocation']) {
+                          const position = await locate()
+                          resolve(position)
+                        }
+                        else {
+                          reject(false)
+                        }
+                      },
+                    })
+                  }
+                  else {
+                    removeLocationInfo()
+                    cancelback && uni.$emit(AuthLocationEvents.启用授权, false)
+                    reject(false)
+                  }
+                },
+                fail: () => {
+                  reject(false)
+                },
+              })
+            }
+            else {
+              reject(false)
+            }
+          }
+        }
+      },
+      fail: (conf) => {
+        uni.$emit(AuthLocationEvents.启用授权)
+        reject(false)
+      },
+    })
+  })
+}
+
+/**
+ * 获取本机支持的生物认证信息
+ */
+export async function getAuthInfo() {
+  return new Promise<UniApp.CheckIsSupportSoterAuthenticationRes['supportMode'] | false>(
+    (resolve) => {
+      uni.checkIsSupportSoterAuthentication({
+        success(res) {
+          resolve(res.supportMode)
+        },
+        fail(err) {
+          console.log('🚀 ~ file: auth.ts:234 ~ fail ~ err:', err)
+          resolve(false)
+        },
+      })
+    },
+  )
+}
+
+/**
+ * 检查本机是否录入过指纹
+ */
+export async function checkFingerPrint() {
+  return new Promise<boolean>((resolve) => {
+    uni.checkIsSoterEnrolledInDevice({
+      checkAuthMode: 'fingerPrint',
+      success: () => resolve(true),
+      fail: () => resolve(false),
+    })
+  })
+}
+
+/**
+ * 指纹认证
+ */
+export async function fingerPrintAuth(signStr: string, authContent = '请验证本机指纹') {
+  return new Promise<boolean>(async (resolve) => {
+    const authMethods = await getAuthInfo()
+    if (authMethods && authMethods.includes('fingerPrint')) {
+      uni.checkIsSupportSoterAuthentication({
+        async success(res) {
+          if (res.supportMode.includes('fingerPrint') && (await checkFingerPrint())) {
+            uni.startSoterAuthentication({
+              requestAuthModes: ['fingerPrint'],
+              challenge: signStr,
+              authContent,
+              success(res) {
+                console.log('success', res)
+                resolve(true)
+              },
+              fail(err) {
+                console.log('fail', err)
+                resolve(false)
+              },
+            })
+          }
+          else {
+            resolve(false)
+          }
+        },
+        fail(err) {
+          console.log('fail', err)
+          resolve(false)
+        },
+      })
+    }
+    else {
+      resolve(false)
+    }
+  })
+}

package/template-uni-app/src/utils/index.ts

@@ -0,0 +1,11 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 14:12:16
+ * @LastEditTime: 2023-07-18 15:30:03
+ * @Description:
+ */
+export * from './modal'
+export * from './auth'
+export * from './map'
+export * from './system'
+export * from './route'

package/template-uni-app/src/utils/map.ts

@@ -0,0 +1,98 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 14:29:41
+ * @LastEditTime: 2023-07-19 16:51:26
+ * @Description: 地图相关(基于腾讯地图)
+ */
+export interface TxLocationSearchRes {
+  address: string
+  title: string
+  _distance: number
+  id: string
+  location: {
+    lat: number
+    lng: number
+  }
+}
+
+export interface TxLocationSearch {
+  /**
+   * 分页信息
+   */
+  page_size: number
+  page_index: number
+  /**
+   * 搜索关键字
+   */
+  keyword: string
+
+  /**
+   * 经纬度
+   */
+  latitude: number
+  longitude: number
+}
+
+/**
+ * 地点搜索
+ */
+export function searchLoaction(args: TxLocationSearch) {
+  const { page_size, page_index, keyword, latitude, longitude } = args
+
+  return new Promise<TxLocationSearchRes[]>((resolve, reject): void => {
+    uni.request({
+      url: `https://apis.map.qq.com/ws/place/v1/search?boundary=nearby(${latitude},${longitude},1000)${
+        keyword ? `&keyword=${keyword}` : ''
+      }&page_size=${page_size}&page_index=${page_index}&key=${getMapApiKey()}`,
+      success: (res) => {
+        resolve((res.data as unknown as { data: TxLocationSearchRes[] }).data)
+      },
+      fail: (err) => {
+        console.log(err)
+        reject()
+      },
+      complete: (err) => {
+        console.log(err)
+        reject()
+      },
+    })
+  })
+}
+
+export interface GeoCoderRes {
+  province_code: string
+  city_code: string
+  city: string
+  province: string
+  location: {
+    lat: number
+    lng: number
+  }
+}
+
+/**
+ * 逆地址解析（坐标位置描述）
+ */
+export function geocoderLocation(latitude: number, longitude: number) {
+  return new Promise<GeoCoderRes>((resolve, reject): void => {
+    uni.request({
+      url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${latitude},${longitude}&key=${getMapApiKey()}&get_poi=1`,
+      success: (res) => {
+        const ad_info = (res.data as any).result.ad_info
+        resolve({
+          ...ad_info,
+          province_code: ad_info.adcode.slice(0, 2),
+          city_code: ad_info.adcode.slice(0, 4),
+        })
+      },
+      fail: (err) => {
+        console.log(err)
+        reject()
+      },
+      complete: (err) => {
+        console.log(err)
+        reject()
+      },
+    })
+  })
+}

package/template-uni-app/src/utils/modal.ts

@@ -0,0 +1,120 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 14:12:25
+ * @LastEditTime: 2023-09-19 10:48:01
+ * @Description: ui 交互，弹窗之类的
+ */
+import { sleep } from '@bluesyoung/utils'
+
+let loadingCount = 0
+
+/**
+ * 显示loading
+ * @param title - 提示文本
+ * @param mask - 是否显示遮罩
+ */
+export function showLoading(title = '加载中...', mask = true) {
+  const { fullscreenLoading, smallLoading } = storeToRefs(useHttpLoading())
+
+  if (fullscreenLoading.value)
+    return
+
+  loadingCount++
+
+  if (import.meta.env.VITE_CUSTOM_LOADING) {
+    smallLoading.value = true
+  }
+  else {
+    uni.showLoading({
+      mask,
+      title,
+    })
+  }
+}
+
+/**
+ * 隐藏loading
+ */
+export function hideLoading() {
+  const { smallLoading, fullscreenLoading } = storeToRefs(useHttpLoading())
+
+  if (fullscreenLoading.value)
+    return
+
+  if (--loadingCount === 0) {
+    if (import.meta.env.VITE_CUSTOM_LOADING)
+      smallLoading.value = false
+    else
+      uni.hideLoading()
+  }
+}
+
+/**
+ * 展示 toast
+ */
+export function showToast(options?: UniApp.ShowToastOptions) {
+  const { icon = 'none', mask = false } = options || {}
+
+  uni.showToast({
+    icon,
+    mask,
+    ...options,
+  })
+}
+
+let hasModel = false
+const modalPage = new Set<string>()
+/**
+ * 显示弹窗
+ * ! 全局一次只展示一个弹窗，其他的往后排
+ */
+export async function showModal(options: UniApp.ShowModalOptions) {
+  const page = getCurrentPages()
+  const route = page[page.length - 1]?.route || ''
+  if (modalPage.has(route)) {
+    hasModel = true
+  }
+  else {
+    hasModel = false
+    modalPage.add(route)
+  }
+  const { title = '提示', showCancel = true, complete } = options
+  // eslint-disable-next-line no-unmodified-loop-condition
+  while (hasModel)
+    await sleep(0.5)
+
+  return new Promise((resolve, reject) => {
+    hasModel = true
+    uni.showModal({
+      title,
+      showCancel,
+      success(res) {
+        hasModel = false
+        modalPage.delete(route)
+        if (res.confirm)
+          resolve(res)
+        else if (res.cancel)
+          reject(res)
+      },
+      fail(err) {
+        hasModel = false
+        modalPage.delete(route)
+        reject(err)
+      },
+      ...options,
+      complete: (res) => {
+        hasModel = false
+        modalPage.delete(route)
+        complete?.(res)
+      },
+    })
+  })
+}
+
+/**
+ * 显示错误弹窗 只有确定按钮
+ * @param errMsg - 错误信息
+ */
+export function showErrorModal(errMsg: string) {
+  return showModal({ content: errMsg, showCancel: false })
+}

package/template-uni-app/src/utils/route.ts

@@ -0,0 +1,151 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 15:24:39
+ * @LastEditTime: 2023-07-19 16:51:49
+ * @Description:
+ */
+import type { Pages } from '@/config'
+
+interface IRoute {
+  /**
+   * 路由类型
+   */
+  type: ENUM_ROUTE_TYPE
+  /**
+   * 路由路径
+   */
+  url: string
+  /**
+   * 路由参数
+   */
+  params?: Record<string, any>
+  /**
+   * 回退的层数 uni.navigateBack
+   * @default 1
+   */
+  delta?: number
+  /**
+   * 是否编码
+   */
+  encode?: boolean
+}
+
+/**
+ * 路由类型
+ */
+enum ENUM_ROUTE_TYPE {
+  TO = 'navigateTo',
+  REDIRECT = 'redirectTo',
+  TAB = 'switchTab',
+  RELAUNCH = 'reLaunch',
+  BACK = 'navigateBack',
+}
+
+function params2Url(params: Record<string, any>, encode = false) {
+  const arr = []
+  for (const key in params)
+    arr.push(`${key}=${encode ? encodeURIComponent(params[key]) : params[key]}`)
+
+  return arr.join('&')
+}
+
+/**
+ * 路由跳转
+ */
+export function route({ type, url, params, delta = 1, encode }: IRoute) {
+  if (type !== ENUM_ROUTE_TYPE.BACK && params)
+    url = `${url}?${params2Url(params, encode)}`
+
+  switch (type) {
+    case ENUM_ROUTE_TYPE.TO:
+      uni.navigateTo({
+        url,
+      })
+      break
+
+    case ENUM_ROUTE_TYPE.REDIRECT:
+      uni.redirectTo({
+        url,
+      })
+      break
+
+    case ENUM_ROUTE_TYPE.TAB:
+      uni.switchTab({
+        url,
+      })
+      break
+
+    case ENUM_ROUTE_TYPE.RELAUNCH:
+      uni.reLaunch({
+        url,
+      })
+      break
+    case ENUM_ROUTE_TYPE.BACK:
+      uni.navigateBack({
+        delta,
+      })
+      break
+
+    default:
+      break
+  }
+}
+
+export function to(url: Pages, params?: Record<string, any>, encode?: boolean) {
+  if (TabbarArr.includes(url)) {
+    tabbar(url, params, encode)
+  }
+  else {
+    route({
+      type: ENUM_ROUTE_TYPE.TO,
+      url,
+      params,
+      encode,
+    })
+  }
+}
+
+export function redirect(url: Pages, params?: Record<string, any>, encode?: boolean) {
+  if (TabbarArr.includes(url)) {
+    tabbar(url, params, encode)
+  }
+  else {
+    route({
+      type: ENUM_ROUTE_TYPE.REDIRECT,
+      url,
+      params,
+      encode,
+    })
+  }
+}
+
+export function tabbar(url: Pages, params?: Record<string, any>, encode?: boolean) {
+  if (TabbarArr.includes(url)) {
+    route({
+      type: ENUM_ROUTE_TYPE.TAB,
+      url,
+      params,
+      encode,
+    })
+  }
+  else {
+    to(url, params, encode)
+  }
+}
+
+export function relaunch(url: Pages, params?: Record<string, any>, encode?: boolean) {
+  route({
+    type: ENUM_ROUTE_TYPE.RELAUNCH,
+    url,
+    params,
+    encode,
+  })
+}
+
+export function back(delta?: number) {
+  route({
+    type: ENUM_ROUTE_TYPE.BACK,
+    delta,
+    url: '',
+  })
+}

package/template-uni-app/src/utils/system.ts

@@ -0,0 +1,67 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 14:24:35
+ * @LastEditTime: 2023-09-06 19:42:33
+ * @Description:
+ */
+import type { SubscribeMessage } from '@/config'
+
+/**
+ * 订阅指定的消息
+ */
+export function subscribeMessage(tmplIds: SubscribeMessage[]) {
+  return new Promise((resolve) => {
+    uni.requestSubscribeMessage({
+      tmplIds,
+      success: (res) => {
+        console.log('消息订阅成功：', res)
+      },
+      fail: (err) => {
+        console.log('消息订阅失败：', err)
+      },
+      complete: () => resolve(true),
+    })
+  })
+}
+
+/**
+ * 获取系统信息 设置导航栏高度
+ */
+export function getSystemInfo() {
+  const { systemInfo } = storeToRefs(useSystemInfo())
+  return new Promise<UniApp.GetSystemInfoResult>((_resolve) => {
+    uni.getSystemInfo({
+      success: (e) => {
+        console.log(e, 'getSystemInfo')
+        systemInfo.value = e
+        // 获取手机状态栏高度
+        const statusBar = e.statusBarHeight || 0
+        let customBar
+
+        // #ifndef MP
+        customBar = statusBar + (e.platform === 'android' ? 50 : 45)
+        // #endif
+
+        // #ifdef MP-WEIXIN
+        // 获取胶囊按钮的布局位置信息
+        const menu = uni.getMenuButtonBoundingClientRect()
+        // 导航栏高度 = 胶囊下距离 + 胶囊上距离 - 状态栏高度
+        customBar = menu.bottom + menu.top - statusBar
+        // #endif
+
+        // #ifdef MP-ALIPAY
+        customBar = statusBar + (e.titleBarHeight || 0)
+        // #endif
+
+        const safeBottom = e.screenHeight - (e.safeArea ? e.safeArea.height + e.safeArea.top : 0)
+
+        setNavbarHeihgt({
+          statusBarH: statusBar,
+          customBarH: customBar,
+          safeBottom,
+        })
+        _resolve(e)
+      },
+    })
+  })
+}

package/template-uni-app/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.json",
+  "compilerOptions": {
+    "lib": ["esnext", "dom"],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["@dcloudio/types", "@uni-helper/uni-app-types", "@uni-helper/uni-ui-types"],
+    "sourceMap": true
+  },
+  "vueCompilerOptions": {
+    "nativeTags": ["block", "component", "template", "slot"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "custom-plugins/*.ts", "auto-imports.d.ts", "components.d.ts", "pages.config.ts"]
+}

package/template-uni-app/unocss.config.ts

@@ -0,0 +1,30 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-02-13 14:50:47
+ * @LastEditTime: 2023-02-14 12:09:16
+ * @Description:
+ */
+import presetWeapp from 'unocss-preset-weapp'
+import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer'
+import { defineConfig, transformerDirectives } from 'unocss'
+
+export default defineConfig({
+  presets: [
+    // https://github.com/MellowCo/unocss-preset-weapp
+    presetWeapp(),
+  ],
+  shortcuts: [
+    {
+      'flex-center': 'flex justify-center items-center',
+    },
+  ],
+  transformers: [
+    transformerDirectives(),
+
+    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify
+    transformerAttributify(),
+
+    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass
+    transformerClass(),
+  ],
+})