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

package/template-gx-design-thin/tsconfig.json

@@ -0,0 +1,46 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "forceConsistentCasingInFileNames": true,
+    "allowSyntheticDefaultImports": true,
+    "strictFunctionTypes": false,
+    "jsx": "preserve",
+    "baseUrl": "./",
+    "allowJs": true,
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "experimentalDecorators": true,
+    "lib": ["DOM", "ESNext"],
+    "types": ["vite/client"],
+    "noImplicitAny": false,
+    "skipLibCheck": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@gx-mock/*": ["mock/*"],
+      "@gx-config": ["config/index.ts"],
+      "@gx-vuex": ["src/store/index.ts"],
+      "@gx-admin/hooks/*": ["src/hooks/*"],
+      "@gx-design/*": ["src/components/GDesign/*"]
+    }
+  },
+  "include": [
+    "tests/**/*.ts",
+    "src/**/*.ts",
+    "src/**/*.less",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "types/*.d.ts",
+    "types/*.ts",
+    "build/**/*.ts",
+    "build/**/*.d.ts",
+    "mock/**/*.ts",
+    "vite.config.ts"
+  ],
+  "exclude": ["node_modules", "tests/server/**/*.ts", "dist", "**/*.js", ".history", "unocss.config.ts"]
+}

package/template-gx-design-thin/types/ant-design-import.d.ts

