@gx-design-vue/create-gx-cli 0.0.1 → 0.0.2

package/template-mobile-ts/src/utils/request/index.ts

@@ -0,0 +1,143 @@
+import { showFailToast } from 'vant'
+import settings from '@/settings'
+import { useStoreGlobal } from '@/store'
+import { isDev } from '@/utils/env'
+import { tansParams } from '@/utils/util'
+import { checkURL } from '@/utils/validate'
+import { isBoolean } from '@gx-design-vue/pro-utils'
+import { GAxios } from './XHR'
+import type { XhtInstance } from './typings'
+import { RequestEnum } from './typings'
+import type { GAxiosOptions } from './typings'
+import { handleCode } from './checkStatus'
+
+const { requestPrefix, successCode, requestTimeout, tokenName, contentType } = settings
+
+const xhtInstance: XhtInstance = {
+  /**
+   * @description: 处理响应数据。如果数据不是预期格式，可直接抛出错误
+   */
+  transformResponseHook: (res, options) => {
+    const { customize, isReturnNativeResponse } = options
+    // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+    if (isReturnNativeResponse) {
+      return res
+    }
+    // 不进行任何处理，直接返回
+    // 用于页面代码可能需要直接获取code，data，message这些信息时开启
+    if (customize) {
+      return res.data
+    }
+    // 错误的时候返回
+
+    const { data }: { data: ResponseResult } = res
+    if (!data) {
+      throw new Error('请求出错，请稍候重试')
+    }
+    //  这里 code，result，message为 后台统一的字段，需要在 types.ts内修改为项目自己的接口返回格式
+    const { code, msg = '', message = '' } = data
+
+    const codeVerificationArray = successCode
+
+    // 这里逻辑可以根据项目进行修改
+    const hasSuccess = codeVerificationArray.includes(code)
+    if (hasSuccess) {
+      return data
+    }
+
+    // 在此处根据自己项目的实际情况对不同的code执行不同的操作
+    // 如果不希望中断当前请求，请return数据，否则直接抛出异常即可
+    handleCode(code, message || msg)
+
+    return Promise.resolve(false)
+  },
+
+  // 请求之前处理config
+  beforeRequestHook: (config) => {
+    // get请求映射params参数
+    if (config.method?.toUpperCase() === RequestEnum.GET && config.params) {
+      let url = config.url + '?' + tansParams(config.params)
+      url = url.slice(0, -1)
+      config.params = {}
+      config.url = url
+    }
+
+    if (!checkURL(config.url)) {
+      if (config.isMock) {
+        config.url = `/mock-server${config.url}`
+      } else {
+        config.url = `${import.meta.env.VITE_BASE_URL}${isDev ? requestPrefix || '' : ''}${config.url}`
+      }
+    }
+
+    return config
+  },
+
+  /**
+   * @description: 请求拦截器处理
+   */
+  requestInterceptors: (config) => {
+    const global = useStoreGlobal()
+    const carryToken = isBoolean(config.carryToken) ? config.carryToken : true
+    if (global.token && carryToken)
+      config.headers[tokenName] = global.token
+    return config
+  },
+
+  /**
+   * @description: 响应拦截器处理
+   */
+  responseInterceptors: (res) => {
+    return res
+  },
+
+  /**
+   * @description: 响应错误处理
+   */
+  responseInterceptorsCatch: (error: any) => {
+    const { response } = error
+    let errorMessage = error.message || ''
+    if (error.response && error.response.data) {
+      const { status } = response
+      handleCode(status, errorMessage)
+      return Promise.resolve(false)
+    } else {
+      if (errorMessage === 'Network Error') {
+        errorMessage = '后端接口连接异常'
+      }
+      if (errorMessage.includes('timeout')) {
+        errorMessage = '后端接口请求超时'
+      }
+      if (errorMessage.includes('Request failed with status code')) {
+        const code = errorMessage.substr(errorMessage.length - 3)
+        errorMessage = '后端接口' + code || '' + '异常'
+      }
+      showFailToast({ message: errorMessage || '服务器出错！' })
+      return Promise.resolve(false)
+    }
+  },
+  /**
+   * @description: 处理响应错误数据
+   */
+  requestCatchHook: () => false
+}
+
+function createXhr(opt ?: Partial<GAxiosOptions>) {
+  return new GAxios({
+    method: 'get',
+    timeout: requestTimeout,
+    headers: {
+      'Content-Type': contentType
+    },
+    // 忽略重复请求
+    ignoreCancelToken: true,
+    // 是否携带token
+    carryToken: true,
+    ...xhtInstance,
+    ...opt
+  })
+}
+
+const request: (opt?: GAxiosOptions) => Promise<ResponseResult> = (opt) => createXhr().request(opt)
+
+export default request

