feat(all): 新增 vant4 组件库

package.json

@@ -34,6 +34,7 @@
     "pinia": "2.1.7",
     "splitpanes": "3.1.5",
     "uuid": "^11.0.5",
+    "vant": "^4.9.18",
     "vue": "^3.5.13",
     "vue-count-to": "^1.0.13",
     "vue-cropper": "1.1.1",
@@ -42,11 +43,13 @@
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
+    "@vant/auto-import-resolver": "^1.3.0",
     "@vitejs/plugin-vue": "5.0.5",
     "cz-conventional-changelog": "^3.3.0",
     "sass": "1.77.5",
     "standard-version": "^9.5.0",
-    "unplugin-auto-import": "0.17.6",
+    "unplugin-auto-import": "^0.17.6",
+    "unplugin-vue-components": "^28.4.1",
     "unplugin-vue-setup-extend-plus": "1.0.1",
     "vite": "5.3.2",
     "vite-plugin-compression": "0.5.1",

src/mobile_views/promotion/index.vue

@@ -2,15 +2,17 @@
   <div>
     <p>{{ url }}</p>
     <button @click="copy">复制 URL</button>
+    <van-button type="primary">主要按钮</van-button>
+    <van-button type="success">成功按钮</van-button>
+    <van-button type="default">默认按钮</van-button>
+    <van-button type="danger">危险按钮</van-button>
+    <van-button type="warning">警告按钮</van-button>
   </div>
 </template>
 
 <script setup>
-import { isMobile } from '@/utils/device'
 const url = ref('')
-if (isMobile()) {
-  url.value = window.location.href
-}
+url.value = window.location.href
 // 点击复制按钮复制字符串到剪切板
 const copy = () => {
   const input = document.createElement('input');

src/views/login.vue

@@ -125,7 +125,7 @@ const loginByType = async (type, data) => {
   });
 }
 
-// 飞书授权登录
+// 飞书网页授权登录（授权后会回调我这个网页，执行代码获取 state，进行登录）
 const getOAuthState = () => {
   const params = new URLSearchParams(window.location.search);
   const code = params.get('code');

vite/plugins/auto-import-vant.js

+import autoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import { VantResolver } from '@vant/auto-import-resolver';
+
+export default function createAutoImportVant() {
+  return [
+    autoImport({
+      resolvers: [VantResolver()],
+    }),
+    Components({
+      resolvers: [VantResolver()],
+    }),
+  ]
+};
\ No newline at end of file

vite/plugins/index.js

 import vue from '@vitejs/plugin-vue'
 
 import createAutoImport from './auto-import'
+import createAutoImportVant from './auto-import-vant'
 import createSvgIcon from './svg-icon'
 import createCompression from './compression'
 import createSetupExtend from './setup-extend'
@@ -8,6 +9,7 @@ import createHtmlPlugin from './create-html'
 
 export default function createVitePlugins(viteEnv, isBuild = false) {
   const vitePlugins = [vue()]
+  vitePlugins.push(...createAutoImportVant())
   vitePlugins.push(createAutoImport())
   vitePlugins.push(createSetupExtend())
   vitePlugins.push(createSvgIcon(isBuild))