refactor: 将 element plus 反馈组件改为手动引入

src/api/index.ts

@@ -1,5 +1,6 @@
 import axios from 'axios'
 // import qs from 'qs'
+import { ElMessage } from 'element-plus'
 import router from '@/router/index'
 import useUserStore from '@/store/modules/user'
 

src/auto-imports.d.ts

@@ -2,7 +2,6 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
-  const ElMessage: typeof import('element-plus/es')['ElMessage']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
   const computed: typeof import('vue')['computed']
   const createApp: typeof import('vue')['createApp']

src/components/FileUpload/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup name="FileUpload">
-import { UploadUserFile } from 'element-plus'
+import { ElMessage, UploadUserFile } from 'element-plus'
 import type { UploadProps } from 'element-plus'
 
 const props = defineProps({

src/components/ImageUpload/index.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup name="ImageUpload">
 import type { UploadProps } from 'element-plus'
+import { ElMessage } from 'element-plus'
 
 const props = defineProps({
   action: {

src/components/ImagesUpload/index.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup name="ImagesUpload">
 import type { UploadProps } from 'element-plus'
+import { ElMessage } from 'element-plus'
 
 const props = defineProps({
   action: {

src/layouts/components/AppSetting/index.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup name="AppSetting">
 import { useClipboard } from '@vueuse/core'
+import { ElMessage } from 'element-plus'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
 import useMenuStore from '@/store/modules/menu'

src/views/login.vue

@@ -7,6 +7,7 @@ meta:
 
 <script lang="ts" setup name="Login">
 import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
 import useUserStore from '@/store/modules/user'
 
 const route = useRoute()

src/views/personal/edit.password.vue

@@ -6,6 +6,7 @@ meta:
 
 <script lang="ts" setup name="PersonalEditPassword">
 import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
 import useUserStore from '@/store/modules/user'
 
 const route = useRoute()

src/views/personal/setting.vue

@@ -7,6 +7,7 @@ meta:
 
 <script lang="ts" setup name="PersonalSetting">
 import type { UploadProps } from 'element-plus'
+import { ElMessage } from 'element-plus'
 
 const router = useRouter()
 

vite.config.ts

@@ -11,8 +11,7 @@ export default ({ mode, command }) => {
   // 全局 scss 资源
   const scssResources = []
   fs.readdirSync('src/assets/styles/resources').forEach((dirname) => {
-    if (fs.statSync(`src/assets/styles/resources/${dirname}`).isFile())
-      scssResources.push(`@use "src/assets/styles/resources/${dirname}" as *;`)
+    if (fs.statSync(`src/assets/styles/resources/${dirname}`).isFile()) { scssResources.push(`@use "src/assets/styles/resources/${dirname}" as *;`) }
   })
   // css 精灵图相关
   fs.readdirSync('src/assets/sprites').forEach((dirname) => {
@@ -50,16 +49,6 @@ export default ({ mode, command }) => {
         lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
       }),
     },
-    optimizeDeps: {
-      include: [
-        'element-plus',
-        'element-plus/es',
-        'element-plus/es/components/message/style/css',
-        'element-plus/es/components/notification/style/css',
-        'element-plus/es/components/message-box/style/css',
-        'element-plus/es/components/loading/style/css',
-      ],
-    },
     plugins: createVitePlugins(env, command === 'build'),
     resolve: {
       alias: {

vite/plugins/auto-import.ts

@@ -1,5 +1,4 @@
 import autoImport from 'unplugin-auto-import/vite'
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 
 export default function createAutoImport() {
   return autoImport({
@@ -12,8 +11,5 @@ export default function createAutoImport() {
     dirs: [
       './src/utils/composables/**',
     ],
-    resolvers: [
-      ElementPlusResolver(),
-    ],
   })
 }