@gx-design-vue/create-gx-cli 0.1.10 → 0.1.11

package/template-gx-design-thin/build/vite/plugin/viteNotice.ts

@@ -0,0 +1,40 @@
+import type { Plugin } from 'vite'
+import chalk from 'chalk'
+import { readPackageJSON } from 'pkg-types'
+import { defaultSettings } from '../../../config'
+import { getPackageSize, getRootPath, rootPath } from '../../util'
+
+const { outputDir } = defaultSettings
+
+export default async function viteNotice(): Promise<Plugin> {
+  let config: { command: string }
+  const { name = '' } = await readPackageJSON(rootPath)
+
+  return {
+    name: 'vite:notice',
+    configResolved(resolvedConfig) {
+      config = resolvedConfig
+    },
+    buildStart() {
+      console.log(
+        chalk.bold(
+          chalk.green(
+            `👏Welcome to use ${chalk.blue(
+              '[gx-design-pro]'
+            )}, If you feel good, remember to click on the link below to give a star https://github.com/gx12358/vue3-antd-admin`
+          )
+        )
+      )
+    },
+    closeBundle() {
+      if (config.command === 'build') {
+        getPackageSize({
+          folder: getRootPath(outputDir),
+          callBack: (size: string) => {
+            console.log(chalk.bold(chalk.green(`✨ ${chalk.blue(`[${name}]`)} all build successfully, Total files ${size}`)))
+          }
+        })
+      }
+    }
+  }
+}

package/template-gx-design-thin/commitlint.config.cjs

@@ -0,0 +1,32 @@
+module.exports = {
+  ignores: [(commit) => commit.includes('init')],
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'body-leading-blank': [2, 'always'],
+    'footer-leading-blank': [1, 'always'],
+    'header-max-length': [2, 'always', 108],
+    'subject-empty': [2, 'never'],
+    'type-empty': [2, 'never'],
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'perf',
+        'style',
+        'docs',
+        'test',
+        'refactor',
+        'build',
+        'ci',
+        'chore',
+        'revert',
+        'wip',
+        'workflow',
+        'types',
+        'release',
+      ],
+    ],
+  },
+};

package/template-gx-design-thin/config/default/defaultSettings.ts

@@ -0,0 +1,78 @@
+/**
+ * @description 导出默认通用配置
+ */
+const settingConfig: SettingConfig = {
+  // 开发以及部署时的URL，hash模式时在不确定二级目录名称的情况下建议使用""代表相对路径或者"/二级目录/"，history模式默认使用"/"或者"/二级目录/"
+  publicPath: './',
+  // 生产环境构建文件的目录名
+  outputDir: 'dist',
+  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
+  assetsDir: 'static',
+  // 标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题）
+  title: 'GX Pro Admin',
+  // 短标题
+  shortName: 'gx_pro_admin',
+  // 标题分隔符
+  titleSeparator: ' - ',
+  // 标题是否反转 如果为false:"page - title"，如果为ture:"title - page"
+  titleReverse: false,
+  // 是否开启水印
+  waterMark: true,
+  // 水印字符
+  waterMarkTitle: 'GX Pro Admin',
+  // 滚动区域选择器
+  viewScrollRoot: '#gx-pro-admin>.gx-scrollbar>.gx-scrollbar-wrap',
+  // 开启cdn
+  useCdn: true,
+  // cdn 地址
+  cdnUrl: 'https://cdn.bootcdn.net/ajax/libs/{name}/{version}/{path}',
+  // cdn 模块集合
+  cdnModules: [
+    {
+      name: 'axios',
+      globalName: 'axios',
+      path: 'axios.min.js'
+    },
+    {
+      name: 'dayjs',
+      globalName: 'dayjs',
+      path: 'dayjs.min.js'
+    }
+  ],
+  // 开启proxy
+  useProxy: true,
+  // proxy target
+  proxyTarget: 'http://127.0.0.1:3000',
+  // 接口前缀
+  requestPrefix: '/api',
+  // mock-接口前缀
+  mockPrefixUrl: '/mock-server',
+  // 开发环境端口号
+  devPort: 9260,
+  // pro版本copyright可随意修改
+  copyright: 'gx12358 2539306317@qq.com',
+  // 缓存路由的最大数量
+  keepAliveMaxNum: 99,
+  // 路由模式，可选值为 browser 或 hash
+  routerMode: 'hash',
+  // 不经过token校验的路由
+  routesWhiteList: [ '/user/login', '/user/register', '/exception/404', '/exception/403' ],
+  // token名称
+  tokenName: 'Authorization',
+  // token在localStorage、sessionStorage、cookie存储的key的名称
+  tokenTableName: 'GxAccessToken',
+  // token存储位置localStorage sessionStorage cookie
+  storage: 'localStorage',
+  // token失效回退到登录页时是否记录本次的路由
+  recordRoute: false,
+  // 是否开启登录拦截
+  loginInterception: true,
+  // 是否开启登录RSA加密
+  loginRSA: false,
+  // front（前端导出路由）和 all（后端导出路由）两种方式
+  authentication: 'all',
+  // mock数据是否检查token
+  checkMockToken: true
+}
+
+export default settingConfig