@@ -0,0 +1,99 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    AAlert: typeof import('ant-design-vue/es')['Alert']
+    AAvatar: typeof import('ant-design-vue/es')['Avatar']
+    AAvatarGroup: typeof import('ant-design-vue/es')['AvatarGroup']
+    ABackTop: typeof import('ant-design-vue/es')['BackTop']
+    ABadge: typeof import('ant-design-vue/es')['Badge']
+    AButton: typeof import('ant-design-vue/es')['Button']
+    AButtonGroup: typeof import('ant-design-vue/es')['ButtonGroup']
+    ACard: typeof import('ant-design-vue/es')['Card']
+    ACardMeta: typeof import('ant-design-vue/es')['CardMeta']
+    ACascader: typeof import('ant-design-vue/es')['Cascader']
+    ACol: typeof import('ant-design-vue/es')['Col']
+    ADatePicker: typeof import('ant-design-vue/es')['DatePicker']
+    ADescriptions: typeof import('ant-design-vue/es')['Descriptions']
+    ADescriptionsItem: typeof import('ant-design-vue/es')['DescriptionsItem']
+    ADivider: typeof import('ant-design-vue/es')['Divider']
+    ADrawer: typeof import('ant-design-vue/es')['Drawer']
+    ADropdown: typeof import('ant-design-vue/es')['Dropdown']
+    ADropdownButton: typeof import('ant-design-vue/es')['DropdownButton']
+    AFloatButton: typeof import('ant-design-vue/es')['FloatButton']
+    AFloatButtonGroup: typeof import('ant-design-vue/es')['FloatButtonGroup']
+    AForm: typeof import('ant-design-vue/es')['Form']
+    AFormItem: typeof import('ant-design-vue/es')['FormItem']
+    AInput: typeof import('ant-design-vue/es')['Input']
+    AInputNumber: typeof import('ant-design-vue/es')['InputNumber']
+    AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
+    AInputSearch: typeof import('ant-design-vue/es')['InputSearch']
+    AlipayOutlined: typeof import('@ant-design/icons-vue')['AlipayOutlined']
+    AList: typeof import('ant-design-vue/es')['List']
+    AListItem: typeof import('ant-design-vue/es')['ListItem']
+    AListItemMeta: typeof import('ant-design-vue/es')['ListItemMeta']
+    AMenu: typeof import('ant-design-vue/es')['Menu']
+    AMenuDivider: typeof import('ant-design-vue/es')['MenuDivider']
+    AMenuItem: typeof import('ant-design-vue/es')['MenuItem']
+    APopconfirm: typeof import('ant-design-vue/es')['Popconfirm']
+    APopover: typeof import('ant-design-vue/es')['Popover']
+    AProgress: typeof import('ant-design-vue/es')['Progress']
+    ARadio: typeof import('ant-design-vue/es')['Radio']
+    ARadioButton: typeof import('ant-design-vue/es')['RadioButton']
+    ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
+    ARangePicker: typeof import('ant-design-vue/es')['RangePicker']
+    AResult: typeof import('ant-design-vue/es')['Result']
+    ARow: typeof import('ant-design-vue/es')['Row']
+    ASelect: typeof import('ant-design-vue/es')['Select']
+    ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
+    ASlider: typeof import('ant-design-vue/es')['Slider']
+    ASpace: typeof import('ant-design-vue/es')['Space']
+    ASpin: typeof import('ant-design-vue/es')['Spin']
+    AStatistic: typeof import('ant-design-vue/es')['Statistic']
+    AStep: typeof import('ant-design-vue/es')['Step']
+    ASteps: typeof import('ant-design-vue/es')['Steps']
+    ASwitch: typeof import('ant-design-vue/es')['Switch']
+    ATabPane: typeof import('ant-design-vue/es')['TabPane']
+    ATabs: typeof import('ant-design-vue/es')['Tabs']
+    ATag: typeof import('ant-design-vue/es')['Tag']
+    ATextarea: typeof import('ant-design-vue/es')['Textarea']
+    ATimePicker: typeof import('ant-design-vue/es')['TimePicker']
+    ATooltip: typeof import('ant-design-vue/es')['Tooltip']
+    ATypography: typeof import('ant-design-vue/es')['Typography']
+    ATypographyParagraph: typeof import('ant-design-vue/es')['TypographyParagraph']
+    ATypographyText: typeof import('ant-design-vue/es')['TypographyText']
+    ATypographyTitle: typeof import('ant-design-vue/es')['TypographyTitle']
+    CloseCircleOutlined: typeof import('@ant-design/icons-vue')['CloseCircleOutlined']
+    ClusterOutlined: typeof import('@ant-design/icons-vue')['ClusterOutlined']
+    ContactsOutlined: typeof import('@ant-design/icons-vue')['ContactsOutlined']
+    DingdingOutlined: typeof import('@ant-design/icons-vue')['DingdingOutlined']
+    DownloadOutlined: typeof import('@ant-design/icons-vue')['DownloadOutlined']
+    DownOutlined: typeof import('@ant-design/icons-vue')['DownOutlined']
+    EditOutlined: typeof import('@ant-design/icons-vue')['EditOutlined']
+    EllipsisOutlined: typeof import('@ant-design/icons-vue')['EllipsisOutlined']
+    Empty: typeof import('./../src/components/GlobalLayout/Empty/index.vue')['default']
+    HomeOutlined: typeof import('@ant-design/icons-vue')['HomeOutlined']
+    InfoCircleOutlined: typeof import('@ant-design/icons-vue')['InfoCircleOutlined']
+    LikeOutlined: typeof import('@ant-design/icons-vue')['LikeOutlined']
+    LoadingOutlined: typeof import('@ant-design/icons-vue')['LoadingOutlined']
+    MessageFilled: typeof import('@ant-design/icons-vue')['MessageFilled']
+    MessageOutlined: typeof import('@ant-design/icons-vue')['MessageOutlined']
+    PlusOutlined: typeof import('@ant-design/icons-vue')['PlusOutlined']
+    QuestionCircleOutlined: typeof import('@ant-design/icons-vue')['QuestionCircleOutlined']
+    ReloadOutlined: typeof import('@ant-design/icons-vue')['ReloadOutlined']
+    RightOutlined: typeof import('@ant-design/icons-vue')['RightOutlined']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    ShareAltOutlined: typeof import('@ant-design/icons-vue')['ShareAltOutlined']
+    StarOutlined: typeof import('@ant-design/icons-vue')['StarOutlined']
+    StarTwoTone: typeof import('@ant-design/icons-vue')['StarTwoTone']
+    SyncOutlined: typeof import('@ant-design/icons-vue')['SyncOutlined']
+    TaobaoOutlined: typeof import('@ant-design/icons-vue')['TaobaoOutlined']
+    UserOutlined: typeof import('@ant-design/icons-vue')['UserOutlined']
+  }
+}

