From 08bef75035f97718640da8c45bcc8eba7f63d31a Mon Sep 17 00:00:00 2001
From: hooray <304327508@qq.com>
Date: Sun, 23 Oct 2022 14:17:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=86=20element=20plus=20=E5=8F=8D=E9=A6=88?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=94=B9=E4=B8=BA=E6=89=8B=E5=8A=A8=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                       |  1 -
 src/api/index.ts                                   |  1 +
 src/auto-imports.d.ts                              |  3 ---
 src/components/FileUpload/index.vue                |  2 +-
 src/components/ImageUpload/index.vue               |  1 +
 src/components/ImagesUpload/index.vue              |  1 +
 src/components/SystemInfo/index.vue                |  3 ---
 src/layouts/components/AppSetting/index.vue        |  1 +
 src/layouts/components/BuyIt/index.vue             |  2 ++
 src/views/component_extend_example/pcas.demo.vue   |  1 +
 src/views/component_extend_example/upload.demo.vue |  1 +
 src/views/login.vue                                |  1 +
 src/views/mock_example/index.vue                   |  1 +
 src/views/permission_example/index.vue             |  1 +
 src/views/personal/edit.password.vue               |  1 +
 src/views/personal/setting.vue                     |  1 +
 vite.config.ts                                     | 14 +-------------
 vite/plugins/auto-import.ts                        |  4 ----
 18 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/package.json b/package.json
index 5b5362f..b688bf3 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,4 @@
 {
-  "version": "1.0.0",
   "scripts": {
     "dev": "vite",
     "build:example": "vue-tsc --noEmit && vite build --mode example",
diff --git a/src/api/index.ts b/src/api/index.ts
index 808350a..e3f4446 100644
--- a/src/api/index.ts
+++ b/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'
 
diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts
index d0edda1..566dd2f 100644
--- a/src/auto-imports.d.ts
+++ b/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']
diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue
index d61fbe0..9302b14 100644
--- a/src/components/FileUpload/index.vue
+++ b/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({
diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue
index b024921..dc65d62 100644
--- a/src/components/ImageUpload/index.vue
+++ b/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: {
diff --git a/src/components/ImagesUpload/index.vue b/src/components/ImagesUpload/index.vue
index f94ffe0..9d01e3a 100644
--- a/src/components/ImagesUpload/index.vue
+++ b/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: {
diff --git a/src/components/SystemInfo/index.vue b/src/components/SystemInfo/index.vue
index d4f4f4b..4b5fa8e 100644
--- a/src/components/SystemInfo/index.vue
+++ b/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>
diff --git a/src/layouts/components/AppSetting/index.vue b/src/layouts/components/AppSetting/index.vue
index ea475c4..1c91078 100644
--- a/src/layouts/components/AppSetting/index.vue
+++ b/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'
diff --git a/src/layouts/components/BuyIt/index.vue b/src/layouts/components/BuyIt/index.vue
index 6ea23b9..d89650f 100644
--- a/src/layouts/components/BuyIt/index.vue
+++ b/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
diff --git a/src/views/component_extend_example/pcas.demo.vue b/src/views/component_extend_example/pcas.demo.vue
index 4060158..5aa6576 100644
--- a/src/views/component_extend_example/pcas.demo.vue
+++ b/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([])
diff --git a/src/views/component_extend_example/upload.demo.vue b/src/views/component_extend_example/upload.demo.vue
index d45e52c..1158cfb 100644
--- a/src/views/component_extend_example/upload.demo.vue
+++ b/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([
diff --git a/src/views/login.vue b/src/views/login.vue
index 1fbc0fd..c006e99 100644
--- a/src/views/login.vue
+++ b/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()
diff --git a/src/views/mock_example/index.vue b/src/views/mock_example/index.vue
index e6c6d0d..9dfec8f 100644
--- a/src/views/mock_example/index.vue
+++ b/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()
 
diff --git a/src/views/permission_example/index.vue b/src/views/permission_example/index.vue
index b195565..f5e6dd7 100644
--- a/src/views/permission_example/index.vue
+++ b/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'
 
diff --git a/src/views/personal/edit.password.vue b/src/views/personal/edit.password.vue
index 7445e20..7246b42 100644
--- a/src/views/personal/edit.password.vue
+++ b/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()
diff --git a/src/views/personal/setting.vue b/src/views/personal/setting.vue
index 286dc83..22305a9 100644
--- a/src/views/personal/setting.vue
+++ b/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()
 
diff --git a/vite.config.ts b/vite.config.ts
index 3219f3b..182192e 100644
--- a/vite.config.ts
+++ b/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: {
diff --git a/vite/plugins/auto-import.ts b/vite/plugins/auto-import.ts
index 3e60cfa..b50e784 100644
--- a/vite/plugins/auto-import.ts
+++ b/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(),
-    ],
   })
 }