package/template-gx-design-thin/config/default/network.ts

@@ -0,0 +1,10 @@
+/**
+ * @description 导出默认网路配置
+ **/
+const networkSetting: NetworkConfig = {
+  // 最长请求时间
+  requestTimeout: 10000,
+  // 操作正常code，支持String、Array、Number多种类型
+  successCode: [ 200, 0 ]
+}
+export default networkSetting

package/template-gx-design-thin/config/default/proxy.ts

@@ -0,0 +1,47 @@
+/**
+ * 在生产环境 代理是无法生效的，所以这里没有生产环境的配置
+ * The agent cannot take effect in the production environment
+ * so there is no configuration of the production environment
+ * For details, please see
+ * https://pro.ant.design/docs/deploy
+ */
+import type { ProxyOptions } from 'vite'
+import { isObject, isString } from '@gx-design-vue/pro-utils'
+import defaultSettings from './defaultSettings'
+
+type ProxyTargetList = ProxyOptions & { rewrite: (path: string) => string }
+
+export function createProxy(prefix) {
+  const ret = {
+    dev: {},
+    test: {},
+    pre: {}
+  }
+
+  if (isObject(defaultSettings.proxyTarget)) {
+    Object.keys(defaultSettings.proxyTarget).forEach((prefix) => {
+      const proxy = {
+        target: `${defaultSettings.proxyTarget[prefix]}`,
+        changeOrigin: true,
+        ws: true,
+        rewrite: path => path.replace(new RegExp(`^${prefix}`), '')
+      } as ProxyTargetList
+
+      ret.dev[prefix] = proxy
+      ret.test[prefix] = proxy
+      ret.pre[prefix] = proxy
+    })
+  } else if (isString(defaultSettings.proxyTarget)) {
+    const proxy = {
+      target: `${defaultSettings.proxyTarget}`,
+      changeOrigin: true,
+      ws: true,
+      rewrite: path => path.replace(new RegExp(`^${prefix}`), '')
+    }
+    ret.dev[prefix] = proxy
+    ret.test[prefix] = proxy
+    ret.pre[prefix] = proxy
+  }
+
+  return ret
+}

package/template-gx-design-thin/config/default/theme.ts

@@ -0,0 +1,3 @@
+export default {
+  colorPrimary: '#1677FF'
+} as ProAliasToken

package/template-gx-design-thin/config/index.ts

@@ -0,0 +1,11 @@
+import theme from './default/theme'
+import network from './default/network'
+import defaultSettings from './default/defaultSettings'
+
+export * from './default/proxy'
+
+export {
+  theme,
+  network,
+  defaultSettings
+}

package/template-gx-design-thin/eslint.config.js

