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

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

@@ -0,0 +1,161 @@
+import presetRemToPx from '@unocss/preset-rem-to-px'
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetMini,
+  presetUno,
+  transformerDirectives,
+  transformerVariantGroup
+} from 'unocss'
+
+export default defineConfig({
+  presets: [
+    presetUno,
+    presetAttributify,
+    presetIcons(),
+    // @ts-ignore
+    presetRemToPx({
+      baseFontSize: 4
+    }),
+    presetMini()
+  ],
+  theme: {
+    colors: {
+      primary: 'hsl(--van-primary-color)',
+      danger: 'hsl(--van-danger-color)',
+    }
+  },
+  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 {}
+        }
+      }
+    ],
+    [
+      /^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 {
+          'border-top': `1px solid ${str === 'main' ? 'rgba(5, 5, 5, 0.06)' : `#${str}`}`
+        }
+      }
+    ],
+    [
+      /^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(--van-primary-color)' } ],
+    [ 'text-hex-error', { color: 'var(--van-danger-color)' } ],
+    [ 'bg-hex-main', { background: 'var(--van-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,142 @@
+import type { ConfigEnv, UserConfig } from 'vite'
+import autoprefixer from 'autoprefixer'
+import dayjs from 'dayjs'
+import viewport from 'postcss-mobile-forever'
+import { loadEnv } from 'vite'
+
+import { createProxy, defaultSettings } from './config'
+import { generateModifyVars } from './internal/vite-config/generate/generateModifyVars'
+import createRollupOptions from './internal/vite-config/rollupOptions'
+import { pathResolve, wrapperEnv } from './internal/vite-config/util'
+
+import { createVitePlugins } from './internal/vite-config/vite/plugin'
+
+import pkg from './package.json'
+
+const { proxy, cdn, build, servive } = 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)
+
+  const viteEnv = wrapperEnv(env)
+
+  const { VITE_DROP_CONSOLE, VITE_APP_ENV, VITE_PROXY_PREFIX } = viteEnv
+
+  const isBuild = command === 'build'
+
+  return {
+    base: build.publicPath,
+    root,
+    resolve: {
+      alias: [
+        {
+          find: '@',
+          replacement: pathResolve('src') + '/'
+        },
+        {
+          find: '@gx-mock',
+          replacement: pathResolve('mock') + '/index.ts'
+        },
+        {
+          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-mobile/hooks',
+          replacement: pathResolve('src/hooks')
+        },
+        {
+          find: '@gx-admin/vite-config',
+          replacement: pathResolve('internal/vite-config') + '/'
+        }
+      ]
+    },
+    server: {
+      open: false,
+      host: true,
+      port: servive.port,
+      warmup: {
+        // 预热文件
+        clientFiles: [
+          './index.html',
+          './src/{views,layout,router,store,components}/*',
+        ],
+      },
+      proxy: proxy.use ? createProxy(VITE_PROXY_PREFIX)[VITE_APP_ENV] : {}
+    },
+    esbuild: {
+      drop: VITE_DROP_CONSOLE ? [ 'console', 'debugger' ] : []
+    },
+    build: {
+      cssTarget: 'chrome80',
+      outDir: build.outputDir,
+      assetsDir: build.assetsDir,
+      chunkSizeWarningLimit: 4000,
+      rollupOptions: createRollupOptions(cdn.use) as any
+    },
+    define: {
+      __INTLIFY_PROD_DEVTOOLS__: false,
+      __APP_INFO__: JSON.stringify(__APP_INFO__)
+    },
+    css: {
+      postcss: {
+        plugins: [
+          autoprefixer({
+            grid: true
+          }),
+          viewport({
+            appSelector: '#app',
+            viewportWidth: 375,
+            maxDisplayWidth: 600,
+            rootContainingBlockSelectorList: [
+              'van-tabbar',
+              'van-popup',
+            ],
+            border: true,
+          }),
+        ]
+      },
+      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'
+      ]
+    }
+  }
+}

package/template-mobile-vant-html/README.md

@@ -0,0 +1,4 @@
+# vue-mobile
+
+#### 介绍
+使用vue3.0 + vant 搭建的手机端项目，旨在不用任何构建工具（html+js+less）

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"}