package/template-gx-design-thin/types/auto-imports.d.ts

@@ -0,0 +1,81 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const resolveDirective: typeof import('vue')['resolveDirective']
+  const setupStore: typeof import('../src/store/index')['setupStore']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useLink: typeof import('vue-router')['useLink']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const useStore: typeof import('../src/store/index')['useStore']
+  const useStoreDict: typeof import('../src/store/index')['useStoreDict']
+  const useStoreGlobal: typeof import('../src/store/index')['useStoreGlobal']
+  const useStoreOss: typeof import('../src/store/index')['useStoreOss']
+  const useStorePermission: typeof import('../src/store/index')['useStorePermission']
+  const useStoreRoutes: typeof import('../src/store/index')['useStoreRoutes']
+  const useStoreTabsRouter: typeof import('../src/store/index')['useStoreTabsRouter']
+  const useStoreUser: typeof import('../src/store/index')['useStoreUser']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

package/template-gx-design-thin/types/components.d.ts

@@ -0,0 +1,24 @@
+import { GScrollbars } from '@gx-design-vue/scrollbar'
+import { PageContainer } from '@gx-design-vue/pro-layout'
+import { GProTable } from '@gx-design-vue/pro-table'
+import { GProModal } from '@gx-design-vue/pro-modal'
+import { GImage, ImageViewer } from '@gx-design-vue/image'
+import MaterialView from '@gx-design/MaterialView'
+import InputSearch from '@gx-design/InputSearch'
+import GSpin from '@/components/GlobalLayout/Spin'
+import GAdminImage from '@/components/GlobalLayout/Image'
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    GSpin: typeof GSpin
+    GImage: typeof GImage
+    GAdminImage: typeof GAdminImage
+    GProTable: typeof GProTable
+    GProModal: typeof GProModal
+    GScrollbars: typeof GScrollbars
+    GImageViewer: typeof ImageViewer
+    GInputSearch: typeof InputSearch
+    GMaterialView: typeof MaterialView
+    GProPageContainer: typeof PageContainer
+  }
+}

package/template-gx-design-thin/types/config.d.ts

@@ -0,0 +1,44 @@
+declare interface CdnModuleList {
+  name: string;
+  globalName: string;
+  path: string;
+  css?: string;
+}
+
+declare interface SettingConfig {
+  publicPath: string;
+  outputDir: string;
+  assetsDir: string;
+  title: string;
+  shortName: string;
+  titleSeparator: string;
+  titleReverse: boolean;
+  waterMark: boolean;
+  waterMarkTitle: string;
+  viewScrollRoot: string;
+  useCdn: boolean;
+  cdnUrl: string;
+  cdnModules: CdnModuleList[];
+  useProxy: boolean;
+  requestPrefix: string;
+  proxyTarget: string | Record<string, any>;
+  mockPrefixUrl?: string;
+  devPort: number;
+  copyright: string;
+  keepAliveMaxNum: number;
+  routerMode: string;
+  routesWhiteList: string[];
+  tokenName: string;
+  tokenTableName: string;
+  storage: 'localStorage' | 'sessionStorage' | 'cookie';
+  recordRoute: boolean;
+  loginInterception: boolean;
+  loginRSA: boolean;
+  authentication: 'all' | 'front';
+  checkMockToken: boolean;
+}
+
+declare interface NetworkConfig {
+  requestTimeout: number;
+  successCode: (string | number)[];
+}

