@gx-design-vue/create-gx-cli 0.1.14 → 0.1.16

package/template-mobile-vant-cli/types/config.d.ts

@@ -0,0 +1,56 @@
+declare interface CdnModuleList {
+  name: string;
+  globalName: string;
+  path: string;
+  css?: string;
+}
+
+declare interface SettingConfig {
+  servive: {
+    port: number;
+  };
+  build: {
+    publicPath: string;
+    outputDir: string;
+    assetsDir: string;
+  };
+  system: {
+    title: string;
+    shortName: string;
+    titleSeparator: string;
+    titleReverse: boolean;
+    routerMode: string;
+    appInit: {
+      loading: false | {
+        text: string;
+      }
+    };
+    routesWhiteList: string[];
+    loginInterception: boolean;
+    loginRSA: boolean;
+  };
+  cdn: {
+    use: boolean;
+    url: string;
+    modules?: CdnModuleList[]
+  };
+  proxy: {
+    use: boolean;
+    target: string | Record<string, any>;
+  };
+  mock: {
+    prefix: string;
+    // 0 校验是否有token值 1 校验是否有token值且token时有效的（mock用户） -1 不校验
+    checkToken: -1 | 0 | 1;
+  };
+  token: {
+    name: string;
+    storage: 'localStorage' | 'sessionStorage' | 'cookie';
+    storageName: string;
+  };
+}
+
+declare interface NetworkConfig {
+  requestTimeout: number;
+  successCode: (string | number)[];
+}

package/template-mobile-vant-cli/types/global.d.ts

@@ -1,39 +1,80 @@
+import type { DeepPartial, ProAliasToken as GProAliasToken } from '@gx-design-vue/pro-provider'
+import type {
+  CustomRenderResult as GCustomRenderResult,
+  ProColumnsType as GProColumnsType,
+  ProColumnType as GProColumnType,
+  ProTableBodyCellProps as GProTableBodyCellProps
+} from '@gx-design-vue/pro-table'
+import type { RecordType } from '@gx-design-vue/pro-utils'
 import type { PropType, CSSProperties as VueCSSProperties } from 'vue'
-import type { CSSObject as ProCssObject } from 'ant-design-vue'
 
 declare global {
   const __APP_INFO__: {
     pkg: {
-      name: string;
-      version: string;
-      dependencies: RecordType;
-      devDependencies: RecordType;
-    };
-    lastBuildTime: string;
+      name: string
+      version: string
+      dependencies: Recordable<string>
+      devDependencies: Recordable<string>
+    }
+    lastBuildTime: string
   }
 
   declare interface LocalResult {
-    value: any;
-    time: string;
-    expired: number;
+    value: any
+    time: string
+    expired: number
   }
 
+  declare type ProAliasToken = DeepPartial<GProAliasToken>
+  declare type ProColumnType<DataValue = any, SearchParama = RecordType> = GProColumnType<
+    DataValue,
+    SearchParama
+  >
+  declare type ProColumnsType<DataValue = any, SearchParama = RecordType> = GProColumnsType<
+    DataValue,
+    SearchParama
+  >
+  declare type ProTableBodyCellProps<T = Record<string, any>> = GProTableBodyCellProps<T>
+  declare type CustomRenderResult<T = Record<string, any>> = GCustomRenderResult<T>
+
+  // vue
   declare type VuePropType<T> = PropType<T>
-  declare type CSSObject = ProCssObject
   declare type CSSProperties = VueCSSProperties
 
-  declare type RecordType<T = string, K = any> = Record<T, K>
+  declare type Recordable<T = any> = Record<string, T>
+
+  declare interface Fn<T = any, R = T> {
+    (...arg: T[]): R
+  }
 
   declare interface ViteEnv {
-    VITE_USE_MODE: string;
-    VITE_USE_CDN: boolean;
-    VITE_USE_MOCK: boolean;
-    VITE_USE_V_CONSOLE: boolean;
-    VITE_NODE_ENV: string;
-    VITE_BASE_URL: string;
-    VITE_APP_ENV: string;
-    VITE_DROP_CONSOLE: boolean;
+    VITE_PORT: number
+    VITE_IP_ADRESS: string
+    VITE_USE_MODE: 'development' | 'production' | 'pro'
+    // proxy 配置
+    VITE_PROXY_PREFIX: string;
+    // 全局 mock 开关
+    VITE_IS_MOCK: boolean
+    // 是否使用vconsole
+    VITE_USE_V_CONSOLE: boolean
+    VITE_USE_MOCK: boolean
+    VITE_NODE_ENV: 'development' | 'production'
+    VITE_BASE_URL: string
+    VITE_UPLOAD_PATH: string
+    VITE_APP_ENV: 'dev' | 'pro'
+    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 // 主页
   }
 
