@gx-design-vue/create-gx-cli 0.1.19 → 0.1.21

package/template-mobile-vant-cli/src/store/modules/user.ts

@@ -0,0 +1,107 @@
+import { getUserInfo, login, logout } from '@/services/userCenter'
+import { getAccessToken, removeAccessToken, setAccessToken } from '@/utils/accessToken'
+import { defaultSettings } from '@gx-config'
+import { useReactiveState } from '@gx-design-vue/pro-hooks'
+import { isArray, isNumber, isObject } from '@gx-design-vue/pro-utils'
+import { defineStore } from 'pinia'
+
+const { loginInterception } = defaultSettings.system
+
+export interface UserState {
+  accessToken: string;
+  userInfo: UserDetails;
+}
+
+// 0 返回登录页 1 成功 2 返回注册页
+export type CheckUserStatus = 0 | 1 | 2
+
+export const useStoreUser = defineStore('user', () => {
+  const [ state, setValue ] = useReactiveState<UserState>({
+    accessToken: getAccessToken(),
+    userInfo: {} as UserDetails
+  }, { omitNil: false, omitEmpty: false })
+
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/1/11
+   * @lastTime    2022/1/11
+   * @description 登录拦截放行时，设置虚拟角色
+   */
+  const setVirtualUserInfo = (): CheckUserStatus => {
+    return 1
+  }
+
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/1/11
+   * @lastTime    2022/1/11
+   * @description 登录
+   */
+  const userLogin = async (params: any): Promise<boolean> => {
+    const response: ResponseResult<{ token: string; expiresIn: number }> = await login(params)
+    if (response) {
+      const accessToken = response.data?.token
+      if (accessToken) {
+        setValue({ accessToken })
+        setAccessToken(accessToken, response.data?.expiresIn ? response.data?.expiresIn * 60 * 1000 : 0)
+        return true
+      }
+    }
+
+    return false
+  }
+
+  const updateUserInfo = async (): Promise<CheckUserStatus> => {
+    let status: CheckUserStatus = 0
+    const response: ResponseResult<null, UserInfo> = await getUserInfo()
+    const { user, roles } = response || {} as UserInfo
+    if (response && user && isObject(user)) {
+      if (isNumber(user.userId) && roles && isArray(roles)) {
+        status = 1
+        setValue({ userInfo: { ...user } })
+      }
+    }
+    return status
+  }
+
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/1/11
+   * @lastTime    2022/1/11
+   * @description 获取用户信息
+   */
+  const checkUserPremission = async (): Promise<CheckUserStatus> => {
+    let status: CheckUserStatus = 0
+    if (loginInterception) {
+      status = await updateUserInfo()
+    } else {
+      status = setVirtualUserInfo()
+    }
+    return status
+  }
+
+  const resetPermissions = () => {
+    removeAccessToken()
+    setValue({ accessToken: '', userInfo: {} })
+  }
+
+  /**
+   * @Author      gx12358
+   * @DateTime    2022/5/15
+   * @lastTime    2022/5/15
+   * @description 用户退出登录
+   */
+  const userLogut = async () => {
+    await logout()
+    resetPermissions()
+  }
+
+  return {
+    ...state,
+    userLogin,
+    userLogut,
+    setValue,
+    resetPermissions,
+    checkUserPremission
+  }
+})

package/template-mobile-vant-cli/src/utils/accessToken.ts