package/template-gx-design-thin/types/global.d.ts

@@ -0,0 +1,97 @@
+import Vue from 'vue'
+import type {
+  PropType,
+  VNode,
+  VNodeChild,
+  CSSProperties as VueCSSProperties
+} from 'vue'
+import type { CSSObject as ProCssObject } from 'ant-design-vue'
+import type { ProColumnType as GProColumnType } from '@gx-design-vue/pro-table'
+import type { DeepPartial, ProAliasToken as GProAliasToken } from '@gx-design-vue/pro-provider'
+
+declare global {
+  const __APP_INFO__: {
+    pkg: {
+      name: string;
+      version: string;
+      dependencies: Recordable<string>;
+      devDependencies: Recordable<string>;
+    };
+    lastBuildTime: string;
+  }
+
+  declare interface LocalResult {
+    value: any;
+    time: string;
+    expired: number;
+  }
+
+  type ProAliasToken = DeepPartial<GProAliasToken>
+  declare type CSSProperties = VueCSSProperties
+  declare type ProColumnType = GProColumnType
+  declare type CSSObject = ProCssObject
+
+  // vue
+  declare type Key = string | number
+  declare type VuePropType<T> = PropType<T>
+  declare type VueNode = VNodeChild | JSX.Element
+  declare type Recordable<T = any> = Record<string, T>
+
+  interface Fn<T = any, R = T> {
+    (...arg: T[]): R;
+  }
+
+  declare interface ViteEnv {
+    VITE_PORT: number;
+    VITE_USE_MODE: 'development' | 'production' | 'pro';
+    VITE_USE_MOCK: boolean;
+    VITE_NODE_ENV: 'development' | 'production';
+    VITE_USE_PWA: boolean;
+    VITE_BASE_URL: string;
+    VITE_APP_ENV: 'dev';
+    VUE_APP_VERSION: string;
+    VITE_PROXY: [ string, string ][];
+    VITE_DROP_CONSOLE: boolean;
+    VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none';
+    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean;
+    VITE_LEGACY: boolean;
+    VITE_HOME_PAGE: string; // 主页
+    VITE_HOME_PAGE_DOC: string; // 系统文档
+    VITE_GITHUB_PAGE: string; // github 地址
+    VITE_GITEE_PAGE: string; // gitee 地址
+  }
+
+  declare function parseInt(s: string | number, radix?: number): number
+
+  declare function parseFloat(string: string | number): number
+
+  class FilerobotImageEditor {
+    constructor(selector: HTMLElement, options: any) {
+    }
+  }
+
+  interface Window {
+    editorConfig: {
+      isFirstRenderCropUpdated?: boolean
+    };
+    FilerobotImageEditor?: any
+  }
+
+  namespace JSX {
+    type Element = VNode
+
+    interface ElementClass extends Vue {}
+
+    interface ElementAttributesProperty {
+      $props: any;
+    }
+
+    interface IntrinsicElements {
+      [elem: string]: any;
+    }
+
+    interface IntrinsicAttributes {
+      [elem: string]: any;
+    }
+  }
+}

package/template-gx-design-thin/types/mock.d.ts

@@ -0,0 +1,16 @@
+declare type MethodType = 'get' | 'post' | 'put' | 'delete' | 'patch'
+
+declare interface MockResponse<T = Recordable, D> {
+  url: Recordable;
+  body: D extends undefined ? T : D;
+  query: T;
+  headers: Recordable
+}
+
+declare interface MockMethod {
+  url: string;
+  method?: MethodType;
+  timeout?: number;
+  statusCode?: number;
+  response?: (opt: MockResponse) => Partial<ResponseResult>;
+}

package/template-gx-design-thin/types/module.d.ts