package/template-mobile-ts/src/utils/request/typings.ts

@@ -0,0 +1,114 @@
+import type { AxiosRequestConfig, AxiosResponse, Axios, AxiosPromise } from 'axios'
+
+export type XhtInstance = {
+  /**
+   * @Author      gx12358
+   * @DateTime    2023/1/6
+   * @lastTime    2023/1/6
+   * @description 请求之前处理config
+   */
+  beforeRequestHook?: (config: GAxiosOptions) => GAxiosOptions;
+
+  /**
+   * @description: 处理响应数据
+   */
+  transformResponseHook?: (res: AxiosResponse, options: GAxiosOptions) => any;
+
+  /**
+   * @description: 请求失败处理
+   */
+  requestCatchHook?: (e: Error) => boolean;
+
+  /**
+   * @description: 请求之前的拦截器
+   */
+  requestInterceptors?: (config: GAxiosOptions) => GAxiosOptions;
+
+  /**
+   * @description: 请求之后的拦截器
+   */
+  responseInterceptors?: (res: AxiosResponse) => AxiosResponse;
+
+  /**
+   * @description: 请求之前的拦截器错误处理
+   */
+  requestInterceptorsCatch?: (error: Error) => void;
+
+  /**
+   * @description: 请求之后的拦截器错误处理
+   */
+  responseInterceptorsCatch?: (axiosInstance: GAxiosInstance, error: Error) => void;
+}
+
+export interface GAxiosOptions extends AxiosRequestConfig {
+  headers?: RecordType;
+  isMock?: boolean; // 是否是mock
+  isReturnNativeResponse?: boolean; // 直接返回response，不作任何处理（包含响应值等基本信息）
+  customize?: boolean; // 直接返回response.data（接口返回值），错误不做统一提示
+  carryToken?: boolean; // 是否携带token
+  ignoreCancelToken?: boolean; // 忽略重复请求
+  /**
+   * @Author      gx12358
+   * @DateTime    2023/1/6
+   * @lastTime    2023/1/6
+   * @description 请求之前处理config
+   */
+  beforeRequestHook?: (config: GAxiosOptions) => GAxiosOptions;
+
+  /**
+   * @description: 处理响应数据
+   */
+  transformResponseHook?: (res: AxiosResponse, options: GAxiosOptions) => any;
+
+  /**
+   * @description: 请求失败处理
+   */
+  requestCatchHook?: (e: Error) => boolean;
+
+  /**
+   * @description: 请求之前的拦截器
+   */
+  requestInterceptors?: (config: GAxiosOptions) => GAxiosOptions;
+
+  /**
+   * @description: 请求之后的拦截器
+   */
+  responseInterceptors?: (res: AxiosResponse) => AxiosResponse;
+
+  /**
+   * @description: 请求之前的拦截器错误处理
+   */
+  requestInterceptorsCatch?: (error: Error) => void;
+
+  /**
+   * @description: 请求之后的拦截器错误处理
+   */
+  responseInterceptorsCatch?: (axiosInstance: GAxiosInstance, error: Error) => void;
+}
+
+export interface GAxiosInstance extends Axios {
+  (config: GAxiosOptions): AxiosPromise<ResponseResult>;
+
+  (url: string, config?: GAxiosOptions): AxiosPromise<ResponseResult>;
+}
+
+/**
+ * @description: request method
+ */
+export enum RequestEnum {
+  GET = 'GET',
+  POST = 'POST',
+  PUT = 'PUT',
+  DELETE = 'DELETE',
+}
+
+/**
+ * @description:  contentType
+ */
+export enum ContentTypeEnum {
+  // json
+  JSON = 'application/json;charset=UTF-8',
+  // form-data qs
+  FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8',
+}
+

package/template-mobile-ts/src/utils/storage.ts