@@ -0,0 +1,51 @@
+import antFuEslint from '@antfu/eslint-config'
+
+export default antFuEslint({
+  vue: true,
+  vueJsx: true,
+  typescript: true,
+  gitignore: true,
+  markdown: true,
+  ignores: [
+    'src/assets/**/*.js',
+    'build/vite/plugin/viteMock',
+    'public',
+    'tsconfig.*.json',
+    'tsconfig.json'
+  ]
+}, {
+  rules: {
+    'curly': 0,
+    'no-console': 0,
+    'import/order': 0,
+    'style/quote-props': 0,
+    'style/brace-style': 0,
+    'style/comma-dangle': 0,
+    'style/multiline-ternary': 0,
+    'prefer-regex-literals': 0,
+    'antfu/top-level-function': 0,
+    'vue/array-bracket-spacing': 0,
+    'style/array-bracket-spacing': 0,
+    'node/prefer-global/process': 0,
+    'style/indent': 0,
+    'prefer-template': 0,
+    'dot-notation': 0,
+    'no-cond-assign': 0,
+    'no-useless-computed-key': 0,
+    'node/no-deprecated-api': 0,
+    'antfu/consistent-list-newline': 0,
+    'import/no-mutable-exports': 0,
+    'style/member-delimiter-style': 0,
+    'unused-imports/no-unused-imports': 0,
+    'eslint-comments/no-unlimited-disable': 0,
+    'no-async-promise-executor': 0,
+    'unicorn/escape-case': 0,
+    'ts/ban-ts-comment': 0,
+    'ts/prefer-ts-expect-error': 0,
+    'ts/method-signature-style': 0,
+    'style/no-trailing-spaces': 0,
+    'ts/consistent-type-imports': 0,
+    'style/type-generic-spacing': 0,
+    'prefer-promise-reject-errors': 0
+  }
+})

package/template-gx-design-thin/index.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta
+    name="viewport"
+    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
+  />
+  <% for (var i in injectScript) { %>
+  <script type="text/javascript" src="<%= injectScript[i] %>"></script>
+  <% } %>
+  <title><%= VUE_APP_TITLE %></title>
+  <link rel="icon" href="/resource/img/favicon.ico" type="image/x-icon" />
+  <% for (var i in injectLink) { %>
+  <link rel="stylesheet" type="text/css" href="<%= injectLink[i] %>" />
+  <% } %>
+  <link rel="stylesheet" href="/resource/css/normalize.css">
+  <link rel="stylesheet" href="/resource/css/index.css">
+</head>
+<body>
+<div id="app">
+  <div class="gx-app-loading">
+    <div class="gx-app-title">
+      <img src="/resource/img/logo.png" alt="logo" />
+    </div>
+    <div class="page-loading-warp">
+      <div class="gx-spin gx-spin-spinning">
+        <span class="gx-spin-dot gx-spin-dot-spin">
+          <svg t="1708486459357" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="983" width="40" height="40"><path d="M470.869333 9.130667c0-5.034667 4.096-9.130667 9.130667-9.130667h64c5.034667 0 9.130667 4.096 9.130667 9.130667v237.738666A9.130667 9.130667 0 0 1 544 256h-64a9.130667 9.130667 0 0 1-9.130667-9.130667V9.130667z" fill="#1677ff" p-id="984"></path><path d="M224 97.066667a9.130667 9.130667 0 0 1 3.328-12.501334l55.466667-32a9.130667 9.130667 0 0 1 12.458666 3.370667l118.869334 205.866667a9.130667 9.130667 0 0 1-3.370667 12.458666l-55.424 32a9.130667 9.130667 0 0 1-12.458667-3.328L224 97.066667z" fill="#1677ff" p-id="985"></path><path d="M55.893333 295.253333a9.130667 9.130667 0 0 1-3.328-12.501333l32-55.424a9.130667 9.130667 0 0 1 12.501334-3.328L302.933333 342.869333a9.130667 9.130667 0 0 1 3.328 12.458667l-32 55.466667a9.130667 9.130667 0 0 1-12.458666 3.328L55.893333 295.253333z" fill="#1677ff" p-id="986"></path><path d="M9.130667 553.130667A9.130667 9.130667 0 0 1 0 544v-64c0-5.034667 4.096-9.130667 9.130667-9.130667h237.738666c5.034667 0 9.130667 4.096 9.130667 9.130667v64a9.130667 9.130667 0 0 1-9.130667 9.130667H9.130667z" fill="#1677ff" p-id="987"></path><path d="M800 97.066667a9.130667 9.130667 0 0 0-3.328-12.501334l-55.466667-32a9.130667 9.130667 0 0 0-12.458666 3.370667l-118.869334 205.866667a9.130667 9.130667 0 0 0 3.370667 12.458666l55.424 32a9.130667 9.130667 0 0 0 12.458667-3.328l118.869333-205.866666z" fill="#1677ff" p-id="988"></path><path d="M968.106667 295.253333a9.130667 9.130667 0 0 0 3.328-12.501333l-32-55.424a9.130667 9.130667 0 0 0-12.501334-3.328L721.066667 342.869333a9.130667 9.130667 0 0 0-3.328 12.458667l32 55.466667c2.517333 4.352 8.106667 5.845333 12.458666 3.328L968.106667 295.253333z" fill="#1677ff" p-id="989"></path><path d="M1014.869333 553.130667A9.130667 9.130667 0 0 0 1024 544v-64a9.130667 9.130667 0 0 0-9.130667-9.130667h-237.738666a9.130667 9.130667 0 0 0-9.130667 9.130667v64c0 5.034667 4.096 9.130667 9.130667 9.130667h237.738666z" fill="#1677ff" p-id="990"></path><path d="M470.869333 1014.869333c0 5.034667 4.096 9.130667 9.130667 9.130667h64a9.130667 9.130667 0 0 0 9.130667-9.130667v-237.738666A9.130667 9.130667 0 0 0 544 768h-64a9.130667 9.130667 0 0 0-9.130667 9.130667v237.738666z" fill="#1677ff" p-id="991"></path><path d="M224 926.933333a9.130667 9.130667 0 0 0 3.328 12.501334l55.466667 32c4.352 2.517333 9.941333 1.024 12.458666-3.370667l118.869334-205.866667a9.130667 9.130667 0 0 0-3.370667-12.458666l-55.424-32a9.130667 9.130667 0 0 0-12.458667 3.328L224 926.933333z" fill="#1677ff" p-id="992"></path><path d="M55.893333 728.746667a9.130667 9.130667 0 0 0-3.328 12.501333l32 55.424c2.56 4.352 8.106667 5.845333 12.501334 3.328L302.933333 681.130667a9.130667 9.130667 0 0 0 3.328-12.458667l-32-55.466667a9.130667 9.130667 0 0 0-12.458666-3.328L55.893333 728.746667z" fill="#1677ff" p-id="993"></path><path d="M800 926.933333a9.130667 9.130667 0 0 1-3.328 12.501334l-55.466667 32a9.130667 9.130667 0 0 1-12.458666-3.370667l-118.869334-205.866667a9.130667 9.130667 0 0 1 3.370667-12.458666l55.424-32a9.130667 9.130667 0 0 1 12.458667 3.328l118.869333 205.866666z" fill="#1677ff" p-id="994"></path><path d="M968.106667 728.746667c4.352 2.517333 5.845333 8.106667 3.328 12.501333l-32 55.424a9.130667 9.130667 0 0 1-12.501334 3.328L721.066667 681.130667a9.130667 9.130667 0 0 1-3.328-12.458667l32-55.466667a9.130667 9.130667 0 0 1 12.458666-3.328l205.866667 118.869334z" fill="#1677ff" p-id="995"></path></svg>
+        </span>
+      </div>
+      <div class="page-loading-warp_mseeage">
+        <p class="page-loading_title">正在加载资源</p>
+        <p class="page-loading_sub_title">初次加载资源可能需要较多时间，请耐心等候</p>
+      </div>
+    </div>
+  </div>
+</div>
+<script type="module" src="/src/main.ts"></script>
+</body>
+</html>