@@ -0,0 +1,20 @@
+declare module '*.svg'
+declare module '*.png'
+declare module '*.jpg'
+declare module '*.jpeg'
+declare module '*.gif'
+declare module '*.bmp'
+declare module '*.tiff'
+
+/// <reference types="vite/client" />
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const Component: DefineComponent<Record<any, any>, Record<any, any>, any>
+  export default component
+}
+
+declare module 'virtual:*' {
+  const result: any
+  export default result
+}

package/template-gx-design-thin/types/response.d.ts

@@ -0,0 +1,15 @@
+declare interface DefaultResult<T> {
+  code: number;
+  msg?: string;
+  message?: string;
+  data?: T;
+}
+
+declare type ResponseResult<T = any, R = undefined> = R extends undefined
+  ? DefaultResult<T>
+  : DefaultResult<T> & R
+
+declare interface PageResult<T> {
+  list: T[];
+  totalCount: number;
+}

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

@@ -0,0 +1,101 @@
+import {
+  defineConfig,
+  presetAttributify,
+  presetUno,
+  transformerDirectives,
+  transformerVariantGroup
+} from 'unocss'
+
+export default defineConfig({
+  presets: [
+    presetUno(),
+    presetAttributify()
+  ],
+  theme: {
+    breakpoints: {
+      sm: '576px',
+      md: '768px',
+      lg: '992px',
+      xl: '1200px',
+      xxl: '1600px'
+    }
+  },
+  transformers: [ transformerDirectives({
+    applyVariable: [ '--at-apply' ]
+  }), transformerVariantGroup() ],
+  shortcuts: [
+    {
+      'flex-center': 'flex items-center justify-center'
+    },
+  ],
+  rules: [
+    [ /^text-rgba-(.*)$/, ([ , str ]) => {
+      const regex = /\[([^[\]]*)\]/
+      const match = str.match(regex)
+
+      if (match && match.length > 1) {
+        const contentInsideBrackets = match[1]
+        return {
+          color: `rgba(${contentInsideBrackets.split('-').join(',')})`
+        }
+      } else {
+        return {}
+      }
+    } ],
+    [ /^bg-rgba-(.*)$/, ([ , str ]) => {
+      const regex = /\[([^[\]]*)\]/
+      const match = str.match(regex)
+
+      if (match && match.length > 1) {
+        const contentInsideBrackets = match[1]
+        return {
+          'background-color': `rgba(${contentInsideBrackets.split('-').join(',')})`
+        }
+      } else {
+        return {}
+      }
+    } ],
+    [ /^text-hidden-(\d+)$/, ([ , d ]) => ({
+      'overflow': 'hidden',
+      'text-overflow': 'ellipsis',
+      'display': '-webkit-box',
+      '-webkit-line-clamp': d,
+      'line-clamp': d,
+      '-webkit-box-orient': 'vertical',
+      'word-break': 'break-word'
+    }) ],
+    [ 'hidden-none', { 'opacity': '0', 'visibility': 'hidden' } ],
+    [ /^flex-main-(\d+)$/, ([ , d ]) => ({
+      'flex': `0 0 ${d}px`
+    }) ],
+    [ /^shrink-(\d+)$/, ([ , d ]) => ({
+      'flex-shrink': d
+    }) ],
+    [ 'text-hex-main', { 'color': 'var(--gx-primary-color)' } ],
+    [ 'bg-hex-main', { 'background': 'var(--gx-primary-color)' } ],
+    [ 'word-break-all', { 'word-break': 'break-all' } ],
+    [ 'word-break-word', { 'word-break': 'break-word' } ],
+    [ 'flex-main', { 'flex': '1' } ],
+    [ 'position-all', { 'position': 'absolute', 'top': '0', 'bottom': '0', 'left': '0', 'right': '0' } ],
+    [ 'image-event-none', { 'user-select': 'none', 'pointer-events': 'none' } ],
+    [
+      'position-center', {
+      'left': '50%',
+      'top': '50%',
+      'transform': 'translate(-50%, -50%)'
+    }
+    ],
+    [
+      'position-center-x', {
+      'left': '50%',
+      'transform': 'translateX(-50%)'
+    }
+    ],
+    [
+      'position-center-y', {
+      'top': '50%',
+      'transform': 'translateY(-50%)'
+    }
+    ]
+  ]
+})

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