@@ -0,0 +1,191 @@
+import dayjs from 'dayjs'
+import { isPro } from '@/utils/env'
+import { Decrypt, Encrypt } from '@/utils/cryptoJS'
+import { isJSONStr } from '@/utils/validate'
+import { isObject } from '@gx-design-vue/pro-utils'
+
+function isEncryption(status: boolean) {
+  return isPro() ? status : false
+}
+
+function handleStorageValue(value: string) {
+  if (isJSONStr(value)) return JSON.parse(value)
+  return value
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2019/12/3
+ * @lastTime    2019/12/3
+ * @description 设置Local-key的规则
+ */
+export function getStorageKey(key: string, originKey?: boolean) {
+  const { pkg } = __APP_INFO__
+  const { VITE_USE_MODE, VITE_APP_ENV } = import.meta.env
+  return originKey ? key : `live_${pkg.version}_${VITE_APP_ENV === 'dev'
+    ? 'development'
+    : VITE_USE_MODE}_${key}`
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2019/12/3
+ * @lastTime    2019/12/3
+ * @description 获取Storage
+ */
+export function getStorage({
+  key,
+  encryption = true,
+  type = 'local',
+  originKey
+}: { key: string, encryption?: boolean, type?: string, originKey?: boolean }) {
+  const storageValue = type === 'local' ?
+    localStorage.getItem(getStorageKey(key, originKey))
+    : sessionStorage.getItem(getStorageKey(key, originKey))
+  const result: string | LocalResult = storageValue ?
+    isEncryption(encryption) ? Decrypt(storageValue) : handleStorageValue(storageValue)
+    : ''
+  if (result && isObject(result)) {
+    if (result.expired) {
+      const expiredStatus = dayjs().diff(dayjs(result.time)) >= result.expired
+      if (expiredStatus) {
+        removeStorage(key, type)
+        return ''
+      }
+    }
+  }
+  return result?.['value'] || result || ''
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2019/12/3
+ * @lastTime    2019/12/3
+ * @description 设置Storage
+ */
+export function setStorage({
+  key,
+  value,
+  expired,
+  originKey,
+  encryption = true,
+  type = 'local'
+}: {
+  key: string;
+  value: any;
+  originKey?: boolean;
+  expired?: number;
+  encryption?: boolean;
+  type?: string;
+}) {
+  const result: LocalResult = originKey ? value : {
+    value,
+    time: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+    expired: expired || 0
+  }
+  const storageValue = isEncryption(encryption) ? Encrypt(JSON.stringify(result)) : JSON.stringify(result)
+  if (type === 'local') localStorage.setItem(getStorageKey(key, originKey), storageValue)
+  sessionStorage.setItem(getStorageKey(key, originKey), storageValue)
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2019/12/3
+ * @lastTime    2019/12/3
+ * @description 删除Storage
+ */
+export function removeStorage(key: string, type = 'local', originKey?: boolean) {
+  if (type === 'local') localStorage.removeItem(getStorageKey(key, originKey))
+  sessionStorage.removeItem(getStorageKey(key, originKey))
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2019-09-24
+ * @lastTime    2019-09-24
+ * @description 获取Cookie-name
+ */
+function getCookies(cname: string) {
+  const name = `${cname}=`
+  const decodedCookie = decodeURIComponent(document.cookie)
+  const ca = decodedCookie.split(';')
+  for (let i = 0; i < ca.length; i += 1) {
+    let c = ca[i]
+    while (c.charAt(0) === ' ') {
+      c = c.substring(1)
+    }
+    if (c.indexOf(name) === 0) {
+      return decodeURIComponent(c.substring(name.length, c.length))
+    }
+  }
+  return ''
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2019-09-24
+ * @lastTime    2019-09-24
+ * @description 获取Cookiedomin
+ */
+function GetCookieDomain() {
+  let host = location.hostname
+  const ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
+  if (ip.test(host) === true || host === 'localhost') return host
+  const regex = /([^]*).*/
+  const match = host.match(regex)
+  if (typeof match !== 'undefined' && match !== null) {
+    const someIndex = 1
+    host = match[someIndex]
+  }
+  if (typeof host !== 'undefined' && host !== null) {
+    const strAry = host.split('.')
+    if (strAry.length > 1) {
+      host = `${strAry[strAry.length - 2]}.${strAry[strAry.length - 1]}`
+    }
+  }
+  return `.${host}`
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2019-09-24
+ * @lastTime    2019-09-24
+ * @description 设置Cookie
+ */
+export function setCookie(cname: string, cvalue: string, exdays?: number) {
+  const d = new Date()
+  d.setTime(d.getTime() + (exdays || 365) * 24 * 60 * 60 * 1000)
+  const expires = `=${d.toUTCString()}`
+  document.cookie = `${cname}=${encodeURIComponent(
+    cvalue
+  )}; expires=${expires}; domain=${GetCookieDomain()}; path=/`
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2019-09-24
+ * @lastTime    2019-09-24
+ * @description 获取Cookie
+ */
+export function getCookie(cname: string) {
+  const result = getCookies(cname)
+  if (result === '') {
+    return ''
+  }
+  return decodeURIComponent(result)
+}
+
+/**
+ * @Author      gx12358
+ * @DateTime    2019-09-24
+ * @lastTime    2019-09-24
+ * @description 删除Cookie
+ */
+export function delCookie(name: string) {
+  const exp = new Date()
+  exp.setTime(exp.getTime() - 1)
+  const cval = getCookies(name)
+  if (cval !== null) {
+    document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; domain=${GetCookieDomain()}; path=/`
+  }
+}

package/template-mobile-ts/src/utils/validate.ts

@@ -1,267 +1,3 @@
-const toString = Object.prototype.toString
-
-export function is(val: unknown, type: string) {
-  return toString.call(val) === `[object ${type}]`
-}
-
-export const isClient = typeof window !== 'undefined'
-
-export const noop = () => {}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判读是否为外链
- * @param path
- * @returns {boolean}
- */
-export function isExternal(path) {
-  return /^(https?:|mailto:|tel:)/.test(path)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 校验密码是否小于6位
- * @param value
- * @returns {boolean}
- */
-export function isPassword(value) {
-  return value.length >= 6
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否为数字
- * @param value
- * @returns {boolean}
- */
-export function isNumber(val: unknown) {
-  return typeof val === 'number'
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是名称
- * @param value
- * @returns {boolean}
- */
-export function isName(value) {
-  const reg = /^[\u4e00-\u9fa5a-zA-Z0-9]+$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否为IP
- * @param ip
- * @returns {boolean}
- */
-export function isIP(ip) {
-  const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
-  return reg.test(ip)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是传统网站
- * @param url
- * @returns {boolean}
- */
-export function isUrl(url) {
-  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
-  return reg.test(url)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是小写字母
- * @param value
- * @returns {boolean}
- */
-export function isLowerCase(value) {
-  const reg = /^[a-z]+$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是大写字母
- * @param value
- * @returns {boolean}
- */
-export function isUpperCase(value) {
-  const reg = /^[A-Z]+$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是大写字母开头
- * @param value
- * @returns {boolean}
- */
-export function isAlphabets(value) {
-  const reg = /^[A-Za-z]+$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是字符串
- * @param value
- * @returns {boolean}
- */
-export function isString(value) {
-  return typeof value === 'string' || value instanceof String
-}
-
-export function isBoolean(val: unknown): val is boolean {
-  return is(val, 'Boolean')
-}
-
-export function isFunction(func: any) {
-  return (typeof func === 'function' || Object.prototype.toString.call(func) === '[object Function]')
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是数组
- * @param arg
- * @returns {arg is any[]|boolean}
- */
-export function isArray(arg) {
-  if (typeof Array.isArray === 'undefined') {
-    return Object.prototype.toString.call(arg) === '[object Array]'
-  }
-  return Array.isArray(arg)
-}
-
-/**
- * @Author      gaoxiang
- * @DateTime    2019/11/29
- * @lastTime    2019/11/29
- * @description 是否是对象
- */
-export function isObject(val: any): val is Record<any, any> {
-  return val !== null && is(val, 'Object')
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是端口号
- * @param value
- * @returns {boolean}
- */
-export function isPort(value) {
-  const reg = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是手机号
- * @param value
- * @returns {boolean}
- */
-export function isPhone(value) {
-  const reg = /^1\d{10}$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是身份证号(第二代)
- * @param value
- * @returns {boolean}
- */
-export function isIdCard(value) {
-  const reg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是邮箱
- * @param value
- * @returns {boolean}
- */
-export function isEmail(value) {
-  const reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否中文
- * @param value
- * @returns {boolean}
- */
-export function isChina(value) {
-  const reg = /^[\u4E00-\u9FA5]{2,4}$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否为空
- * @param value
- * @returns {boolean}
- */
-export function isBlank(value) {
-  return (
-    value == null ||
-    false ||
-    value === '' ||
-    value.trim() === '' ||
-    value.toLocaleLowerCase().trim() === 'null'
-  )
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否为固话
- * @param value
- * @returns {boolean}
- */
-export function isTel(value) {
-  const reg = /^(400|800)([0-9\\-]{7,10})|(([0-9]{4}|[0-9]{3})([- ])?)?([0-9]{7,8})(([- 转])*([0-9]{1,4}))?$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断经度 -180.0～+180.0（整数部分为0～180，必须输入1到5位小数）
- * @param value
- * @returns {boolean}
- */
-export function isLongitude(value) {
-  const reg = /^[-|+]?(0?\d{1,2}\.\d{1,5}|1[0-7]?\d{1}\.\d{1,5}|180\.0{1,5})$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断纬度 -90.0～+90.0（整数部分为0～90，必须输入1到5位小数）
- * @param value
- * @returns {boolean}
- */
-export function isLatitude(value) {
-  const reg = /^[-|+]?([0-8]?\d{1}\.\d{1,5}|90\.0{1,5})$/
-  return reg.test(value)
-}
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description rtsp校验，只要有rtsp://
- * @param value
- * @returns {boolean}
- */
-export function isRTSP(value) {
-  const reg = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
-  const reg1 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5]):[0-9]{1,5}/
-  const reg2 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\//
-  return reg.test(value) || reg1.test(value) || reg2.test(value)
-}
-
 /**
  * @Author      gaoxiang
  * @DateTime    2020/11/4