@gx-design-vue/create-gx-cli 0.1.19 → 0.1.21

package/template-vite-project/tsconfig.app.json

@@ -0,0 +1,59 @@
+{
+  "compilerOptions": {
+    // Base
+    "composite": false,
+    "target": "ESNext",
+    
+    "moduleDetection": "force",
+    "experimentalDecorators": true,
+    
+    "baseUrl": ".",
+    "module": "ESNext",
+    
+    "resolveJsonModule": true,
+    
+    "strict": true,
+    "strictNullChecks": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": false,
+    "noImplicitOverride": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    
+    "inlineSources": false,
+    "noEmit": true,
+    "removeComments": true,
+    "sourceMap": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true,
+    "preserveWatchOutput": true,
+    
+    // Web App
+    "types": ["vite/client", "unplugin-turbo-console/client"],
+    
+    // Web
+    "jsx": "preserve",
+    "jsxImportSource": "vue",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "useDefineForClassFields": true,
+    "moduleResolution": "bundler",
+    "declaration": false,
+    
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "types/*.d.ts",
+  ],
+  "exclude": ["node_modules", "dist", "**/*.js"]
+}

package/template-vite-project/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/template-vite-project/tsconfig.node.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["ESNext"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": [
+    "internal/**/*.ts",
+    "internal/**/*.d.ts",
+    "types/*.d.ts",
+    "vite.config.ts"
+  ],
+  "exclude": ["node_modules", "**/*.js"]
+}

package/template-vite-project/types/global.d.ts

@@ -0,0 +1,33 @@
+declare const __APP_INFO__: {
+  pkg: {
+    name: string;
+    version: string;
+    dependencies: Recordable<string>;
+    devDependencies: Recordable<string>;
+  };
+  lastBuildTime: string;
+}
+
+declare type Recordable<T = any> = Record<string, T>
+
+declare type StringNumber = string | number
+
+declare type DefaultToT<T, R> = R extends undefined ? T : R
+
+declare type DefaultToAndT<T, R> = R extends undefined ? T : T & R
+
+declare interface Fn<T = any, R = T> {
+  (...arg: T[]): R;
+}
+
+declare interface ViteEnv {
+  VITE_USE_MODE: 'development' | 'production' | 'pro' | 'sit' | 'uat'
+  VITE_NODE_ENV: 'development' | 'production';
+  VITE_APP_ENV: 'dev' | 'pro'
+  VITE_BASE_URL: string;
+  // proxy 配置
+  VITE_PROXY_PREFIX: string;
+}
+
+declare interface Window {
+}

package/template-vite-project/unocss.config.ts

