npm - @gx-design-vue/create-gx-cli - Versions diffs - 0.0.4 → 0.0.5 - Mend

@gx-design-vue/create-gx-cli 0.0.4 → 0.0.5

Files changed (256) hide show

package/template-design-pro/config/default/proxy.ts ADDED Viewed

@@ -0,0 +1,26 @@
+/**
+ * 在生产环境 代理是无法生效的，所以这里没有生产环境的配置
+ * 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 defaultSettings from './defaultSettings'
+export function createProxy(prefix) {
+  const ret = {
+    dev: {},
+    test: {},
+    pre: {}
+  }
+  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-design-pro/config/default/theme.ts ADDED Viewed

@@ -0,0 +1,43 @@
+/**
+ * @description 导出默认主题配置
+ */
+import type { themeConfig } from '/types/config'
+const themeSetting: themeConfig = {
+  //布局种类 side/mix/simple/wide
+  layout: 'mix',
+  // 主题 light/dark
+  theme: 'light',
+  // 主题色
+  primaryColor: '#1677ff',
+  // logo标题
+  title: 'GX Pro Admin',
+  // 定宽-宽度
+  wideWidth: 1300,
+  // 头部菜单高度
+  headerHeight: 48,
+  // 头部菜单是否固定
+  fixedMultiTab: true,
+  // 头部菜单是否固定
+  fixedHeader: false,
+  // 侧边栏菜单是否固定
+  fixSiderbar: false,
+  // 菜单是否自动分割
+  splitMenus: true,
+  //是否显示顶部进度条
+  showProgressBar: true,
+  //是否显示多标签页
+  showTabsBar: true,
+  //是否显示全屏组件
+  showFullScreen: false,
+  //菜单字体链接Url
+  iconfontUrl: '',
+  //是否自动隐藏头部
+  autoHideHeader: false,
+  //页面动画配置
+  animate: {
+    name: 'fade',
+    direction: 'default'
+  }
+}
+export default themeSetting

package/template-design-pro/config/default/themeColor.ts ADDED Viewed

@@ -0,0 +1,62 @@
+/**
+ * #1890ff -> daybreak
+ *
+ * @param val
+ */
+export function genThemeToString(val?: string): string {
+  const colorItem = themeConfig.find(item => val === item.color)
+  return val && colorItem ? colorItem.fileName : 'daybreak'
+}
+/**
+ * Daybreak-> #1890ff
+ *
+ * @param val
+ */
+export function genStringToTheme(val?: string): string {
+  const colorItem = themeConfig.find(item => val.toLowerCase() === item.fileName)
+  return val && colorItem ? colorItem.color : '#1677ff'
+}
+export const themeConfig = [
+  {
+    color: '#1677ff',
+    colorName: '拂晓蓝（默认）',
+    fileName: 'daybreak',
+  },
+  {
+    color: '#F5222D',
+    colorName: '薄暮',
+    fileName: 'dust'
+  },
+  {
+    color: '#FA541C',
+    colorName: '火山',
+    fileName: 'volcano'
+  },
+  {
+    color: '#FAAD14',
+    colorName: '日暮',
+    fileName: 'sunset'
+  },
+  {
+    color: '#13C2C2',
+    colorName: '明青',
+    fileName: 'cyan'
+  },
+  {
+    color: '#52C41A',
+    colorName: '极光绿',
+    fileName: 'green'
+  },
+  {
+    color: '#2F54EB',
+    colorName: '极客蓝',
+    fileName: 'geekblue'
+  },
+  {
+    color: '#722ED1',
+    colorName: '酱紫',
+    fileName: 'purple'
+  }
+]

package/template-design-pro/index.html ADDED Viewed

@@ -0,0 +1,45 @@
+<!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"
+    />
+    <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/index.css">
+  </head>
+  <body>
+    <div id="app">
+      <div class="gx-app-loading">
+        <img src="/resource/img/pro_icon.svg" alt="logo" width="256" />
+        <div class="page-loading-warp">
+          <div class="ant-spin ant-spin-lg ant-spin-spinning">
+            <span class="ant-spin-dot ant-spin-dot-spin"
+            ><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
+            ><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
+            ></span>
+          </div>
+        </div>
+        <div style="display: flex; align-items: center; justify-content: center">
+          <img
+            src="/resource/img/logo.png" alt="logo"
+            width="32"
+            style="margin-right: 8px"
+          />
+          <%= VUE_APP_TITLE %>
+        </div>
+      </div>
+    </div>
+    <script type="module" src="/src/main.ts"></script>
+    <% for (var i in injectScript) { %>
+    <script type="text/javascript" src="<%= injectScript[i] %>"></script>
+    <% } %>
+  </body>
+</html>

package/template-design-pro/jest.config.mjs ADDED Viewed