package/template-gx-design-thin/mock/_createProductionServer.ts

@@ -0,0 +1,19 @@
+import { createProdMockServer } from '../build/vite/plugin/viteMock/client'
+
+const modules = import.meta.glob('./datasSource/**/*.ts', { eager: true })
+
+const mockModules: any[] = []
+Object.keys(modules).forEach((key) => {
+  if (key.includes('/_')) {
+    return
+  }
+  if (modules[key] && modules[key]['default'])
+    mockModules.push(...modules[key]['default'])
+})
+
+/**
+ * Used in a production environment. Need to manually import all modules
+ */
+export function setupProdMockServer() {
+  createProdMockServer(mockModules)
+}

package/template-gx-design-thin/mock/_util.ts

@@ -0,0 +1,33 @@
+import { omit } from 'lodash-es'
+import { defaultSettings } from '@gx-config'
+import { checkToken } from '@gx-mock/util/utils'
+import { isFunction, isObject } from '@gx-design-vue/pro-utils'
+
+const { tokenName } = defaultSettings
+
+export function getRequestToken({ headers }: MockResponse<any, any>): string | undefined {
+  return headers?.[tokenName.toLowerCase()]
+}
+
+export const checkBackDataFun = (token, config?: Partial<ResponseResult> | Function) => {
+  const configData: Partial<ResponseResult> = isFunction(config) ? (config as Function)?.() : config
+  let code = 200
+  let msg = ''
+  let data: any
+  if (isObject(configData)) {
+    code = configData?.code || 200
+    data = configData?.data || { ...omit(configData, [ 'code', 'msg' ]) }
+    msg = configData?.msg
+  } else {
+    data = configData
+  }
+
+  const invaiteToken = checkToken(token)
+
+  const result: ResponseResult = {
+    ...(invaiteToken ? { data } : {}),
+    code: invaiteToken ? code : 401,
+    msg: invaiteToken ? msg || code ? 'success' : 'Request failed' : 'Invalid token!'
+  }
+  return result
+}

