@gx-design-vue/create-gx-cli 0.1.2 → 0.1.3

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

@@ -1,30 +0,0 @@
-import { reactive, toRefs } from 'vue'
-import { defineStore } from 'pinia'
-import { deepCopy } from '@/utils/util'
-
-/**
- * @Author      gx12358
- * @DateTime    2022/1/11
- * @lastTime    2022/1/11
- * @description store-global 全局属性
- */
-export interface GlobalState {
-  token?: string; // app token
-}
-
-type GlobalStateKey = keyof GlobalState
-
-export const useStoreGlobal = defineStore('global', () => {
-  const state = reactive<GlobalState>({
-    token: ''
-  })
-
-  const setGlobalData: (params: Partial<Record<GlobalStateKey, GlobalState[GlobalStateKey]>>) => void = (params) => {
-    Object.assign(state, deepCopy(params))
-  }
-
-  return {
-    ...toRefs(state),
-    setGlobalData
-  }
-})

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

@@ -1,39 +0,0 @@
-import 'crypto-js/enc-utf8'
-import 'crypto-js/tripledes'
-import 'crypto-js/sha1'
-import * as CryptoJS from 'crypto-js/core'
-import { isJSONStr } from '@/utils/validate'
-import { isObject, isArray } from '@gx-design-vue/pro-utils'
-
-const key = '1234123412ABCDEF'  //十六位十六进制数作为密钥
-
-//加密方法
-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

@@ -1,52 +0,0 @@
-/**
- * @Author      gx12358
- * @DateTime    2022/4/1
- * @lastTime    2022/4/1
- * @description 环境：开发
- */
-export function isDev(): boolean {
-  const DEV = typeViteEnv('VITE_USE_MODE') === 'development'
-  return DEV
-}
-
-/**
- * @Author      gx12358
- * @DateTime    2022/4/1
- * @lastTime    2022/4/1
- * @description 环境：测试
- */
-export function isTest(): boolean {
-  const PRO = typeViteEnv('VITE_USE_MODE') === 'test'
-  return PRO
-}
-
-/**
- * @Author      gx12358
- * @DateTime    2022/4/1
- * @lastTime    2022/4/1
- * @description 环境：正式
- */
-export function isPro(): boolean {
-  return typeViteEnv('VITE_USE_MODE') === 'production'
-}
-
-/**
- * @Author      gx12358
- * @DateTime    2022/4/1
- * @lastTime    2022/4/1
- * @description 环境：测试、正式
- */
-export function isBuild(): boolean {
-  return typeViteEnv('VITE_USE_MODE') !== 'development'
-}
-
-export function typeViteEnv(key: ViteEnvKey) {
-  let value = import.meta.env[key]
-  if (value) {
-    value = (value as string).replace(/\\n/g, '\n')
-
-    value = value === 'true' ? true : value === 'false' ? false : value
-  }
-
-  return value
-}

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

@@ -1,12 +0,0 @@
-/**
- * @author gx12358 2539306317@qq.com
- * @description 设置标题
- * @param pageTitle
- * @returns {string}
- */
-export default function getPageTitle(title: string, pageTitle: string) {
-  let newTitles: any = []
-  if (pageTitle) newTitles.push(pageTitle)
-  if (title) newTitles.push(title)
-  return newTitles.join('-')
-}

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

@@ -1,131 +0,0 @@
-import type { AxiosResponse, AxiosError } from 'axios'
-import axios from 'axios'
-import { deepCopy } from '@/utils/util'
-import qs from 'qs'
-import { isFunction } from '@gx-design-vue/pro-utils'
-import type { GAxiosInstance, GAxiosOptions } from './typings'
-import { ContentTypeEnum, RequestEnum } from './typings'
-import { AxiosCanceler } from './axiosCancel'
-
-/**
- * @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)
-    this.setupInterceptors()
-  }
-
-  /**
-   * @description: Interceptor configuration 拦截器配置
-   */
-  private setupInterceptors() {
-    const {
-      requestInterceptors,
-      requestInterceptorsCatch,
-      responseInterceptors,
-      responseInterceptorsCatch
-    } = this.options
-
-    const axiosCanceler = new AxiosCanceler()
-
-    this.axiosInstance.interceptors.request.use((config: GAxiosOptions) => {
-      const { ignoreCancelToken } = config
-      const ignoreCancel =
-        ignoreCancelToken !== undefined
-          ? ignoreCancelToken
-          : this.options?.ignoreCancelToken
-
-      !ignoreCancel && axiosCanceler.addPending(config)
-      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: AxiosResponse) => {
-      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) => {
-      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: GAxiosOptions = deepCopy(config)
-
-    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, AxiosResponse>(conf)
-        .then((res: AxiosResponse) => {
-          if (transformResponseHook && isFunction(transformResponseHook)) {
-            try {
-              const ret = transformResponseHook(res, config)
-              resolve(ret)
-            } catch (err) {
-              resolve(false as any)
-              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

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

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

@@ -1,11 +0,0 @@
-import { showFailToast } from 'vant'
-
-/**
- * @author gx12358 2539306317@qq.com
- * @description 处理code异常
- * @param {*} code
- * @param {*} msg
- */
-export const handleCode = (code: number, msg: string) => {
-  // 这里处理不同状态
-}

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

@@ -1,143 +0,0 @@
-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-vant-cli/src/utils/request/typings.ts

@@ -1,114 +0,0 @@
-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',
-}
-