@@ -0,0 +1,208 @@
+import {
+  defineConfig,
+  presetAttributify,
+  presetUno,
+  transformerDirectives,
+  transformerVariantGroup
+} from 'unocss'
+
+function colorCssVar(val: string) {
+  let color = val.includes('rgb') || val.includes('#') ? val : `#${val}`
+  if (val === 'main') color = 'var(--gx-primary-color)'
+  if (val === 'error') color = 'var(--gx-error-color)'
+  if (val === 'split') color = 'var(--gx-split-color)'
+  if (val === 'border') color = 'var(--gx-color-border)'
+  return color
+}
+
+export default defineConfig({
+  presets: [
+    presetUno(),
+    presetAttributify()
+  ],
+  theme: {
+    breakpoints: {
+      sm: '600px',
+      md: '768px',
+      lg: '992px',
+      xl: '1200px',
+      xxl: '1600px'
+    }
+  },
+  transformers: [ transformerDirectives({
+    applyVariable: [ '--at-apply' ]
+  }), transformerVariantGroup() ],
+  shortcuts: [
+    {
+      'w-h-full': 'w-full h-full',
+      'flex-y': 'flex flex-col',
+      'flex-x-center': 'flex items-center',
+      'flex-y-center': 'flex items-center flex-col',
+      'flex-center': 'flex items-center justify-center',
+      'flex-col-center': 'flex items-center justify-center flex-col',
+      'flex-between': 'flex items-center justify-between',
+    },
+    [ /^mobile-(.*)$/, ([ , str ]) => {
+      const pattern = /(\d+)px/
+      const match = str.match(pattern)
+      const pixelValue = match?.[1] // 提取到的像素值
+
+      if (pixelValue) {
+        const num = Number(pixelValue)
+        const replacement = `${num / 37.5}rem` // 要替换的像素值
+        const result = str.replace(pattern, replacement)
+        return result
+      }
+      return str
+    }],
+  ],
+  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-g-(.*)$/, ([ , str ]) => {
+      const regex = /\[([^[\]]*)\]/
+      const match = str.match(regex)
+
+      if (match && match.length > 1) {
+        const contentInsideBrackets = match[1]
+        if (contentInsideBrackets) {
+          const contents = contentInsideBrackets.split('-')
+          const size = contents[0] ? { 'font-size': `${contents[0]}px` } : {}
+          const lineHeight = contents[1] ? { 'line-height': `${contents[1]}px` } : {}
+          const font = contents[2] ? { 'font-weight': `${contents[2]}` } : {}
+          const color = contents[3]
+            ? { color: contents[3] === 'base' ? `var(--gx-color-text)` : contents[3] }
+            : {}
+          return {
+            ...size,
+            ...lineHeight,
+            ...font,
+            ...color
+          } as any
+        }
+        return {}
+      } else {
+        return {}
+      }
+    } ],
+    [
+      /^bd-(.*)$/,
+      ([, str]) => {
+        return {
+          'border': `1px solid ${colorCssVar(str)}`
+        }
+      }
+    ],
+    [
+      /^bd-t-(.*)$/,
+      ([, str]) => {
+        return {
+          'border-top': `1px solid ${colorCssVar(str)}`
+        }
+      }
+    ],
+    [
+      /^bd-b-(.*)$/,
+      ([, str]) => {
+        return {
+          'border-bottom': `1px solid ${colorCssVar(str)}`
+        }
+      }
+    ],
+    [
+      /^bd-l-(.*)$/,
+      ([, str]) => {
+        return {
+          'border-left': `1px solid ${colorCssVar(str)}`
+        }
+      }
+    ],
+    [
+      /^bd-r-(.*)$/,
+      ([, str]) => {
+        return {
+          'border-right': `1px solid ${colorCssVar(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'
+    }) ],
+    [ 'p-base', { 'padding': 'var(--base-padding)' } ],
+    [ 'p-base-2', { 'padding': 'calc(var(--base-padding) * 2)' } ],
+    [ 'c-content', { 'max-width': 'calc(var(--gx-pro-content-max-width) + var(--base-padding) * 2)', 'min-width': 'var(--gx-pro-content-min-width)' } ],
+    [ 'max-c-content', { 'max-width': 'calc(var(--gx-pro-content-max-width) + var(--base-padding) * 2)' } ],
+    [ 'max-c-p-content', { 'max-width': 'calc(var(--gx-pro-content-max-width) + var(--base-padding) * 2)', 'padding-inline': 'var(--base-padding)' } ],
+    [ 'op-visible', { 'opacity': '1', 'visibility': 'visible' } ],
+    [ 'hidden-none', { 'opacity': '0', 'visibility': 'hidden' } ],
+    [ /^flex-main-(\d+)$/, ([ , d ]) => ({
+      'flex': `0 0 ${d}px`
+    }) ],
+    [ /^shrink-(\d+)$/, ([ , d ]) => ({
+      'flex-shrink': d
+    }) ],
+    [ 'text-base', { 'color': 'var(--gx-color-text)' } ],
+    [ 'text-quaternary', { 'color': 'var(--gx-color-text-quaternary)' } ],
+    [ 'text-description', { 'color': 'var(--gx-color-text-description)' } ],
+    [ 'text-hex-main', { 'color': 'var(--gx-primary-color)' } ],
+    [ 'text-hex-error', { 'color': 'var(--gx-error-color)' } ],
+    [ 'rd-base', { 'border-radius': 'var(--gx-border-radius)' } ],
+    [ 'bg-hex-main', { 'background': 'var(--gx-primary-color)' } ],
+    [ 'bg-split', { 'background': 'var(--gx-split-color)' } ],
+    [ 'word-break-all', { 'word-break': 'break-all' } ],
+    [ 'word-break-word', { 'word-break': 'break-word' } ],
+    [ 'truncate', { 'text-overflow': 'ellipsis', 'overflow': 'hidden', 'white-space': 'nowrap' } ],
+    [ '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-vite-project/vite.config.ts

@@ -0,0 +1,88 @@
+import type { ConfigEnv, UserConfig } from 'vite'
+import autoprefixer from 'autoprefixer'
+import dayjs from 'dayjs'
+import { loadEnv } from 'vite'
+
+import { createProxy } from './internal/proxy'
+import { generateModifyVars } from './internal/vite/generate/generateModifyVars'
+import createRollupOptions from './internal/vite/rollupOptions'
+import { pathResolve, wrapperEnv } from './internal/vite/util'
+
+import { createVitePlugins } from './internal/vite/vite/plugin'
+
+import pkg from './package.json'
+
+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_APP_ENV, VITE_PROXY_PREFIX } = viteEnv
+
+  const isBuild = command === 'build'
+
+  return {
+    base: './',
+    root,
+    resolve: {
+      alias: [
+        {
+          find: '@',
+          replacement: pathResolve('src') + '/'
+        }
+      ]
+    },
+    server: {
+      open: false,
+      host: true,
+      proxy: createProxy(VITE_PROXY_PREFIX)[VITE_APP_ENV]
+    },
+    build: {
+      chunkSizeWarningLimit: 4000,
+      rollupOptions: createRollupOptions()
+    },
+    define: {
+      __INTLIFY_PROD_DEVTOOLS__: false,
+      __APP_INFO__: JSON.stringify(__APP_INFO__)
+    },
+    css: {
+      postcss: {
+        plugins: [
+          autoprefixer({
+            grid: true
+          }),
+        ]
+      },
+      modules: {
+        generateScopedName: 'gx-pro-[local]-[hash:base64:5]'
+      },
+      preprocessorOptions: {
+        less: {
+          modifyVars: generateModifyVars(),
+          javascriptEnabled: true
+        }
+      }
+    },
+
+    plugins: await createVitePlugins(viteEnv, isBuild),
+
+    optimizeDeps: {
+      include: [
+        'dayjs',
+        '@vueuse/core'
+      ]
+    }
+  }
+}