package/template-gx-design-thin/mock/config/menu.ts

@@ -0,0 +1,21 @@
+import dayjs from 'dayjs'
+import type { MenuDataItem } from '@gx-design-vue/pro-layout'
+import { getLevelData } from '@gx-design-vue/pro-utils'
+
+export const menuList: MenuDataItem[] = getLevelData([
+  {
+    component: 'Page/one',
+    createTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+    menuId: 2,
+    path: 'One',
+    title: '页面一',
+    name: 'Page',
+    menuType: 'C',
+    orderNum: '2',
+    isFrame: '1',
+    parentId: 0,
+    target: '',
+    hidden: false,
+    outLinkType: 0
+  }
+]).map(item => ({ ...item, children: [] }))

package/template-gx-design-thin/mock/config/user.ts

@@ -0,0 +1,123 @@
+import mockjs from 'mockjs'
+
+const { Random } = mockjs
+
+const admin = [ 1, 2 ]
+
+export interface RolesInfo {
+  roleId: number;
+  roleKey: string;
+  roleName: string;
+  status: string;
+}
+
+export interface UserDetails {
+  roles: RolesInfo[];
+  userId: number;
+  roleIds: number[];
+  userName: string;
+  nickName: string;
+  avatar: string;
+  admin: boolean;
+  address: string;
+  signature: string;
+  introduction: string;
+  tags?: string;
+  phone?: string;
+  email?: string;
+  levelName?: string;
+  provinceCode?: string;
+  cityCode?: string;
+  districtCode?: string;
+  loginDate?: string;
+}
+
+export interface UserInfo {
+  roles: string[];
+  permissions: string[];
+  user: UserDetails;
+}
+
+export interface UserList {
+  id: number;
+  name: string;
+}
+
+export const accessTokens = {
+  gx12358: 'gx-accessToken',
+  admin: 'admin-accessToken',
+  editor: 'editor-accessToken',
+  no_editor: 'test-accessToken'
+}
+
+export const accounts = {
+  admin: 'gx.design',
+  gx12358: 'aa123456',
+  editor: 'gx.design',
+  no_editor: 'gx.design'
+}
+
+export const rolesInfo: RolesInfo[] = [
+  {
+    roleId: 1,
+    roleKey: 'gx-admin',
+    roleName: 'gx12358-超级管理员',
+    status: '0'
+  },
+  {
+    roleId: 2,
+    roleKey: 'admin',
+    roleName: '超级管理员',
+    status: '0'
+  },
+  {
+    roleId: 3,
+    roleKey: 'editor',
+    roleName: '编辑人员',
+    status: '0'
+  }
+]
+
+export const tokenAccount = {
+  '1': accessTokens.gx12358,
+  '2': accessTokens.admin,
+  '3': accessTokens.editor,
+  '4': accessTokens.no_editor
+}
+
+const rolesInfoAccount = {
+  '1': rolesInfo.filter(item => [ 1 ].includes(item.roleId)),
+  '2': rolesInfo.filter(item => [ 2 ].includes(item.roleId)),
+  '3': rolesInfo.filter(item => [ 3 ].includes(item.roleId)),
+  '4': rolesInfo.filter(item => [ 3 ].includes(item.roleId))
+}
+
+const nickNameAccount = {
+  '1': 'gx12358',
+  '2': 'admin',
+  '3': 'editor',
+  '4': 'no_editor'
+}
+
+export const defaultUser: UserInfo = {
+  permissions: [ '*:*:*' ],
+  roles: rolesInfoAccount[String(2)].map(item => item.roleKey),
+  user: {
+    userId: 1,
+    admin: admin.includes(1),
+    roles: rolesInfoAccount[String(1)],
+    levelName: '前端开发工程师',
+    roleIds: rolesInfoAccount[String(1)].map(item => item.roleId),
+    nickName: nickNameAccount[String(1)],
+    address: '安徽省合肥市瑶海区',
+    provinceCode: '340000',
+    cityCode: '340100',
+    districtCode: '340102',
+    email: 'gx12358@gmail.com',
+    phone: '18811217623',
+    introduction: Random.cparagraph(10, 15),
+    avatar: 'https://ahtv-obs.obs.cn-north-4.myhuaweicloud.com/20211111162748.jpg',
+    tags: Array.from({ length: Random.integer(4, 8) }).map(_ => Random.cword(2, 6)).join(),
+    userName: Object.keys(accessTokens).find(el => tokenAccount[String(1)] === accessTokens[el])
+  } as UserDetails
+}

