feat: 自动导入antd组件

apps/web-antd/package.json

@@ -53,6 +53,7 @@
   },
   "devDependencies": {
     "@types/crypto-js": "^4.2.2",
-    "@types/lodash-es": "^4.17.12"
+    "@types/lodash-es": "^4.17.12",
+    "unplugin-vue-components": "^0.27.3"
   }
 }

apps/web-antd/tsconfig.json

@@ -8,5 +8,5 @@
     }
   },
   "references": [{ "path": "./tsconfig.node.json" }],
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "types/**/*.d.ts"]
 }

apps/web-antd/vite.config.mts

@@ -1,9 +1,23 @@
 import { defineConfig } from '@vben/vite-config';
 
+import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
+import Components from 'unplugin-vue-components/vite';
+
 export default defineConfig(async () => {
   return {
     application: {},
     vite: {
+      plugins: [
+        Components({
+          dirs: [], // 默认会导入src/components目录下所有组件 不需要
+          dts: './types/components.d.ts', // 输出类型文件
+          resolvers: [
+            AntDesignVueResolver({
+              importStyle: false, // css in js
+            }),
+          ],
+        }),
+      ],
       server: {
         proxy: {
           '/api': {