af-mobile-client-vue3 1.0.54

package/tsconfig.json

@@ -0,0 +1,43 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "jsx": "preserve",
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "experimentalDecorators": true,
+    "baseUrl": ".",
+    "module": "esnext",
+    "moduleResolution": "Bundler",
+    "paths": {
+      "@af-mobile-client-vue3/*": ["src/*"]
+    },
+    "types": [
+      "node",
+      "unplugin-vue-router/client",
+      "vite-plugin-vue-layouts/client",
+      "vite-plugin-pwa/client"
+    ],
+    "allowJs": true,
+    "strictNullChecks": false,
+    "noImplicitAny": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "importHelpers": true,
+    "sourceMap": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src/App.vue",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx",
+    "src/components.d.ts",
+    "src/auto-imports.d.ts",
+    "src/typed-router.d.ts",
+    "tests/*.ts"
+  ]
+}

package/uno.config.ts

@@ -0,0 +1,32 @@
+import { defineConfig, presetAttributify, presetMini, presetUno } from 'unocss'
+import presetRemToPx from '@unocss/preset-rem-to-px'
+
+// 刚使用unocss的朋友，可以借助这个工具： https://to-unocss.netlify.app
+
+export default defineConfig({
+  presets: [
+    presetUno,
+    presetAttributify,
+    // 为什么要用到这个插件？
+    // 模板使用 viewport 作为移动端适配方案，unocss 默认单位为 rem
+    // 所以需要转成 px，然后由 postcss 把 px 转成 vw/vh，完成适配
+    presetRemToPx({
+      // 这里为什么要设置基础字体大小？看下面这篇文章
+      // https://juejin.cn/post/7262975395620618298
+      baseFontSize: 4,
+    }),
+    presetMini({
+      dark: {
+        dark: '.van-theme-dark',
+        light: '.van-theme-light',
+      },
+    }),
+  ],
+  shortcuts: {
+    // shortcuts to multiple utilities
+    'btn': 'py-2 px-4 font-semibold rounded-lg shadow-md',
+    'btn-green': 'text-white bg-green-500 hover:bg-green-700',
+    'btn-blue': 'text-white bg-blue-500 hover:bg-blue-700',
+    'centered': 'absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2',
+  },
+})

package/vite.config.ts

@@ -0,0 +1,110 @@
+import path from 'node:path'
+import process from 'node:process'
+import { loadEnv } from 'vite'
+import type { ConfigEnv, UserConfig } from 'vite'
+import viewport from 'postcss-mobile-forever'
+import autoprefixer from 'autoprefixer'
+import { createVitePlugins } from './build/vite'
+
+export default ({ mode }: ConfigEnv): UserConfig => {
+  const root = process.cwd()
+  const env = loadEnv(mode, root)
+
+  const appProxys = {}
+
+  const v4Server = 'http://192.168.50.67:31567'
+  const v3Server = 'http://123.60.214.109:8406'
+  const OSSServerDev = 'http://192.168.50.67:30351'
+  // const OSSServerProd = 'http://192.168.50.67:31351'
+
+  return {
+    base: env.VITE_APP_PUBLIC_PATH,
+    plugins: createVitePlugins(),
+
+    server: {
+      host: true,
+      port: 7190,
+      proxy: Object.assign({
+        '/api/af-system/resource': {
+          target: v4Server,
+          ws: false,
+          changeOrigin: true,
+        },
+        '/api/invoice': {
+          target: 'http://219.153.176.6:8400/',
+          rewrite: (path: string) => path.replace(/^\/api\//, '/'),
+          ws: false,
+          changeOrigin: true,
+        },
+        '/api/af-system/entity/t_files': {
+          target: v3Server,
+          ws: false,
+          changeOrigin: true,
+        },
+        '/resource': {
+          // pathRewrite: { '^/resource': '/' },
+          target: v4Server,
+          changeOrigin: true,
+        },
+        '/api': {
+          // v3用
+          // rewrite: (path: string) => path.replace(/^\/api\/af-system\//, '/rs/'),
+          target: v4Server,
+          ws: false,
+          changeOrigin: true,
+        },
+        '/oss': {
+          target: OSSServerDev,
+          rewrite: (path: string) => path.replace(/^\/oss\//, '/'),
+          changeOrigin: true,
+        },
+      }, appProxys),
+    },
+
+    resolve: {
+      alias: {
+        '~@': path.join(__dirname, './src'),
+        '@': path.join(__dirname, './src'),
+        '~': path.join(__dirname, './src/assets'),
+        '@af-mobile-client-vue3': path.join(__dirname, './src'),
+      },
+    },
+
+    css: {
+      // postcss 官网：www.postcss.com.cn/
+      postcss: {
+        plugins: [
+          // 自动获取浏览器的流行度和能够支持的属性，并为 CSS 规则添加前缀
+          autoprefixer(),
+          viewport({
+            appSelector: '#system-app',
+            viewportWidth: 375,
+            maxDisplayWidth: 600,
+            appContainingBlock: 'auto',
+            necessarySelectorWhenAuto: '.app-wrapper',
+            rootContainingBlockSelectorList: ['van-tabbar', 'van-popup'],
+          }),
+        ],
+      },
+    },
+
+    build: {
+      chunkSizeWarningLimit: 2048,
+      rollupOptions: {
+        output: {
+          // 打包时分割资源
+          chunkFileNames: 'static/js/[name]-[hash].js',
+          entryFileNames: 'static/js/[name]-[hash].js',
+          assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
+          manualChunks(id) {
+            if (id.includes('node_modules'))
+              return 'third' // 代码分割为第三方包
+
+            if (id.includes('views'))
+              return 'views' // 代码分割为业务视图
+          },
+        },
+      },
+    },
+  }
+}