refactor:界面重构、渲染逻辑重构

vite.config.ts

@@ -1,47 +1,47 @@
-import { defineConfig } from 'vite'
-import { fileURLToPath, URL } from 'node:url'
+import {defineConfig} from 'vite'
+import {fileURLToPath, URL} from 'node:url'
 import vue from '@vitejs/plugin-vue'
 // import vueDevTools from 'vite-plugin-vue-devtools'
 
 import AutoImport from 'unplugin-auto-import/vite'
-import { ArcoResolver  } from 'unplugin-vue-components/resolvers'
+import {ArcoResolver} from 'unplugin-vue-components/resolvers'
 import Components from 'unplugin-vue-components/vite'
-import { vitePluginForArco } from '@arco-plugins/vite-vue'
+import {vitePluginForArco} from '@arco-plugins/vite-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    AutoImport({
-      resolvers: [ArcoResolver()],
-      imports: [
-        'vue',
-        'vue-router',
-        '@vueuse/core',
-      ],
-      dirs: [
-        './src/components/*/index.vue',
-        './src/enums/*.ts',
-        './src/utils/*.ts',
-        './src/composables'
-      ]
-    }),
-    Components({
-      resolvers: [
-        ArcoResolver({
-          sideEffect: true
+    plugins: [
+        AutoImport({
+            resolvers: [ArcoResolver()],
+            imports: [
+                'vue',
+                'vue-router',
+                '@vueuse/core',
+            ],
+            dirs: [
+                './src/components/*/index.vue',
+                './src/enums/*.ts',
+                './src/utils/*.ts',
+                './src/composables'
+            ]
+        }),
+        Components({
+            resolvers: [
+                ArcoResolver({
+                    sideEffect: true
+                })
+            ]
+        }),
+        vue(),
+        vitePluginForArco({
+            style: 'css'
         })
-      ]
-    }),
-    vue(),
-    vitePluginForArco({
-      style: 'css'
-    })
-    // vueDevTools()
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-      'vue': 'vue/dist/vue.esm-bundler.js'
+        // vueDevTools()
+    ],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url)),
+            'vue': 'vue/dist/vue.esm-bundler.js'
+        }
     }
-  }
 })