@@ -0,0 +1,97 @@
+import {
+  delCookie,
+  getCookie,
+  getStorage,
+  removeStorage,
+  setCookie,
+  setStorage
+} from '@/utils/storage'
+import { defaultSettings } from '@gx-config'
+
+const { storage, storageName } = defaultSettings.token
+
+/**
+ * @Author      gx12358
+ * @DateTime    2021/12/27
+ * @lastTime    2021/12/27
+ * @description 获取accessToken
+ */
+export function getAccessToken() {
+  if (storage) {
+    if (storage === 'localStorage') {
+      return getStorage({ key: storageName, originKey: true })
+    } else if (storage === 'sessionStorage') {
+      return getStorage({ key: storageName, type: 'session', originKey: true })
+    } else if (storage === 'cookie') {
+      return getCookie(storageName)
+    } else {
+      return getStorage({ key: storageName, originKey: true })
+    }
+  } else {
+    return getStorage({ key: storageName, originKey: true })
+  }
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 存储accessToken
+ * @param accessToken
+ * @returns {void|*}
+ */
+export function setAccessToken(accessToken: string, expired?: number) {
+  if (storage) {
+    if (storage === 'localStorage') {
+      return setStorage({
+        key: storageName,
+        originKey: true,
+        value: accessToken,
+        expired
+      })
+    } else if (storage === 'sessionStorage') {
+      return setStorage({
+        key: storageName,
+        originKey: true,
+        value: accessToken,
+        expired,
+        type: 'session'
+      })
+    } else if (storage === 'cookie') {
+      return setCookie(storageName, accessToken, expired)
+    } else {
+      return setStorage({
+        key: storageName,
+        originKey: true,
+        value: accessToken,
+        expired
+      })
+    }
+  } else {
+    return setStorage({
+      key: storageName,
+      originKey: true,
+      value: accessToken,
+      expired
+    })
+  }
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 移除accessToken
+ * @returns {void|Promise<void>}
+ */
+export function removeAccessToken() {
+  if (storage) {
+    if (storage === 'localStorage') {
+      return removeStorage({ key: storageName, originKey: true })
+    } else if (storage === 'sessionStorage') {
+      return removeStorage({ key: storageName, type: 'session', originKey: true })
+    } else if (storage === 'cookie') {
+      return delCookie(storageName)
+    } else {
+      return removeStorage({ key: storageName, originKey: true })
+    }
+  } else {
+    return removeStorage({ key: storageName, originKey: true })
+  }
+}

package/template-mobile-vant-cli/src/utils/crypto/index.ts

@@ -0,0 +1,56 @@
+import { isArray, isJSONStr, isObject } from '@gx-design-vue/pro-utils'
+import CryptoProJS from 'crypto-js'
+import * as CryptoJS from 'crypto-js/core'
+import 'crypto-js/enc-utf8'
+import 'crypto-js/tripledes'
+import 'crypto-js/sha1'
+
+const key = '1234123412ABCDEF' // 十六位十六进制数作为密钥
+
+/**
+ * 登录密码加密
+ * @param password
+ * @returns {string}
+ */
+export const encodePassword = (password: string) => {
+  const key = CryptoProJS.enc.Utf8.parse('8QONwyJtHesysWpM')
+  const passwordENC = CryptoProJS.AES.encrypt(password, key, {
+    mode: CryptoProJS.mode.ECB,
+    padding: CryptoProJS.pad.Pkcs7
+  })
+  const encodePW = passwordENC.ciphertext.toString()
+  return encodePW
+}
+
+// 加密方法
+export function Encrypt(word) {
+  let str: string | object = word
+  if (isObject(word) || isArray(word)) {
+    str = JSON.stringify(word)
+  }
+  const keyHex = CryptoJS.enc.Utf8.parse(key)
+  const ivHex = CryptoJS.enc.Utf8.parse(key)
+  const encrypted = CryptoJS.DES.encrypt(str, keyHex, {
+    iv: ivHex,
+    mode: CryptoJS.mode.CBC,
+    padding: CryptoJS.pad.Pkcs7
+  })
+  return CryptoJS.enc.Base64.stringify(encrypted.ciphertext)
+}
+
+// 解密方法
+export function Decrypt(word) {
+  const keyHex = CryptoJS.enc.Utf8.parse(key)
+  const ivHex = CryptoJS.enc.Utf8.parse(key)
+  const decrypted = CryptoJS.DES.decrypt({
+    ciphertext: CryptoJS.enc.Base64.parse(word)
+  }, keyHex, {
+    iv: ivHex,
+    mode: CryptoJS.mode.CBC,
+    padding: CryptoJS.pad.Pkcs7
+  })
+  const decryptedStr = decrypted.toString(CryptoJS.enc.Utf8)
+  return isJSONStr(decryptedStr.toString())
+    ? JSON.parse(decryptedStr.toString())
+    : decryptedStr.toString()
+}

package/template-mobile-vant-cli/src/utils/env.ts

@@ -0,0 +1,50 @@
+/**
+ * @Author      gx12358
+ * @DateTime    2022/4/1
+ * @lastTime    2022/4/1
+ * @description 环境：本地开发环境
+ */
+export function isDev(): boolean {
+  return typeViteEnv('VITE_APP_ENV') === 'dev'
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2022/4/1
+ * @lastTime    2022/4/1
+ * @description 环境：正式
+ */
+export function isPro(): boolean {
+  return typeViteEnv('VITE_USE_MODE') === 'pro'
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2022/4/1
+ * @lastTime    2022/4/1
+ * @description 环境：非开发环境
+ */
+export function isBuild(): boolean {
+  return typeViteEnv('VITE_APP_ENV') !== 'dev'
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2022/4/1
+ * @lastTime    2022/4/1
+ * @description 当前联调环境
+ */
+export function currentMode() {
+  return typeViteEnv('VITE_USE_MODE')
+}
+
+export function typeViteEnv<T extends keyof ViteEnv>(key: T): ViteEnv[T] | undefined {
+  let value: any = (import.meta as any).env[key]
+
+  if (value && typeof value === 'string') {
+    value = value.replace(/\\n/g, '\n') as ViteEnv[T]
+    value = value === 'true' ? true : value === 'false' ? false : value
+  }
+
+  return value
+}

package/template-mobile-vant-cli/src/utils/pageTitle.ts

@@ -0,0 +1,20 @@
+import { defaultSettings } from '@gx-config'
+
+const { title, titleReverse, titleSeparator } = defaultSettings.system
+
+/**
+ * @Author      gx12358
+ * @DateTime    2024/9/20
+ * @lastTime    2024/9/20
+ * @description 设置标题
+ */
+export default function getPageTitle(pageTitle: string) {
+  let newTitles: string[] = []
+  if (pageTitle)
+    newTitles.push(pageTitle)
+  if (title)
+    newTitles.push(title)
+  if (titleReverse)
+    newTitles = newTitles.reverse()
+  return newTitles.join(titleSeparator)
+}

package/template-mobile-vant-cli/src/utils/request/XHR.ts

@@ -0,0 +1,137 @@
+import type { AxiosError } from 'axios'
+import type { GAxiosInstance, GAxiosOptions, GAxiosResponse } from './typings'
+import { isFunction } from '@gx-design-vue/pro-utils'
+import axios from 'axios'
+import { cloneDeep } from 'lodash-es'
+import qs from 'qs'
+import { AxiosCanceler } from './axiosCancel'
+import { ContentTypeEnum, RequestEnum } from './typings'
+
+/**
+ * @Author      gx12358
+ * @DateTime    2023/1/6
+ * @lastTime    2023/1/6
+ * @description 重新定义axios
+ */
+export class GAxios {
+  private axiosInstance: GAxiosInstance
+  private readonly options: GAxiosOptions
+
+  constructor(options: GAxiosOptions) {
+    this.options = options
+    this.axiosInstance = axios.create(options) as GAxiosInstance
+    this.setupInterceptors()
+  }
+
+  /**
+   * @description: Interceptor configuration 拦截器配置
+   */
+  private setupInterceptors() {
+    const {
+      requestInterceptors,
+      requestInterceptorsCatch,
+      responseInterceptors,
+      responseInterceptorsCatch
+    } = this.options
+
+    const axiosCanceler = new AxiosCanceler(this.options.ignoreCancelToken)
+
+    this.axiosInstance.interceptors.request.use<GAxiosOptions>((config) => {
+      const { cancelCallBackHook } = config
+      axiosCanceler.addPending(config)
+      if (cancelCallBackHook) {
+        cancelCallBackHook({
+          reset: axiosCanceler.reset,
+          cancel: (key?: string) => axiosCanceler.removePending(config, key),
+          cancelAll: axiosCanceler.removeAllPending
+        })
+      }
+      if (requestInterceptors && isFunction(requestInterceptors)) {
+        config = requestInterceptors(config)
+      }
+      return config
+    }, undefined)
+
+    // Request interceptor error capture
+    requestInterceptorsCatch && isFunction(requestInterceptorsCatch) && this.axiosInstance.interceptors.request.use(
+      undefined,
+      requestInterceptorsCatch
+    )
+
+    // Response result interceptor processing
+    this.axiosInstance.interceptors.response.use((res: GAxiosResponse) => {
+      res && axiosCanceler.removePending(res.config)
+      if (responseInterceptors && isFunction(responseInterceptors)) {
+        return responseInterceptors(res)
+      }
+      return res
+    }, undefined)
+
+    // Response result interceptor error capture
+    responseInterceptorsCatch && isFunction(responseInterceptorsCatch) && this.axiosInstance.interceptors.response.use(
+      undefined,
+      (error) => {
+        axiosCanceler.removePending(error.config)
+
+        return responseInterceptorsCatch(this.axiosInstance, error)
+      }
+    )
+  }
+
+  // support form-data
+  supportFormData(config: GAxiosOptions) {
+    const headers = config.headers || this.options.headers
+    const contentType = headers?.['Content-Type'] || headers?.['content-type']
+
+    if (contentType !== ContentTypeEnum.FORM_URLENCODED || !Reflect.has(
+      config,
+      'data'
+    ) || config.method?.toUpperCase() === RequestEnum.GET) {
+      return config
+    }
+
+    return {
+      ...config,
+      data: qs.stringify(config.data, { arrayFormat: 'brackets' })
+    }
+  }
+
+  request<T = ResponseResult | boolean>(config?: GAxiosOptions): Promise<T> {
+    let conf = cloneDeep(config || {} as GAxiosOptions)
+
+    const opt: GAxiosOptions = Object.assign({}, this.options, conf)
+
+    const { beforeRequestHook, requestCatchHook, transformResponseHook } = opt
+    if (beforeRequestHook && isFunction(beforeRequestHook)) {
+      conf = beforeRequestHook(opt)
+    }
+
+    conf = this.supportFormData(opt)
+
+    return new Promise((resolve) => {
+      this.axiosInstance
+        .request<any, GAxiosResponse>(conf)
+        .then((res: GAxiosResponse) => {
+          if (transformResponseHook && isFunction(transformResponseHook)) {
+            try {
+              const ret = transformResponseHook(res, config || {})
+              resolve(ret)
+            } catch (error) {
+              console.error('request-error', error)
+              resolve(false as unknown as Promise<T>)
+              return
+            }
+            return
+          }
+          resolve(res as unknown as Promise<T>)
+        })
+        .catch((e: Error | AxiosError) => {
+          if (requestCatchHook && isFunction(requestCatchHook)) {
+            resolve(requestCatchHook(e) as any)
+            return
+          }
+          resolve(false as any)
+        })
+    })
+  }
+}

package/template-mobile-vant-cli/src/utils/request/axiosCancel.ts

@@ -0,0 +1,69 @@
+import type { Canceler } from 'axios'
+import type { GAxiosOptions } from './typings'
+import { isFunction } from '@gx-design-vue/pro-utils'
+import axios from 'axios'
+
+export const getPendingUrl = (
+  config: GAxiosOptions,
+  key?: string
+) => key || config.cancelKey || [ config.method, config.url ].join('&')
+
+export class AxiosCanceler {
+  ignoreCancelToken: boolean
+  pendingMap: Map<string, Canceler>
+
+  constructor(ignoreCancel?: boolean) {
+    this.pendingMap = new Map<string, Canceler>()
+
+    this.ignoreCancelToken = !!ignoreCancel
+  }
+
+  /**
+   * Add request
+   * @param {object} config
+   */
+  addPending(config: GAxiosOptions) {
+    !this.ignoreCancelToken && this.removePending(config)
+
+    const url = getPendingUrl(config)
+    config.cancelToken = config.cancelToken || new axios.CancelToken((cancel) => {
+      if (!this.pendingMap.has(url)) {
+        // If there is no current request in pending, add it
+        this.pendingMap.set(url, cancel)
+      }
+    })
+  }
+
+  /**
+   * @description: Clear all pending
+   */
+  removeAllPending() {
+    this.pendingMap.forEach((cancel) => {
+      cancel && isFunction(cancel) && cancel()
+    })
+    this.pendingMap.clear()
+  }
+
+  /**
+   * Removal request
+   * @param {object} config
+   */
+  removePending(config: GAxiosOptions, key?: string) {
+    const url = getPendingUrl(config, key)
+
+    if (this.pendingMap.has(url)) {
+      // If there is a current request identifier in pending,
+      // the current request needs to be cancelled and removed
+      const cancel = this.pendingMap.get(url)
+      cancel && cancel(url)
+      this.pendingMap.delete(url)
+    }
+  }
+
+  /**
+   * @description: reset
+   */
+  reset(): void {
+    this.pendingMap = new Map<string, Canceler>()
+  }
+}

package/template-mobile-vant-cli/src/utils/request/checkStatus.ts

@@ -0,0 +1,25 @@
+import { router } from '@/router'
+import { useStoreUser } from '@/store'
+import { showToast } from 'vant'
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 处理code异常
+ * @param {*} code
+ * @param {*} msg
+ */
+export const handleCode = (code: number, msg: string) => {
+  const user = useStoreUser()
+  switch (code) {
+    case 401:
+      user.resetPermissions()
+      router.push({ path: '/user/login' })
+      break
+    default:
+      showToast({
+        type: 'fail',
+        message: msg || '后端接口异常'
+      })
+      break
+  }
+}