package/template-gx-design-thin/mock/datasSource/system/menu.ts

@@ -0,0 +1,10 @@
+import { getMockRequest } from '@gx-mock/util/utils'
+import { menuList } from '@gx-mock/config/menu'
+
+export default [
+  getMockRequest({
+    url: '/menu/navigate',
+    method: 'post',
+    callback: () => menuList
+  })
+]

package/template-gx-design-thin/mock/datasSource/user/account.ts

@@ -0,0 +1,30 @@
+import dayjs from 'dayjs'
+import type { UserInfo } from '@gx-mock/config/user'
+import { defaultUser } from '@gx-mock/config/user'
+import { getMockRequest, getTokeUserInfo } from '@gx-mock/util/utils'
+
+export default [
+  getMockRequest<UserInfo | DefaultResult<null>, any>({
+    url: '/user/queryUserDetail',
+    method: 'get',
+    callback: (_, token = '') => {
+      if (token) {
+        const tokenUserInfo = getTokeUserInfo(token)
+        if (tokenUserInfo && tokenUserInfo?.userId) {
+          return {
+            ...defaultUser,
+            user: {
+              ...defaultUser.user,
+              loginDate: dayjs().format('YYYY-MM-DD HH:mm:ss')
+            }
+          }
+        }
+      }
+
+      return {
+        code: 500,
+        message: '用户信息获取失败'
+      }
+    }
+  })
+]

package/template-gx-design-thin/mock/datasSource/user/index.ts

@@ -0,0 +1,47 @@
+import { defaultSettings } from '@gx-config'
+import { accessTokens, accounts } from '@gx-mock/config/user'
+import { createrToken, getMockRequest } from '@gx-mock/util/utils'
+
+const { tokenName } = defaultSettings
+
+export default [
+  getMockRequest({
+    url: '/user/login',
+    method: 'post',
+    carryToken: false,
+    callback: ({ body }) => {
+      const { userName, password } = body
+      const accessToken = accessTokens[userName]
+      if (accounts[userName] !== password || !accessToken) {
+        return {
+          code: 500,
+          msg: '帐户或密码不正确。'
+        }
+      }
+      return {
+        code: 200,
+        msg: 'success',
+        data: {
+          [tokenName]: createrToken(accessToken),
+          expiresIn: 720
+        }
+      }
+    }
+  }),
+  getMockRequest({
+    url: '/user/register',
+    method: 'post',
+    carryToken: false,
+    callback: () => {
+      return {
+        code: 200,
+        msg: '模拟注册成功'
+      }
+    }
+  }),
+  getMockRequest({
+    url: '/user/logout',
+    method: 'get',
+    timeout: 200
+  })
+]

package/template-gx-design-thin/mock/util/crypto.ts

@@ -0,0 +1,23 @@
+import { isJSONStr } from '@/utils/validate'
+import { isArray, isObject } from '@gx-design-vue/pro-utils'
+import Base64 from '@/utils/crypto/base64'
+
+const cryptoBase64 = new Base64()
+
+// 加密方法
+export function Encrypt(word: string | object) {
+  let str: string
+  if (isObject(word) || isArray(word)) {
+    str = JSON.stringify(word)
+  } else {
+    str = word as string
+  }
+
+  return cryptoBase64.encode(str as string)
+}
+
+// 解密方法
+export function Decrypt(word: string) {
+  const decryptedStr = cryptoBase64.decode(word)
+  return isJSONStr(decryptedStr) ? JSON.parse(decryptedStr) : decryptedStr
+}