af-mobile-client-vue3 1.0.54

package/src/utils/dictUtil.ts

@@ -0,0 +1,51 @@
+/**
+ * 字典工具
+ */
+import { getConfigByName } from '@af-mobile-client-vue3/services/api/common'
+
+/**
+ * 获取字典
+ * @param configName 配置名
+ * @param callback 获取到字典的回调
+ */
+export function getDict(configName: string, callback: Function) {
+  getConfigByName(configName, (result) => {
+    if (result != null && result.value) {
+      callback(result.value)
+    }
+    else {
+      console.warn(`dict [${configName}] not found`)
+      callback(null)
+    }
+  })
+}
+
+export function getDictItemByValue(configName: string, value: string, callback: Function) {
+  getDict(configName, (result) => {
+    if (result != null) {
+      for (const item of result) {
+        if (item.value.toString() === value) {
+          callback(item)
+          return
+        }
+      }
+      console.warn(`dict [${configName}] 's value [${value}] not found`)
+    }
+    callback(null)
+  })
+}
+
+export function getDictItemByLabel(configName: string, label: string, callback: Function) {
+  getDict(configName, (result) => {
+    if (result != null) {
+      for (const item of result) {
+        if (item.label.toString() === label) {
+          callback(item)
+          return
+        }
+      }
+      console.warn(`dict [${configName}] 's label [${label}] not found`)
+    }
+    callback(null)
+  })
+}

package/src/utils/http/index.ts

@@ -0,0 +1,158 @@
+import Axios, { type AxiosError, type AxiosInstance, type AxiosRequestConfig, type AxiosResponse } from 'axios'
+import { showToast } from 'vant'
+import { ContentTypeEnum, ResultEnum } from '@af-mobile-client-vue3/enums/requestEnum'
+import { ACCESS_TOKEN } from '@af-mobile-client-vue3/stores/mutation-type'
+import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+
+// 默认 axios 实例请求配置
+const configDefault = {
+  headers: {
+    'Content-Type': ContentTypeEnum.JSON,
+  },
+  // 请求超时时间
+  timeout: 20000,
+  // API 请求的默认前缀
+  baseURL: import.meta.env.VITE_APP_API_BASE_URL,
+  data: {},
+}
+
+class Http {
+  // 当前实例
+  private static axiosInstance: AxiosInstance
+  // 请求配置
+  private static axiosConfigDefault: AxiosRequestConfig
+
+  // 请求拦截
+  private httpInterceptorsRequest(): void {
+    Http.axiosInstance.interceptors.request.use(
+      (config) => {
+        // 发送请求前，可在此让每个请求携带自定义 token, 请根据实际情况修改
+        const savedToken = useUserStore().getToken()
+        // 如果 token 存在
+        if (savedToken)
+          config.headers[ACCESS_TOKEN] = savedToken
+        return config
+      },
+      (error: AxiosError) => {
+        showToast({
+          message: error.message,
+          position: 'bottom',
+        })
+        return Promise.reject(error)
+      },
+    )
+  }
+
+  // 响应拦截
+  private httpInterceptorsResponse(): void {
+    Http.axiosInstance.interceptors.response.use(
+      async (response: AxiosResponse) => {
+        const compatible = import.meta.env.VITE_APP_COMPATIBLE
+        if (compatible !== 'V4')
+          return response.data
+        // 与后端协定的返回字段
+        const { code, msg, data } = response.data
+        // 临时向v3请求上传服务，因为没有code，未来会改
+        if (code === undefined && response.data.id !== undefined)
+          return response.data
+        // 判断请求是否成功
+        const isSuccess
+          = code === ResultEnum.SUCCESS
+        if (isSuccess) {
+          return data
+        }
+        else {
+          if (code === 401) {
+            showToast({
+              message: '登录态已失效，请重新登录',
+              position: 'bottom',
+            })
+            await useUserStore().logout()
+          }
+          else {
+            showToast({
+              message: msg,
+              position: 'bottom',
+            })
+            console.error(`请求失败，返回结果：${msg}`)
+          }
+          return Promise.reject(response.data)
+        }
+      },
+      (error: AxiosError) => {
+        // 处理 HTTP 网络错误
+        let message: string = error.response?.data as string
+        if (!message) {
+          // HTTP 状态码
+          const status = error.response?.status
+          switch (status) {
+            case 400:
+              message = '请求错误'
+              break
+            case 401:
+              message = '未授权，请登录'
+              break
+            case 403:
+              message = '拒绝访问'
+              break
+            case 404:
+              message = `请求地址出错: ${error.response?.config?.url}`
+              break
+            case 408:
+              message = '请求超时'
+              break
+            case 500:
+              message = '服务器内部错误'
+              break
+            case 501:
+              message = '服务未实现'
+              break
+            case 502:
+              message = '网关错误'
+              break
+            case 503:
+              message = '服务不可用'
+              break
+            case 504:
+              message = '网关超时'
+              break
+            case 505:
+              message = 'HTTP版本不受支持'
+              break
+            default:
+              message = '网络连接故障'
+          }
+        }
+        showToast({
+          message,
+          position: 'bottom',
+        })
+        return Promise.reject(error)
+      },
+    )
+  }
+
+  constructor(config: AxiosRequestConfig) {
+    Http.axiosConfigDefault = config
+    Http.axiosInstance = Axios.create(config)
+    this.httpInterceptorsRequest()
+    this.httpInterceptorsResponse()
+  }
+
+  // 通用请求函数
+  public request<T>(paramConfig: AxiosRequestConfig): Promise<T> {
+    const config = { ...Http.axiosConfigDefault, ...paramConfig }
+    return new Promise((resolve, reject) => {
+      Http.axiosInstance
+        .request(config)
+        .then((response: any) => {
+          resolve(response)
+        })
+        .catch((error) => {
+          reject(error)
+        })
+    })
+  }
+}
+
+export const http = new Http(configDefault)

