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

package.json

@@ -1,5 +1,4 @@
 {
-  "version": "1.0.0",
   "scripts": {
     "dev": "vite",
     "build:example": "vue-tsc --noEmit && vite build --mode example",

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,9 +2,6 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
-  const ElLoading: typeof import('element-plus/es')['ElLoading']
-  const ElMessage: typeof import('element-plus/es')['ElMessage']
-  const ElNotification: typeof import('element-plus/es')['ElNotification']
   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/components/SystemInfo/index.vue

@@ -16,9 +16,6 @@ onMounted(() => {
   <div>
     <el-drawer v-model="isShow" title="系统信息" direction="rtl" :size="360">
       <el-descriptions direction="vertical" :column="1" border>
-        <el-descriptions-item label="版本号" align="center">
-          {{ pkg.version }}
-        </el-descriptions-item>
         <el-descriptions-item label="最后编译时间" align="center">
           {{ lastBuildTime }}
         </el-descriptions-item>

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/layouts/components/BuyIt/index.vue

@@ -1,4 +1,6 @@
 <script lang="ts" setup name="BuyIt">
+import { ElNotification } from 'element-plus'
+
 const isActived = ref(true)
 setTimeout(() => {
   isActived.value = false

src/views/component_extend_example/pcas.demo.vue

@@ -5,6 +5,7 @@ meta:
 
 <script lang="ts" setup name="ComponentExampleArea">
 import type { FormInstance, FormRules } from 'element-plus'
+import { ElMessage } from 'element-plus'
 
 const pcas1 = ref([])
 const pcas2 = ref([])

src/views/component_extend_example/upload.demo.vue

@@ -5,6 +5,7 @@ meta:
 
 <script lang="ts" setup name="ComponentExampleUpload">
 import type { UploadProps } from 'element-plus'
+import { ElMessage } from 'element-plus'
 
 const image = ref('https://picsum.photos/400')
 const images = ref([

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/mock_example/index.vue

@@ -4,6 +4,7 @@ meta:
 </route>
 
 <script lang="ts" setup>
+import { ElNotification } from 'element-plus'
 import useUserStore from '@/store/modules/user'
 const userStore = useUserStore()
 

src/views/permission_example/index.vue

@@ -4,6 +4,7 @@ meta:
 </route>
 
 <script lang="ts" setup>
+import { ElLoading, ElMessage } from 'element-plus'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
 

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) => {
@@ -43,23 +42,12 @@ export default ({ mode, command }) => {
     define: {
       __SYSTEM_INFO__: JSON.stringify({
         pkg: {
-          version: pkg.version,
           dependencies: pkg.dependencies,
           devDependencies: pkg.devDependencies,
         },
         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(),
-    ],
   })
 }