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

package/template-mobile-vant-html/js/utils/validate.js

@@ -0,0 +1,292 @@
+const toString = Object.prototype.toString
+
+function is(val, type) {
+  return toString.call(val) === `[object ${type}]`
+}
+
+const isClient = typeof window !== 'undefined'
+
+const noop = () => {}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判读是否为外链
+ * @param path
+ * @returns {boolean}
+ */
+function isExternal(path) {
+  return /^(https?:|mailto:|tel:)/.test(path)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 校验密码是否小于6位
+ * @param value
+ * @returns {boolean}
+ */
+function isPassword(value) {
+  return value.length >= 6
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否为数字
+ * @param value
+ * @returns {boolean}
+ */
+function isNumber(val) {
+  return typeof val === 'number'
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是名称
+ * @param value
+ * @returns {boolean}
+ */
+function isName(value) {
+  const reg = /^[\u4e00-\u9fa5a-zA-Z0-9]+$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否为IP
+ * @param ip
+ * @returns {boolean}
+ */
+function isIP(ip) {
+  const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
+  return reg.test(ip)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是传统网站
+ * @param url
+ * @returns {boolean}
+ */
+function isUrl(url) {
+  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+  return reg.test(url)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是小写字母
+ * @param value
+ * @returns {boolean}
+ */
+function isLowerCase(value) {
+  const reg = /^[a-z]+$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是大写字母
+ * @param value
+ * @returns {boolean}
+ */
+function isUpperCase(value) {
+  const reg = /^[A-Z]+$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是大写字母开头
+ * @param value
+ * @returns {boolean}
+ */
+function isAlphabets(value) {
+  const reg = /^[A-Za-z]+$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是字符串
+ * @param value
+ * @returns {boolean}
+ */
+function isString(value) {
+  return typeof value === 'string' || value instanceof String
+}
+
+function isBoolean(val){
+  return is(val, 'Boolean')
+}
+
+function isFunction(func) {
+  return (typeof func === 'function' || Object.prototype.toString.call(func) === '[object Function]')
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是数组
+ * @param arg
+ * @returns {arg is any[]|boolean}
+ */
+function isArray(arg) {
+  if (typeof Array.isArray === 'undefined') {
+    return Object.prototype.toString.call(arg) === '[object Array]'
+  }
+  return Array.isArray(arg)
+}
+
+/**
+ * @Author      gaoxiang
+ * @DateTime    2019/11/29
+ * @lastTime    2019/11/29
+ * @description 是否是对象
+ */
+function isObject(val) {
+  return val !== null && is(val, 'Object')
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是端口号
+ * @param value
+ * @returns {boolean}
+ */
+function isPort(value) {
+  const reg = /^([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是手机号
+ * @param value
+ * @returns {boolean}
+ */
+function isPhone(value) {
+  const reg = /^1\d{10}$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是身份证号(第二代)
+ * @param value
+ * @returns {boolean}
+ */
+function isIdCard(value) {
+  const reg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否是邮箱
+ * @param value
+ * @returns {boolean}
+ */
+function isEmail(value) {
+  const reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否中文
+ * @param value
+ * @returns {boolean}
+ */
+function isChina(value) {
+  const reg = /^[\u4E00-\u9FA5]{2,4}$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否为空
+ * @param value
+ * @returns {boolean}
+ */
+function isBlank(value) {
+  return (
+    value == null ||
+    false ||
+    value === '' ||
+    value.trim() === '' ||
+    value.toLocaleLowerCase().trim() === 'null'
+  )
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断是否为固话
+ * @param value
+ * @returns {boolean}
+ */
+function isTel(value) {
+  const reg = /^(400|800)([0-9\\-]{7,10})|(([0-9]{4}|[0-9]{3})([- ])?)?([0-9]{7,8})(([- 转])*([0-9]{1,4}))?$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断经度 -180.0～+180.0（整数部分为0～180，必须输入1到5位小数）
+ * @param value
+ * @returns {boolean}
+ */
+function isLongitude(value) {
+  const reg = /^[-|+]?(0?\d{1,2}\.\d{1,5}|1[0-7]?\d{1}\.\d{1,5}|180\.0{1,5})$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description 判断纬度 -90.0～+90.0（整数部分为0～90，必须输入1到5位小数）
+ * @param value
+ * @returns {boolean}
+ */
+function isLatitude(value) {
+  const reg = /^[-|+]?([0-8]?\d{1}\.\d{1,5}|90\.0{1,5})$/
+  return reg.test(value)
+}
+
+/**
+ * @author gx12358 2539306317@qq.com
+ * @description rtsp校验，只要有rtsp://
+ * @param value
+ * @returns {boolean}
+ */
+function isRTSP(value) {
+  const reg = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
+  const reg1 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5]):[0-9]{1,5}/
+  const reg2 = /^rtsp:\/\/([a-z]{0,10}:.{0,10}@)?(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\//
+  return reg.test(value) || reg1.test(value) || reg2.test(value)
+}
+
+/**
+ * @Author      gaoxiang
+ * @DateTime    2020/11/4
+ * @lastTime    2020/11/4
+ * @description 判断是否是JSON字符串
+ */
+function isJSONStr(str) {
+  if (typeof str === 'string') {
+    try {
+      const obj = JSON.parse(str)
+      if (typeof obj === 'object' && obj) {
+        return true
+      } else {
+        return false
+      }
+    } catch (e) {
+      return false
+    }
+  }
+  return false
+}
+
+function checkURL(URL) {
+  const str = URL,
+    Expression = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/,
+    objExp = new RegExp(Expression)
+  return objExp.test(str)
+}

package/template-vite-project/.env

@@ -0,0 +1,5 @@
+# proxy 代理的api 前缀
+VITE_PROXY_PREFIX = /devApi
+
+# api前缀
+VITE_BASE_URL=/api

package/template-vite-project/.env.development

@@ -0,0 +1,5 @@
+# 实际执行环境 development
+VITE_NODE_ENV= development
+
+# environment 代码环境
+VITE_USE_MODE = development

package/template-vite-project/.env.pro

@@ -0,0 +1,5 @@
+# 项目启动执行环境
+VITE_NODE_ENV= production
+
+# 代码运行环境
+VITE_USE_MODE = pro

package/template-vite-project/.env.production

@@ -0,0 +1,5 @@
+# 项目启动执行环境
+VITE_NODE_ENV= production
+
+# 代码运行环境
+VITE_USE_MODE = production

package/template-vite-project/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/template-vite-project/_gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/template-vite-project/index.html

@@ -0,0 +1,46 @@
+<!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>VITE VUE PROJECT</title>
+  <link rel="icon" href="/vite.svg" type="image/x-icon" />
+  <link rel="stylesheet" href="/css/normalize.css">
+  <link rel="stylesheet" href="/css/index.css">
+</head>
+<body>
+<div id="app">
+  <div class="gx-app-loading">
+    <div class="page-loading-warp">
+      <div class="gx-spin gx-spin-spinning">
+        <span class="gx-spin-dot gx-spin-dot-spin">
+          <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}>
+            <defs>
+            <filter id="svgSpinnersGooeyBalls20">
+            <feGaussianBlur in="SourceGraphic" result="y" stdDeviation="1" />
+            <feColorMatrix in="y" result="z" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" />
+            <feBlend in="SourceGraphic" in2="z" />
+            </filter>
+            </defs>
+            <g filter="url(#svgSpinnersGooeyBalls20)">
+            <circle cx="5" cy="12" r="4" fill="currentColor"><animate attributeName="cx" calcMode="spline" dur="2s" keySplines=".36,.62,.43,.99;.79,0,.58,.57" repeatCount="indefinite" values="5;8;5" /></circle>
+            <circle cx="19" cy="12" r="4" fill="currentColor"><animate attributeName="cx" calcMode="spline" dur="2s" keySplines=".36,.62,.43,.99;.79,0,.58,.57" repeatCount="indefinite" values="19;16;19" /></circle>
+            <animateTransform attributeName="transform" dur="0.75s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12" />
+            </g>
+          </svg>
+        </span>
+      </div>
+      <div class="page-loading-warp_message">
+        <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-vite-project/internal/proxy/index.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'
+
+type ProxyTargetList = ProxyOptions & { rewrite: (path: string) => string }
+
+const target: string | Record<string, any> = 'http://127.0.0.1:3000'
+
+export function createProxy(prefix) {
+  const ret = {
+    dev: {},
+    test: {},
+    pre: {}
+  }
+
+  if (isObject(target)) {
+    Object.keys(target).forEach((str) => {
+      const proxy = {
+        target: `${target[str]}`,
+        changeOrigin: true,
+        ws: true,
+        rewrite: path => path.replace(new RegExp(`^${str}`), '')
+      } as ProxyTargetList
+
+      ret.dev[str] = proxy
+      ret.test[str] = proxy
+      ret.pre[str] = proxy
+    })
+  } else if (isString(target)) {
+    const proxy = {
+      target: `${target}`,
+      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-vite-project/internal/vite/generate/generateModifyVars.ts

@@ -0,0 +1,9 @@
+import { resolve } from 'node:path'
+
+export function generateModifyVars() {
+  const modifyVarsParams = {
+    hack: `true;  @import (reference) "${resolve('src/design/config.less')}";`
+  }
+
+  return modifyVarsParams
+}

package/template-vite-project/internal/vite/rollupOptions/index.ts

@@ -0,0 +1,18 @@
+import type { RollupOptions } from 'rollup'
+import { pathResolve } from '../util'
+
+export default function (): RollupOptions {
+  return {
+    input: {
+      index: pathResolve('index.html')
+    },
+    // 静态资源分类打包
+    output: {
+      chunkFileNames: 'static/js/[name]-[hash].js',
+      entryFileNames: 'static/js/[name]-[hash].js',
+      assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
+    },
+    external: [],
+    plugins: []
+  }
+}

package/template-vite-project/internal/vite/util/hash.ts

@@ -0,0 +1,17 @@
+import { createHash } from 'node:crypto'
+
+function createContentHash(content: string, hashLSize = 12) {
+  const hash = createHash('sha256').update(content)
+  return hash.digest('hex').slice(0, hashLSize)
+}
+
+function strToHex(str: string) {
+  const result: string[] = []
+  for (let i = 0; i < str.length; ++i) {
+    const hex = str.charCodeAt(i).toString(16)
+    result.push((`000${hex}`).slice(-4))
+  }
+  return result.join('').toUpperCase()
+}
+
+export { createContentHash, strToHex }

package/template-vite-project/internal/vite/util/index.ts

@@ -0,0 +1,132 @@
+import fs from 'node:fs'
+import path, { resolve } from 'node:path'
+import dotenv from 'dotenv'
+
+export const rootPath = process.cwd()
+
+export function pathResolve(dir: string) {
+  return resolve(process.cwd(), '.', dir)
+}
+
+/**
+ * Whether to generate package preview
+ */
+export function isReportMode(): boolean {
+  return process.env.REPORT === 'true'
+}
+
+// Read all environment variable configuration files to process.env
+export function wrapperEnv(envConf: Recordable): ViteEnv {
+  const ret: any = {}
+
+  for (const envName of Object.keys(envConf)) {
+    let realName = envConf[envName].replace(/\\n/g, '\n')
+    realName = realName === 'true' ? true : realName === 'false' ? false : realName
+
+    ret[envName] = realName
+    process.env[envName] = realName
+  }
+  return ret
+}
+
+/**
+ * 获取当前环境下生效的配置文件名
+ */
+function getConfFiles() {
+  const script = process.env.npm_lifecycle_script
+  const reg = new RegExp('--mode ([a-z]+)')
+  const result = reg.exec(script as string) as any
+  if (result) {
+    const mode = result[1] as string
+    return [ '.env', `.env.${mode}` ]
+  }
+  return [ '.env', '.env.production' ]
+}
+
+/**
+ * Get the environment variables starting with the specified prefix
+ * @param match prefix
+ * @param confFiles ext
+ */
+export function getEnvConfig(confFiles = getConfFiles()): Partial<ViteEnv> {
+  let envConfig: Partial<ViteEnv> = {}
+  confFiles.forEach((item) => {
+    try {
+      const env = dotenv.parse(fs.readFileSync(path.resolve(process.cwd(), item)))
+      envConfig = { ...envConfig, ...env }
+    } catch (e) {
+      console.error(`Error in parsing ${item}`, e)
+    }
+  })
+  return envConfig
+}
+
+/**
+ * Get user root directory
+ * @param dir file path
+ */
+export function getRootPath(...dir: string[]) {
+  return path.resolve(process.cwd(), ...dir)
+}
+
+export function getDefaultPath(supportTs = true) {
+  return path.resolve(process.cwd(), `src/main.${supportTs ? 'ts' : 'js'}`)
+}
+
+export function fileExists(f: string) {
+  try {
+    fs.accessSync(f, fs.constants.W_OK)
+    return true
+    // eslint-disable-next-line unused-imports/no-unused-vars
+  } catch (error) {
+    return false
+  }
+}
+
+function q(t) {
+  return t.reduce((n, e) => n + e)
+}
+
+function Gt(t, n?: number) {
+  if (t === 0)
+    return '0 Bytes'
+  const e = 1024
+  const r = n || 2
+  const o = [ 'Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB' ]
+  const s = Math.floor(Math.log(t) / Math.log(e))
+  return `${Number.parseFloat((t / e ** s).toFixed(r))} ${o[s]}`
+}
+
+const ot: number[] = []
+
+export function getPackageSize({ folder, callBack, format = !0 }) {
+  fs.readdir(folder, (err, files) => {
+    if (err)
+      throw err
+
+    let index = 0
+    const callBacks = () => {
+      if (++index === files.length) {
+        callBack(format ? Gt(q(ot)) : q(ot))
+      }
+    }
+
+    files.forEach((p) => {
+      fs.stat(`${folder}/${p}`, (err, stat) => {
+        if (err)
+          throw err
+        if (stat.isFile()) {
+          ot.push(stat.size)
+          callBacks()
+        } else {
+          getPackageSize({
+            folder: `${folder}/${p}`,
+            callBack: callBacks
+          })
+        }
+      })
+    })
+
+    files.length === 0 && callBack(0)
+  })
+}

package/template-vite-project/internal/vite/vite/cdn.ts

@@ -0,0 +1,65 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { defaultSettings } from '../../../config'
+
+const { cdn } = defaultSettings
+
+const { modules = [], url = '' } = cdn
+
+function getModuleVersion(name: string): string {
+  const pwd = process.cwd()
+  const pkgFile = path.join(pwd, 'node_modules', name, 'package.json')
+  if (fs.existsSync(pkgFile)) {
+    const pkgJson = JSON.parse(fs.readFileSync(pkgFile, 'utf8'))
+    return pkgJson.version
+  }
+
+  return ''
+}
+
+function isFullPath(path: string) {
+  return path.startsWith('http:') || path.startsWith('https:') || path.startsWith('//')
+}
+
+function renderUrl(data: CdnModuleList & {
+  version: string
+}) {
+  const { path } = data
+  if (isFullPath(path))
+    return path
+  return url.replace(/\{name\}/g, data.name)
+    .replace(/\{version\}/g, data.version)
+    .replace(/\{path\}/g, path)
+}
+
+function getCdnModuleFiles() {
+  return modules.map((m) => {
+    const version = getModuleVersion(m.name)
+    if (!version) {
+      throw new Error(`modules: ${m.name} package.json file does not exist`)
+    }
+
+    let css = m.css || [] as string[]
+    if (!Array.isArray(css) && css) {
+      css = [ css ]
+    }
+
+    return {
+      js: renderUrl({
+        ...m,
+        version
+      }),
+      css
+    }
+  })
+}
+
+export function getExternalMap() {
+  const externalMap = {}
+  modules.forEach((v) => {
+    externalMap[v.name] = v.globalName
+  })
+  return externalMap
+}
+
+export default getCdnModuleFiles()