package/src/utils/i18n.ts

@@ -0,0 +1,41 @@
+// // import { createI18n } from 'vue-i18n'
+// import enUS from 'vant/es/locale/lang/en-US'
+// import zhCN from 'vant/es/locale/lang/zh-CN'
+//
+// /**
+//  * All i18n resources specified in the plugin `include` option can be loaded
+//  * at once using the import syntax
+//  */
+// // import messages from '@intlify/unplugin-vue-i18n/messages'
+// import { Locale, type PickerColumn } from 'vant'
+//
+// // export const i18n = createI18n({
+// //   locale: localStorage.getItem('language') || navigator.language,
+// //   fallbackLocale: 'zhCN',
+// //   messages,
+// // })
+//
+// /** 多语言 picker columns */
+// export const languageColumns: PickerColumn = [
+//   { text: '简体中文', value: 'zh-CN' },
+//   { text: 'English', value: 'en-US' },
+// ]
+//
+// /** 当前语言 */
+// export const locale = computed({
+//   get() {
+//     return (i18n.global.locale as unknown as Ref<string>).value
+//   },
+//   set(language: string) {
+//     localStorage.setItem('language', language);
+//     (i18n.global.locale as unknown as Ref<string>).value = language
+//     Locale.use(language)
+//   },
+// })
+//
+// // 载入 vant 语言包
+// Locale.use('zh-CN', zhCN)
+// Locale.use('en-US', enUS)
+//
+// // 根据当前语言切换 vant 语言包
+// Locale.use(locale.value)

package/src/utils/indexedDB.ts