@@ -0,0 +1,36 @@
+export default {
+  preset: 'ts-jest',
+  roots: ['<rootDir>/tests/'],
+  clearMocks: true,
+  moduleDirectories: ['node_modules', 'src'],
+  moduleFileExtensions: ['js', 'ts', 'vue', 'tsx', 'jsx', 'json', 'node'],
+  modulePaths: ['<rootDir>/src', '<rootDir>/node_modules'],
+  testMatch: [
+    '**/tests/**/*.[jt]s?(x)',
+    '**/?(*.)+(spec|test).[tj]s?(x)',
+    '(/__tests__/.*|(\\.|/)(test|spec))\\.(js|ts)$',
+  ],
+  testPathIgnorePatterns: [
+    '<rootDir>/tests/server/',
+    '<rootDir>/tests/__mocks__/',
+    '/node_modules/',
+  ],
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
+  },
+  transformIgnorePatterns: ['<rootDir>/tests/__mocks__/', '/node_modules/'],
+  // A map from regular expressions to module names that allow to stub out resources with a single module
+  moduleNameMapper: {
+    '\\.(vs|fs|vert|frag|glsl|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+      '<rootDir>/tests/__mocks__/fileMock.ts',
+    '\\.(sass|s?css|less)$': '<rootDir>/tests/__mocks__/styleMock.ts',
+    '\\?worker$': '<rootDir>/tests/__mocks__/workerMock.ts',
+    '^@/(.*)$': '<rootDir>/src/$1',
+  },
+  testEnvironment: 'jsdom',
+  verbose: true,
+  collectCoverage: false,
+  coverageDirectory: 'coverage',
+  collectCoverageFrom: ['src/**/*.{js,ts,vue}'],
+  coveragePathIgnorePatterns: ['^.+\\.d\\.ts$'],
+};

package/template-design-pro/mock/_createProductionServer.ts ADDED Viewed

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

package/template-design-pro/mock/_util.ts ADDED Viewed

@@ -0,0 +1,55 @@
+// Interface data format used to return a unified format
+import config from '/config/config'
+const { tokenName } = config.defaultSettings
+export function resultSuccess<T = Recordable>(result: T, { msg = 'success' } = {}) {
+  return {
+    code: 200,
+    result,
+    msg
+  }
+}
+export function resultError(msg = 'Request failed', { code = -1, result = null } = {}) {
+  return {
+    code,
+    result,
+    msg
+  }
+}
+export function pagination<T = any>(pageNo: number, pageSize: number, array: T[]): T[] {
+  const offset = (pageNo - 1) * Number(pageSize)
+  const ret =
+    offset + Number(pageSize) >= array.length
+      ? array.slice(offset, array.length)
+      : array.slice(offset, offset + Number(pageSize))
+  return ret
+}
+export interface requestParams {
+  method: string;
+  body: any;
+  headers?: any;
+  query: any;
+}
+/**
+ * @description 本函数用于从request数据中获取token，请根据项目的实际情况修改
+ *
+ */
+export function getRequestToken({ headers }: requestParams): string | undefined {
+  return headers?.[tokenName.toLowerCase()]
+}
+export const builder = (token, config?: Partial<ResponseResult>) => {
+  const code = config?.code || 200
+  const result: ResponseResult = {
+    ...config,
+    code: token ? code : 401,
+    msg: token ? config?.msg || code ? 'success' : 'Request failed' : 'Request failed'
+  }
+  return result
+}

package/template-design-pro/mock/controller/menu.ts ADDED Viewed

@@ -0,0 +1,85 @@
+import type { MockMethod } from '/types/mock'
+import dayjs from 'dayjs'
+const data: MenuDataItem[] = [
+  // 一级菜单
+  {
+    children: [],
+    createTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+    icon: 'gx-zujian',
+    iconType: 1,
+    menuId: 1,
+    path: 'catalogue-one',
+    redirect: '/catalogue/menu-one',
+    title: '目录一',
+    name: 'catalogue-one',
+    menuType: 'M',
+    orderNum: '1',
+    isFrame: '1',
+    parentId: 0,
+    target: '',
+    hidden: false,
+    outLinkType: 0
+  },
+  // 二级菜单
+  {
+    component: '/MenuOne/index',
+    children: [],
+    createTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+    icon: 'gx-fuwuqingqiu',
+    iconType: 1,
+    menuId: 2,
+    path: 'menu-one',
+    title: '菜单一',
+    name: 'menu-one',
+    menuType: 'C',
+    orderNum: '1',
+    isFrame: '1',
+    parentId: 1,
+    target: '',
+    hidden: false,
+    outLinkType: 0
+  },
+  {
+    createTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+    menuId: 3,
+    title: 'procomponents(外链)',
+    name: 'procomponents(外链)',
+    menuType: 'C',
+    orderNum: '2',
+    isFrame: '0',
+    parentId: 1,
+    target: 'https://procomponents.ant.design/',
+    hidden: false,
+    outLinkType: 1
+  },
+  {
+    children: [],
+    component: 'IframeView',
+    createTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+    menuId: 4,
+    title: 'antVue文档(内嵌)',
+    name: 'antVue文档(内嵌)',
+    menuType: 'C',
+    orderNum: '3',
+    isFrame: '0',
+    parentId: 1,
+    path: 'antVue',
+    target: 'https://next.antdv.com/components/overview-cn/',
+    hidden: false,
+    outLinkType: 0
+  },
+]
+export default [
+  {
+    url: '/mock-server/menu/navigate',
+    method: 'post',
+    response: () => {
+      return {
+        code: 200,
+        msg: 'success',
+        data
+      }
+    }
+  }
+] as MockMethod[]