@@ -0,0 +1,120 @@
+import type { ConfigEnv, UserConfig } from 'vite'
+import { loadEnv } from 'vite'
+import dayjs from 'dayjs'
+import autoprefixer from 'autoprefixer'
+
+import { generateModifyVars } from './build/generate/generateModifyVars'
+import { pathResolve, wrapperEnv } from './build/util'
+import createRollupOptions from './build/rollupOptions'
+import { createVitePlugins } from './build/vite/plugin'
+
+import { createProxy, defaultSettings } from './config'
+
+import pkg from './package.json'
+
+const { publicPath, outputDir, assetsDir, devPort, useCdn, useProxy } = defaultSettings
+
+const { dependencies, devDependencies, name, version } = pkg
+
+const __APP_INFO__ = {
+  pkg: { dependencies, devDependencies, name, version },
+  lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss')
+}
+
+process.env.VUE_APP_VERSION = version
+
+export default async ({ command, mode }: ConfigEnv): Promise<UserConfig> => {
+  const root = process.cwd()
+
+  const env = loadEnv(mode, root)
+
+  // The boolean type read by loadEnv is a string. This function can be converted to boolean type
+  const viteEnv = wrapperEnv(env)
+
+  const { VITE_DROP_CONSOLE, VITE_APP_ENV, VITE_BASE_URL } = viteEnv
+
+  const isBuild = command === 'build'
+
+  return {
+    base: publicPath,
+    root,
+    resolve: {
+      alias: [
+        {
+          find: '@',
+          replacement: pathResolve('src') + '/'
+        },
+        {
+          find: '@gx-mock',
+          replacement: pathResolve('mock') + '/'
+        },
+        {
+          find: '@gx-config',
+          replacement: pathResolve('config') + '/index.ts'
+        },
+        {
+          find: '@gx-vuex',
+          replacement: pathResolve('src/store') + '/index.ts'
+        },
+        {
+          find: '@gx-design',
+          replacement: pathResolve('src/components/GDesign') + '/'
+        },
+        {
+          find: '@gx-admin/hooks',
+          replacement: pathResolve('src/hooks') + '/'
+        }
+      ]
+    },
+    server: {
+      open: false,
+      host: true,
+      port: devPort,
+      proxy: useProxy ? createProxy(VITE_BASE_URL)[VITE_APP_ENV] : {}
+    },
+    esbuild: {
+      drop: VITE_DROP_CONSOLE ? [ 'console', 'debugger' ] : []
+    },
+    build: {
+      outDir: outputDir,
+      assetsDir,
+      chunkSizeWarningLimit: 4000,
+      rollupOptions: createRollupOptions(useCdn) as any
+    },
+    define: {
+      __INTLIFY_PROD_DEVTOOLS__: false,
+      __APP_INFO__: JSON.stringify(__APP_INFO__)
+    },
+    css: {
+      postcss: {
+        plugins: [
+          autoprefixer({
+            grid: true
+          }) as any
+        ]
+      },
+      modules: {
+        generateScopedName: 'gx-pro-[local]-[hash:base64:5]'
+      },
+      preprocessorOptions: {
+        less: {
+          modifyVars: generateModifyVars(),
+          javascriptEnabled: true
+        }
+      }
+    },
+
+    plugins: await createVitePlugins(viteEnv, isBuild),
+
+    optimizeDeps: {
+      include: [
+        'qs',
+        'dayjs',
+        'axios',
+        'pinia',
+        'echarts',
+        '@vueuse/core'
+      ]
+    }
+  }
+}