@@ -0,0 +1,180 @@
+// indexDB 存储
+import { post } from '@af-mobile-client-vue3/services/restTools'
+
+// 避免重复请求相同配置key的锁
+const locks: any = {}
+
+export const indexedDB = {
+  db: undefined,
+  indexedDB: window.indexedDB,
+  IDBKeyRange: window.IDBKeyRange, // 键范围
+  openDB(callback: Function) {
+    // 建立或打开数据库，建立对象存储空间(ObjectStore)
+    if (this.db) {
+      callback(this.db)
+    }
+    else {
+      const version = 1
+      const request = this.indexedDB.open('view', version)
+
+      request.onerror = function (e: any) {
+        console.error(`打开数据库失败:${e.currentTarget.error.message}`)
+      }
+      request.onsuccess = function (e: any) {
+        this.db = e.target.result
+        callback(this.db)
+      }
+      request.onupgradeneeded = function (e: any) {
+        const db = e.target.result
+        if (!db.objectStoreNames.contains('metaCache')) {
+          // 没有该对象空间时创建该对象空间
+          db.createObjectStore('metaCache', {
+            keyPath: 'key',
+          })
+        }
+      }
+    }
+  },
+  deleteDB(dbname: string) {
+    // 删除数据库
+    this.indexedDB.deleteDatabase(dbname)
+  },
+  closeDB() {
+    if (!this.db)
+      this.db.close()
+  },
+  add(key: string, data: any) {
+    // eslint-disable-next-line ts/no-this-alias
+    const self = this
+    self.openDB((res: IDBDatabase) => {
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').add({
+        key,
+        data,
+      })
+      request.onerror = function () {
+        self.update(key, data)
+      }
+      request.onsuccess = function () {
+      }
+    })
+  },
+  update(key: string, data: any) {
+    this.openDB((res: IDBDatabase) => {
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').put({
+        key,
+        data,
+      })
+      request.onerror = function () {
+        console.error('数据更新失败')
+      }
+      request.onsuccess = function () {
+      }
+    })
+  },
+  get(key: string, callback: Function) {
+    this.openDB((res: IDBDatabase) => {
+      // 根据存储空间的键找到对应数据
+      const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
+      const request = store.get(key)
+      request.onerror = function () {
+      }
+      request.onsuccess = function (e: any) {
+        const result = e.target.result
+        if (typeof (callback) === 'function')
+          callback(result.data)
+      }
+    })
+  },
+  getByWeb(key: string, url: string, params: any, callback: Function, processFun: Function) {
+    // 如果这个键正在被使用，等待它完成
+    if (locks[key]) {
+      locks[key].then(() => {
+        this.getByWeb(key, url, params, callback, processFun)
+      })
+      return
+    }
+
+    // 创建一个新的 Promise
+    locks[key] = new Promise<void>((resolve, reject) => {
+      // eslint-disable-next-line ts/no-this-alias
+      const self = this
+      self.openDB((res: IDBDatabase) => {
+        // 根据存储空间的键找到对应数据
+        const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
+        const request = store.get(key)
+        request.onerror = function (e) {
+          reject(e)
+        }
+        request.onsuccess = function (e: any) {
+          const result = e.target.result
+          if (!result && url) {
+            post(url, params).then((res) => {
+              if (processFun)
+                res = processFun(res)
+
+              if (import.meta.env.NODE_ENV === 'production' || key !== 'webMobileConfig')
+                self.add(key, res)
+
+              try {
+                callback(res)
+              }
+              catch (e) {
+                console.error(e)
+              }
+
+              // 解锁这个键
+              resolve()
+            }).catch(() => {
+              if (import.meta.env.NODE_ENV === 'production' || key !== 'webMobileConfig')
+                self.add(key, null)
+              callback(null)
+
+              // 解锁这个键
+              resolve()
+            })
+          }
+          else {
+            callback(result.data)
+
+            // 解锁这个键
+            resolve()
+          }
+        }
+      })
+    }).finally(() => {
+      // 移除这个键的锁
+      delete locks[key]
+    })
+  },
+  delete(key: string) {
+    this.openDB((res: IDBDatabase) => {
+      // 删除某一条记录
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').delete(key)
+
+      request.onerror = function () {
+        console.error('数据删除失败')
+      }
+      request.onsuccess = function () {
+      }
+    })
+  },
+  clear(callback?: Function) {
+    this.openDB((res: IDBDatabase) => {
+      // 删除存储空间全部记录
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').clear()
+
+      request.onerror = function () {
+        console.error('数据删除失败')
+      }
+      request.onsuccess = function () {
+        if (typeof callback === 'function')
+          callback()
+      }
+    })
+  },
+  clearCache() {
+    indexedDB.clear(() => {
+      location.reload()
+    })
+  },
+}

package/src/utils/local-storage.ts

@@ -0,0 +1,9 @@
+import store from 'store'
+import expirePlugin from 'store/plugins/expire'
+
+// plugin usage:
+store.addPlugin(expirePlugin)
+
+export { store as localStorage }
+
+export default store

package/src/utils/mobileUtil.ts

@@ -0,0 +1,26 @@
+interface Param {
+  funcName: string// 注册列表中的对应函数的key
+  param: any// 入参json格式
+  callbackFunc: Function// 回调函数
+  callBackMethodName?: string// 随机回调函数名字-不用传
+}
+// js端调用flutter中工具函数
+/*
+* 例：mobileUtil.execute({
+    funcName:'getLocationResult',
+    param: {a: 1},
+    callbackFunc: (result) => {
+      console.log('回调了test111', JSON.stringify(result))
+      message.value = JSON.stringify(result)
+      return 222
+    }
+  });
+* */
+export class mobileUtil {
+  // 执行flutter端函数
+  static execute(locationParam: Param): any {
+    locationParam.callBackMethodName = `mobile_func_${Math.random().toString(36).substring(7)}`
+    window[locationParam.callBackMethodName] = locationParam.callbackFunc
+    window[locationParam.funcName].postMessage(JSON.stringify(locationParam))
+  }
+}

package/src/utils/progress.ts

@@ -0,0 +1,19 @@
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+
+NProgress.configure({
+  // 动画方式
+  easing: 'ease',
+  // 递增进度条的速度
+  speed: 500,
+  // 是否显示加载ico
+  showSpinner: true,
+  // 自动递增间隔
+  trickleSpeed: 200,
+  // 初始化时的最小百分比
+  minimum: 0.3,
+  // 加载条的父元素
+  parent: '#system-app',
+})
+
+export default NProgress