-  declare type ViteEnvKey = keyof ViteEnv
+  interface Window {
+    editorConfig: {
+      isFirstRenderCropUpdated?: boolean
+    }
+    FilerobotImageEditor?: any
+  }
 }

package/template-mobile-vant-cli/types/mock.d.ts

@@ -0,0 +1,34 @@
+import { IncomingHttpHeaders, IncomingMessage as IncomingMessage$1, ServerResponse } from 'node:http'
+
+interface IncomingMessage extends IncomingMessage$1 {
+  originalUrl?: IncomingMessage$1['url'];
+}
+
+type UppercaseHttpMethodType = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'HEAD' | 'OPTIONS' | 'CONNECT' | 'TRACE'
+type lowercase<T extends string> = T extends Uppercase<T> ? Lowercase<T> : T
+type LowercaseHttpMethod = lowercase<UppercaseHttpMethodType>
+
+declare global {
+  type HttpMethodType = UppercaseHttpMethodType | LowercaseHttpMethod
+
+  export interface MockResponse {
+    body: any;
+    query: any;
+    headers: RequestHeater
+  }
+
+  interface RequestHeater extends IncomingHttpHeaders {
+    [key: string]: any;
+  }
+
+  interface FakeRouteConfig {
+    url: string;
+    method?: HttpMethodType;
+    timeout?: number;
+    statusCode?: number;
+    statusText?: string;
+    headers?: RequestHeater;
+    response?: (processedRequest: MockResponse, req: IncomingMessage, res: ServerResponse) => any;
+    rawResponse?: (req: IncomingMessage, res: ServerResponse) => void;
+  }
+}

package/template-mobile-vant-cli/types/module.d.ts

@@ -6,6 +6,8 @@ declare module '*.gif'
 declare module '*.bmp'
 declare module '*.tiff'
 
+/// <reference types="unplugin-turbo-console/client" />
+
 /// <reference types="vite/client" />
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'
@@ -14,7 +16,38 @@ declare module '*.vue' {
   export default component
 }
 
+declare module 'diagram-js/lib/navigation/movecanvas' {}
+declare module '@multiavatar/multiavatar/esm' {
+  export default function multiavatar(id: any): string;
+}
+
+declare module '*.tsx' {
+  import Vue from 'compatible-vue'
+
+  export default Vue
+}
+
 declare module 'virtual:*' {
   const result: any
   export default result
 }
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+
+    interface ElementClass extends Vue {}
+
+    interface ElementAttributesProperty {
+      $props: any
+    }
+
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+
+    interface IntrinsicAttributes {
+      [elem: string]: any
+    }
+  }
+}

package/template-mobile-vant-cli/types/response.d.ts

@@ -2,7 +2,9 @@ declare interface DefaultResult<T> {
   code: number;
   msg?: string;
   message?: string;
-  data?: T;
+  data: T;
+  rows: T[];
+  total?: number;
 }
 
 declare type ResponseResult<T = any, R = undefined> = R extends undefined

package/template-mobile-vant-cli/types/system.d.ts

@@ -0,0 +1,58 @@
+import type { RouteRecordRaw } from 'vue-router'
+
+declare global {
+  interface UserInfo {
+    deptType?: 'government' | 'enterprise';
+    roles: string[];
+    permissions: string[];
+    user: UserDetails;
+  }
+
+  interface UserDetails {
+    createBy?: string
+    createTime?: string
+    updateBy?: string
+    updateTime?: string
+    remark?: string
+    userId?: number
+    deptId?: number
+    userName?: string
+    nickName: string
+    address: string
+    email: string
+    phonenumber: string
+    sex?: string // 假设 '1' 代表某种性别，可能需要进一步定义
+    avatar?: string
+    password?: string
+    status?: string
+    delFlag?: string
+    loginIp?: string
+    loginDate?: string // ISO 8601 格式
+    dept?: DepartBaseInfo
+    roles?: RoleInfo[] // 根据具体结构可进一步定义
+    roleIds?: number[]
+    postIds?: number[]
+    roleId?: number
+    admin?: boolean
+  }
+
+  interface AppRouteRecordRaw {
+    meta?: {
+      icon?: string;
+      name?: string;
+      isMenu?: boolean;
+      menuSelectKey?: string;
+    };
+    children?: AppRouteRecordRaw[];
+  }
+
+  export type AppRouteModule = AppRouteRecordRaw & RouteRecordRaw
+
+  interface DefaultTableRecord {
+    id: any;
+    uuid: string;
+    createTime?: string | null;
+  }
+
+  type TableRecord<T = undefined> = T extends undefined ? DefaultTableRecord : DefaultTableRecord & T
+}

package/template-mobile-vant-cli/types/vant-import.d.ts

