@gx-design-vue/create-gx-cli 0.1.3 → 0.1.4

package/template-mobile-vant-cli/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-mobile-vant-cli/vite.config.ts

@@ -0,0 +1,145 @@
+import type { ConfigEnv, ProxyOptions, UserConfig } from 'vite'
+import { loadEnv } from 'vite'
+import { resolve } from 'node:path'
+import dayjs from 'dayjs'
+import { isObject, isString } from '@gx-design-vue/pro-utils'
+
+import { configManualChunk } from './build/optimizer'
+import { createVitePlugins } from './build/plugin'
+import { generateModifyVars } from './build/generateModifyVars'
+
+import pkg from './package.json'
+
+type ProxyTargetList = ProxyOptions & { rewrite: (path: string) => string }
+
+const proxyTarget: string | Record<string, any> = 'http://127.0.0.1:3000'
+
+const { dependencies, devDependencies, name, version } = pkg
+
+const __APP_INFO__ = {
+  pkg: { dependencies, devDependencies, name, version },
+  lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss')
+}
+
+function pathResolve(dir: string) {
+  return resolve(process.cwd(), '.', dir)
+}
+
+function createProxy(prefix) {
+  const ret = {
+    dev: {},
+    test: {},
+    pre: {}
+  }
+
+  if (isObject(proxyTarget)) {
+    Object.keys(proxyTarget).forEach((prefix) => {
+      const proxy = {
+        target: `${proxyTarget[prefix]}`,
+        changeOrigin: true,
+        ws: true,
+        rewrite: path => path.replace(new RegExp(`^${prefix}`), '')
+      } as ProxyTargetList
+
+      ret.dev[prefix] = proxy
+      ret.test[prefix] = proxy
+      ret.pre[prefix] = proxy
+    })
+  } else if (isString(proxyTarget)) {
+    const proxy = {
+      target: `${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
+}
+
+function wrapperEnv(envConf: RecordType): 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
+}
+
+export default ({ mode, command }: ConfigEnv): 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_BASE_URL, VITE_DROP_CONSOLE } = viteEnv
+
+  const isBuild = command === 'build'
+
+  return {
+    base: './',
+    resolve: {
+      alias: [
+        {
+          find: '@',
+          replacement: pathResolve('src') + '/'
+        },
+        {
+          find: '@gx-mock',
+          replacement: pathResolve('mock') + '/'
+        },
+        {
+          find: '@gx-vuex',
+          replacement: pathResolve('src/store') + '/index.ts'
+        },
+        {
+          find: '@gx-mobile/hooks',
+          replacement: pathResolve('src/hooks')
+        },
+        { find: /^~/, replacement: '' }
+      ]
+    },
+    server: {
+      host: true,
+      port: 3000,
+      proxy: createProxy(VITE_BASE_URL)
+    },
+    plugins: createVitePlugins(viteEnv, isBuild),
+    define: {
+      __INTLIFY_PROD_DEVTOOLS__: false,
+      __APP_INFO__: JSON.stringify(__APP_INFO__)
+    },
+    esbuild: {
+      drop: VITE_DROP_CONSOLE ? [ 'console', 'debugger' ] : []
+    },
+    build: {
+      assetsDir: 'assets',
+      chunkSizeWarningLimit: 2500,
+      rollupOptions: {
+        output: {
+          manualChunks: configManualChunk as any
+        }
+      }
+    },
+    css: {
+      modules: {
+        generateScopedName: 'gx-mobile-[local]-[hash:base64:5]'
+      },
+      preprocessorOptions: {
+        less: {
+          modifyVars: generateModifyVars(),
+          javascriptEnabled: true
+        }
+      }
+    }
+  }
+}

package/template-mobile-vant-html/css/global.css

@@ -0,0 +1,293 @@
+/****reset****/
+body,
+div,
+table,
+tr,
+td,
+th,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+form,
+input,
+button,
+label,
+select,
+textarea,
+p,
+u,
+i,
+em,
+ul,
+ol,
+li,
+dl,
+dd,
+dt,
+img,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  border: 0;
+  outline: 0;
+}
+li {
+  list-style: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+}
+a,
+input,
+select,
+textarea,
+area,
+button {
+  outline: none;
+  font-family: inherit;
+  font-size: inherit;
+  border: none;
+  background: none;
+  color: inherit;
+}
+a {
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: none;
+}
+textarea {
+  overflow: auto;
+  resize: none;
+}
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+html,
+body {
+  overflow-x: hidden;
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+}
+* {
+  -webkit-overflow-scrolling: touch;
+}
+html {
+  -webkit-tap-highlight-color: transparent;
+}
+body {
+  font: 400 14px/1 microsoft yahei, Tohoma, Arial;
+  text-align: left;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+.fl {
+  float: left;
+}
+.fr {
+  float: right;
+}
+.clearfix {
+  zoom: 1;
+}
+.clearfix::before,
+.clearfix::after {
+  display: table;
+  content: " ";
+}
+.clearfix::after {
+  clear: both;
+  height: 0;
+  font-size: 0;
+  visibility: hidden;
+}
+.ant-skeleton {
+  display: table;
+  width: 100%;
+}
+.ant-skeleton.active {
+  display: none;
+}
+.ant-skeleton-content {
+  display: table-cell;
+  width: 100%;
+  vertical-align: top;
+}
+.ant-skeleton-content .ant-skeleton-title {
+  width: 100%;
+  height: 16px;
+  margin-top: 16px;
+  background: #f2f2f2;
+}
+.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
+  margin-top: 24px;
+}
+.ant-skeleton-content .ant-skeleton-paragraph {
+  padding: 0;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li {
+  width: 100%;
+  height: 16px;
+  list-style: none;
+  background: #f2f2f2;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li + li {
+  margin-top: 16px;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
+  width: 61%;
+}
+.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-button,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-image,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-input {
+  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: ant-skeleton-loading 1.4s ease infinite;
+}
+@keyframes ant-skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+@keyframes spinner-anime {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.toast-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  z-index: 9999999999;
+}
+.toast-loading.active {
+  display: none;
+}
+.toast-loading.none {
+  display: none;
+}
+.toast-loading .loading-cont {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 15px 15px;
+  border-radius: 7px;
+  background-clip: padding-box;
+  color: #fff;
+  background-color: rgba(58, 58, 58, 0.9);
+  font-size: 15px;
+  line-height: 20px;
+}
+.toast-loading .loading-cont .svg {
+  margin: 0;
+  width: 32px;
+  height: 32px;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-image: url("../image/loading.svg");
+  background-position: 50%;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  animation: spinner-anime 1s linear infinite;
+}
+.toast-loading .loading-cont .svg-text {
+  display: inline-block;
+  position: relative;
+  top: 4px;
+}
+.skeleton-loading {
+  display: block;
+  padding: 0.25rem;
+}
+.skeleton-loading.active {
+  display: none;
+}
+.skeleton-loading.none {
+  display: none;
+}
+.error-block {
+  display: none;
+  box-sizing: border-box;
+  text-align: center;
+  padding-top: calc(50vh - 200px);
+}
+.error-block.active {
+  display: block;
+}
+.error-block .error-block-image {
+  width: auto;
+  height: 200px;
+}
+.error-block .error-block-image img {
+  height: 100%;
+}
+.error-block .error-block-description {
+  margin-top: 20px;
+  font-size: 13px;
+  color: #999;
+  line-height: 1.4;
+}
+.error-block .error-block-description-title {
+  font-size: 20px;
+  color: #333;
+}
+.error-block .error-block-description-subtitle {
+  margin-top: 8px;
+}
+#app {
+  display: none;
+}
+#app.active {
+  display: block;
+}
+.refresh-content {
+  height: 100%;
+}
+.refresh-content .van-pull-refresh {
+  height: 100%;
+}
+/*# sourceMappingURL=global.css.map */

package/template-mobile-vant-html/css/global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["global.less"],"names":[],"mappings":"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","file":"global.css"}