package/template-design-pro/mock/controller/notices.ts ADDED Viewed

@@ -0,0 +1,114 @@
+import type { MockMethod } from '/types/mock'
+import { getRequestToken, requestParams, builder } from '../_util'
+const getNotices = () => {
+  return [
+    {
+      id: '000000001',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+      title: '你收到了 14 份新周报',
+      datetime: '2017-08-09',
+      type: 'notification',
+    },
+    {
+      id: '000000002',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png',
+      title: '你推荐的 曲妮妮 已通过第三轮面试',
+      datetime: '2017-08-08',
+      type: 'notification',
+    },
+    {
+      id: '000000003',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png',
+      title: '这种模板可以区分多种通知类型',
+      datetime: '2017-08-07',
+      read: true,
+      type: 'notification',
+    },
+    {
+      id: '000000004',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+      title: '左侧图标用于区分不同的类型',
+      datetime: '2017-08-07',
+      type: 'notification',
+    },
+    {
+      id: '000000005',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+      title: '内容不要超过两行字，超出时自动截断',
+      datetime: '2017-08-07',
+      type: 'notification',
+    },
+    {
+      id: '000000006',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+      title: '曲丽丽 评论了你',
+      description: '描述信息描述信息描述信息',
+      datetime: '2017-08-07',
+      type: 'message',
+      clickClose: true,
+    },
+    {
+      id: '000000007',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+      title: '朱偏右 回复了你',
+      description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+      datetime: '2017-08-07',
+      type: 'message',
+      clickClose: true,
+    },
+    {
+      id: '000000008',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+      title: '标题',
+      description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+      datetime: '2017-08-07',
+      type: 'message',
+      clickClose: true,
+    },
+    {
+      id: '000000009',
+      title: '任务名称',
+      description: '任务需要在 2017-01-12 20:00 前启动',
+      extra: '未开始',
+      status: 'todo',
+      type: 'event',
+    },
+    {
+      id: '000000010',
+      title: '第三方紧急代码变更',
+      description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+      extra: '马上到期',
+      status: 'urgent',
+      type: 'event',
+    },
+    {
+      id: '000000011',
+      title: '信息安全考试',
+      description: '指派竹尔于 2017-01-09 前完成更新并发布',
+      extra: '已耗时 8 天',
+      status: 'doing',
+      type: 'event',
+    },
+    {
+      id: '000000012',
+      title: 'ABCD 版本发布',
+      description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+      extra: '进行中',
+      status: 'processing',
+      type: 'event',
+    },
+  ]
+};
+export default [
+  {
+    url: '/mock-server/notices',
+    method: 'post',
+    response: (request: requestParams) => {
+      return builder(getRequestToken(request), {
+        data: getNotices()
+      })
+    }
+  }
+] as MockMethod[]

package/template-design-pro/mock/system/dict.ts ADDED Viewed

@@ -0,0 +1,60 @@
+import type { MockMethod } from '/types/mock'
+import { cloneDeep } from 'lodash-es'
+import { builder, getRequestToken, requestParams } from '../_util'
+function getCommonStatus() {
+  return [
+    {
+      createBy: 'admin',
+      createTime: '2021-10-20 15:03:10',
+      cssClass: '',
+      default: false,
+      dictCode: 27,
+      dictLabel: '成功',
+      dictSort: 1,
+      dictType: 'sys_common_status',
+      dictValue: '0',
+      isDefault: 'N',
+      listClass: 'processing',
+      params: {},
+      remark: '正常状态',
+      searchValue: null,
+      status: '0',
+      updateBy: null,
+      updateTime: null
+    },
+    {
+      createBy: 'admin',
+      createTime: '2021-10-20 15:03:10',
+      cssClass: '',
+      default: false,
+      dictCode: 28,
+      dictLabel: '失败',
+      dictSort: 2,
+      dictType: 'sys_common_status',
+      dictValue: '1',
+      isDefault: 'N',
+      listClass: 'error',
+      params: {},
+      remark: '停用状态',
+      searchValue: null,
+      status: '0',
+      updateBy: null,
+      updateTime: null
+    }
+  ]
+}
+export default [
+  {
+    url: '/mock-server/dict/data/type/sys_common_status',
+    timeout: 200,
+    method: 'get',
+    response: (request: requestParams) => {
+      const token = getRequestToken(request)
+      return builder(token, {
+        data: cloneDeep(getCommonStatus())
+      })
+    }
+  }
+] as MockMethod[]