@@ -1,13 +1,24 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
 export {}
 
-declare module '@vue/runtime-core' {
+/* prettier-ignore */
+declare module 'vue' {
   export interface GlobalComponents {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    TabsMenu: typeof import('./../src/components/TabsMenu/index.vue')['default']
+    VanButton: typeof import('vant/es')['Button']
+    VanConfigProvider: typeof import('vant/es')['ConfigProvider']
+    VanField: typeof import('vant/es')['Field']
+    VanForm: typeof import('vant/es')['Form']
+    VanIcon: typeof import('vant/es')['Icon']
+    VanImage: typeof import('vant/es')['Image']
+    VanProgress: typeof import('vant/es')['Progress']
+    VanTabbar: typeof import('vant/es')['Tabbar']
+    VanTabbarItem: typeof import('vant/es')['TabbarItem']
+    VanTag: typeof import('vant/es')['Tag']
   }
 }

package/template-mobile-vant-cli/unocss.config.ts

@@ -1,6 +1,9 @@
+import presetRemToPx from '@unocss/preset-rem-to-px'
 import {
   defineConfig,
   presetAttributify,
+  presetIcons,
+  presetMini,
   presetUno,
   transformerDirectives,
   transformerVariantGroup
@@ -8,94 +11,145 @@ import {
 
 export default defineConfig({
   presets: [
-    presetUno(),
-    presetAttributify()
+    presetUno,
+    presetAttributify,
+    presetIcons(),
+    // @ts-ignore
+    presetRemToPx({
+      baseFontSize: 4
+    }),
+    presetMini()
+  ],
+  transformers: [
+    transformerDirectives({
+      applyVariable: [ '--at-apply' ]
+    }),
+    transformerVariantGroup()
   ],
-  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)
+    [
+      /^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(',')})`
+        if (match && match.length > 1) {
+          const contentInsideBrackets = match[1]
+          return {
+            color: `rgba(${contentInsideBrackets.split('-').join(',')})`
+          }
+        } else {
+          return {}
         }
-      } else {
-        return {}
       }
-    } ],
-    [ /^bg-rgba-(.*)$/, ([ , str ]) => {
-      const regex = /\[([^[\]]*)\]/
-      const match = str.match(regex)
+    ],
+    [
+      /^bg-rgba-(.*)$/,
+      ([ , str ]) => {
+        const regex = /\[([^[\]]*)\]/
+        const match = str.match(regex)
 
-      if (match && match.length > 1) {
-        const contentInsideBrackets = match[1]
+        if (match && match.length > 1) {
+          const contentInsideBrackets = match[1]
+          return {
+            'background-color': `rgba(${contentInsideBrackets.split('-').join(',')})`
+          }
+        } else {
+          return {}
+        }
+      }
+    ],
+    [
+      /^bd-(.*)$/,
+      ([, str]) => {
+        return {
+          'border': `1px solid ${str === 'main' ? 'var(--van-primary-color)' : str === 'error' ? 'var(--van-danger-color)' : `#${str}`}`
+        }
+      }
+    ],
+    [
+      /^bd-l-(.*)$/,
+      ([, str]) => {
+        return {
+          'border-left': `1px solid ${str === 'main' ? 'rgba(5, 5, 5, 0.06)' : `#${str}`}`
+        }
+      }
+    ],
+    [
+      /^bd-t-(.*)$/,
+      ([, str]) => {
         return {
-          'background-color': `rgba(${contentInsideBrackets.split('-').join(',')})`
+          'border-top': `1px solid ${str === 'main' ? 'rgba(5, 5, 5, 0.06)' : `#${str}`}`
         }
-      } 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)' } ],
+    ],
+    [
+      /^bd-b-(.*)$/,
+      ([, str]) => {
+        return {
+          'border-bottom': `1px solid ${str === 'main' ? 'rgba(5, 5, 5, 0.06)' : `#${str}`}`
+        }
+      }
+    ],
+    [
+      /^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)' } ],
+    [ 'text-hex-error', { color: 'var(--gx-color-error)' } ],
+    [ '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' } ],
+    [ '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',
+      {
+        left: '50%',
+        top: '50%',
+        transform: 'translate(-50%, -50%)'
+      }
     ],
     [
-      'position-center-x', {
-      'left': '50%',
-      'transform': 'translateX(-50%)'
-    }
+      'position-center-x',
+      {
+        left: '50%',
+        transform: 'translateX(-50%)'
+      }
     ],
     [
-      'position-center-y', {
-      'top': '50%',
-      'transform': 'translateY(-50%)'
-    }
+      'position-center-y',
+      {
+        top: '50%',
+        transform: 'translateY(-50%)'
+      }
     ]
   ]
 })