update 调整代码格式

vite/plugins/auto-import.ts

@@ -0,0 +1,24 @@
+import AutoImport from 'unplugin-auto-import/vite';
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
+import IconsResolver from 'unplugin-icons/resolver';
+
+export default (path: any) => {
+  return AutoImport({
+    // 自动导入 Vue 相关函数
+    imports: ['vue', 'vue-router', '@vueuse/core', 'pinia'],
+    eslintrc: {
+      enabled: false,
+      filepath: './.eslintrc-auto-import.json',
+      globalsPropValue: true
+    },
+    resolvers: [
+      // 自动导入 Element Plus 相关函数ElMessage, ElMessageBox... (带样式)
+      ElementPlusResolver(),
+      IconsResolver({
+        prefix: 'Icon'
+      })
+    ],
+    vueTemplate: true, // 是否在 vue 模板中自动导入
+    dts: path.resolve(path.resolve(__dirname, '../../src'), 'types', 'auto-imports.d.ts')
+  });
+};

vite/plugins/components.ts

@@ -0,0 +1,17 @@
+import Components from 'unplugin-vue-components/vite';
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
+import IconsResolver from 'unplugin-icons/resolver';
+
+export default (path: any) => {
+  return Components({
+    resolvers: [
+      // 自动导入 Element Plus 组件
+      ElementPlusResolver(),
+      // 自动注册图标组件
+      IconsResolver({
+        enabledCollections: ['ep']
+      })
+    ],
+    dts: path.resolve(path.resolve(__dirname, '../../src'), 'types', 'components.d.ts')
+  });
+};

vite/plugins/compression.ts

@@ -0,0 +1,28 @@
+import compression from 'vite-plugin-compression';
+
+export default function createCompression(env: any) {
+  const { VITE_BUILD_COMPRESS } = env;
+  const plugin: any[] = [];
+  if (VITE_BUILD_COMPRESS) {
+    const compressList = VITE_BUILD_COMPRESS.split(',');
+    if (compressList.includes('gzip')) {
+      // http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件
+      plugin.push(
+        compression({
+          ext: '.gz',
+          deleteOriginFile: false
+        })
+      );
+    }
+    if (compressList.includes('brotli')) {
+      plugin.push(
+        compression({
+          ext: '.br',
+          algorithm: 'brotliCompress',
+          deleteOriginFile: false
+        })
+      );
+    }
+  }
+  return plugin;
+}

vite/plugins/icons.ts

@@ -0,0 +1,8 @@
+import Icons from 'unplugin-icons/vite';
+
+export default () => {
+  return Icons({
+    // 自动安装图标库
+    autoInstall: true
+  });
+};

vite/plugins/index.ts

@@ -0,0 +1,20 @@
+import vue from '@vitejs/plugin-vue';
+import createUnoCss from './unocss';
+import createAutoImport from './auto-import';
+import createComponents from './components';
+import createIcons from './icons';
+import createSvgIconsPlugin from './svg-icon';
+import createCompression from './compression';
+import path from 'path';
+
+export default (viteEnv: any, isBuild = false): [] => {
+  const vitePlusgins: any = [];
+  vitePlusgins.push(vue());
+  vitePlusgins.push(createUnoCss());
+  vitePlusgins.push(createAutoImport(path));
+  vitePlusgins.push(createComponents(path));
+  vitePlusgins.push(createCompression(viteEnv));
+  vitePlusgins.push(createIcons());
+  vitePlusgins.push(createSvgIconsPlugin(path, isBuild));
+  return vitePlusgins;
+};

vite/plugins/svg-icon.ts

@@ -0,0 +1,10 @@
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+export default (path: any, isBuild: boolean) => {
+  return createSvgIconsPlugin({
+    // 指定需要缓存的图标文件夹
+    iconDirs: [path.resolve(path.resolve(__dirname, '../../src'), 'assets/icons/svg')],
+    // 指定symbolId格式
+    symbolId: 'icon-[dir]-[name]',
+    svgoOptions: isBuild
+  });
+};

vite/plugins/unocss.ts

@@ -0,0 +1,13 @@
+import UnoCss from 'unocss/vite';
+import { presetUno, presetAttributify, presetIcons } from 'unocss';
+
+export default () => {
+  return UnoCss({
+    presets: [presetUno(), presetAttributify(), presetIcons()],
+    // rules: [['search', {}]],
+    shortcuts: {
+      'panel-title':
+        'pb-[5px] font-sans leading-[1.1] font-medium text-base text-[#6379bb] border-b border-b-solid border-[var(--el-border-color-light)] mb-5 mt-0'
+    }
+  });
+};