feat: 引入自动按需导入组件

pany-ang · pany-ang · commit fd075bd63d77 · 2024-11-28T19:34:54.000+08:00
diff --git a/package.json b/package.json
@@ -51,6 +51,8 @@
     "sass": "1.78.0",
     "typescript": "5.6.3",
     "unocss": "0.64.1",
+    "unplugin-auto-import": "0.18.6",
+    "unplugin-vue-components": "0.27.5",
     "vite": "6.0.1",
     "vite-plugin-svg-icons": "2.0.1",
     "vite-svg-loader": "5.1.0",
@@ -62,16 +64,36 @@
   },
   "changelogithub": {
     "types": {
-      "feat": { "title": "Feat" },
-      "fix": { "title": "Fix" },
-      "perf": { "title": "Perf" },
-      "refactor": { "title": "Refactor" },
-      "docs": { "title": "Docs" },
-      "types": { "title": "Types" },
-      "test": { "title": "Test" },
-      "ci": { "title": "CI" },
-      "revert": { "title": "Revert" },
-      "chore": { "title": "Chore" }
+      "feat": {
+        "title": "Feat"
+      },
+      "fix": {
+        "title": "Fix"
+      },
+      "perf": {
+        "title": "Perf"
+      },
+      "refactor": {
+        "title": "Refactor"
+      },
+      "docs": {
+        "title": "Docs"
+      },
+      "types": {
+        "title": "Types"
+      },
+      "test": {
+        "title": "Test"
+      },
+      "ci": {
+        "title": "CI"
+      },
+      "revert": {
+        "title": "Revert"
+      },
+      "chore": {
+        "title": "Chore"
+      }
     }
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import { useGreyAndColorWeakness } from "@@/composables/useGreyAndColorWeakness"
 import { useTheme } from "@@/composables/useTheme"
-import { ElNotification } from "element-plus"
 import zhCn from "element-plus/es/locale/lang/zh-cn" // Element Plus 中文包
 
 const { initTheme } = useTheme()
diff --git a/src/common/components/Notify/index.vue b/src/common/components/Notify/index.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import type { NotifyItem } from "./type"
 import { Bell } from "@element-plus/icons-vue"
-import { ElMessage } from "element-plus"
 import { computed, ref } from "vue"
 import { messageData, notifyData, todoData } from "./data"
 import List from "./List.vue"
diff --git a/src/common/components/Screenfull/index.vue b/src/common/components/Screenfull/index.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { ElMessage } from "element-plus"
 import screenfull from "screenfull"
 import { computed, ref, watchEffect } from "vue"
 
diff --git a/src/common/components/SearchMenu/Modal.vue b/src/common/components/SearchMenu/Modal.vue
@@ -4,7 +4,6 @@ import type { RouteRecordName, RouteRecordRaw } from "vue-router"
 import { usePermissionStore } from "@/pinia/stores/permission"
 import { useDevice } from "@@/composables/useDevice"
 import { isExternal } from "@@/utils/validate"
-import { ElMessage } from "element-plus"
 import { cloneDeep, debounce } from "lodash-es"
 import { computed, ref, shallowRef } from "vue"
 import { useRouter } from "vue-router"
diff --git a/src/common/composables/useFullscreenLoading.ts b/src/common/composables/useFullscreenLoading.ts
@@ -1,5 +1,4 @@
 import type { LoadingOptions } from "element-plus"
-import { ElLoading } from "element-plus"
 
 interface UseFullscreenLoading {
   <T extends (...args: Parameters<T>) => ReturnType<T>>(
diff --git a/src/http/axios.ts b/src/http/axios.ts
@@ -2,7 +2,6 @@ import type { AxiosInstance, AxiosRequestConfig } from "axios"
 import { useUserStore } from "@/pinia/stores/user"
 import { getToken } from "@@/utils/cache/cookies"
 import axios from "axios"
-import { ElMessage } from "element-plus"
 import { get, merge } from "lodash-es"
 
 /** 退出登录并强制刷新页面（会重定向到登录页） */
diff --git a/src/main.ts b/src/main.ts
@@ -1,9 +1,11 @@
+/* eslint-disable perfectionist/sort-imports */
+
 // core
-import App from "@/App.vue"
+import { createApp } from "vue"
 import { pinia } from "@/pinia"
-import { installPlugins } from "@/plugins"
 import { router } from "@/router"
-import { createApp } from "vue"
+import { installPlugins } from "@/plugins"
+import App from "@/App.vue"
 // css
 import "uno.css"
 import "normalize.css"
diff --git a/src/pages/demo/composable-demo/apis/use-fetch-select.ts b/src/pages/demo/composable-demo/apis/use-fetch-select.ts
@@ -1,5 +1,3 @@
-import { ElMessage } from "element-plus"
-
 /** 模拟接口响应数据 */
 const SELECT_RESPONSE_DATA = {
   code: 0,
diff --git a/src/pages/demo/composable-demo/use-fullscreen-loading.vue b/src/pages/demo/composable-demo/use-fullscreen-loading.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { useFullscreenLoading } from "@@/composables/useFullscreenLoading"
-import { ElMessage } from "element-plus"
 import { getErrorApi, getSuccessApi } from "./apis/use-fullscreen-loading"
 
 const svg = `
diff --git a/src/pages/demo/element-plus/index.vue b/src/pages/demo/element-plus/index.vue
@@ -4,7 +4,6 @@ import type { FormInstance, FormRules } from "element-plus"
 import { createTableDataApi, deleteTableDataApi, getTableDataApi, updateTableDataApi } from "@@/apis/table"
 import { usePagination } from "@@/composables/usePagination"
 import { CirclePlus, Delete, Download, Refresh, RefreshRight, Search } from "@element-plus/icons-vue"
-import { ElMessage, ElMessageBox } from "element-plus"
 import { cloneDeep } from "lodash-es"
 import { reactive, ref, watch } from "vue"
 
diff --git a/src/pages/demo/vxe-table/index.vue b/src/pages/demo/vxe-table/index.vue
@@ -3,7 +3,6 @@ import type { TableResponseData } from "@@/apis/table/type"
 import type { ElMessageBoxOptions } from "element-plus"
 import type { VxeFormInstance, VxeFormProps, VxeGridInstance, VxeGridProps, VxeModalInstance, VxeModalProps } from "vxe-table"
 import { deleteTableDataApi, getTableDataApi } from "@@/apis/table"
-import { ElMessage, ElMessageBox } from "element-plus"
 import { nextTick, reactive, ref } from "vue"
 import { RoleColumnSolts } from "./tsx/RoleColumnSolts"
 import { StatusColumnSolts } from "./tsx/StatusColumnSolts"
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
@@ -4,7 +4,6 @@ import type { LoginRequestData } from "./apis/type"
 import { useUserStore } from "@/pinia/stores/user"
 import ThemeSwitch from "@@/components/ThemeSwitch/index.vue"
 import { Key, Loading, Lock, Picture, User } from "@element-plus/icons-vue"
-import { ElMessage } from "element-plus"
 import { reactive, ref } from "vue"
 import { useRouter } from "vue-router"
 import { getLoginCodeApi, loginApi } from "./apis"
diff --git a/src/plugins/element-plus.ts b/src/plugins/element-plus.ts
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
@@ -1,12 +1,10 @@
 import type { App } from "vue"
-import { installElementPlus } from "./element-plus"
 import { installElementPlusIcons } from "./element-plus-icons"
 import { installPermissionDirective } from "./permission-directive"
 import { installSvgIcons } from "./svg-icons"
 import { installVxeTable } from "./vxe-table"
 
 export function installPlugins(app: App) {
-  installElementPlus(app)
   installElementPlusIcons(app)
   installPermissionDirective(app)
   installSvgIcons(app)
diff --git a/src/router/guard.ts b/src/router/guard.ts
@@ -6,7 +6,6 @@ import { isWhiteList } from "@/router/whitelist"
 import { setRouteChange } from "@@/composables/useRouteListener"
 import { useTitle } from "@@/composables/useTitle"
 import { getToken } from "@@/utils/cache/cookies"
-import { ElMessage } from "element-plus"
 import NProgress from "nprogress"
 import "nprogress/nprogress.css"
 
diff --git a/types/auto-imports.d.ts b/types/auto-imports.d.ts
diff --git a/types/components.d.ts b/types/components.d.ts
diff --git a/vite.config.ts b/vite.config.ts

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`<script lang="ts" setup>`
`2`		`-import { ElMessage } from "element-plus"`
`3`	`2`	`import screenfull from "screenfull"`
`4`	`3`	`import { computed, ref, watchEffect } from "vue"`
`5`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`import type { LoadingOptions } from "element-plus"`
`2`		`-import { ElLoading } from "element-plus"`
`3`	`2`
`4`	`3`	`interface UseFullscreenLoading {`
`5`	`4`	`<T extends (...args: Parameters<T>) => ReturnType<T>>(`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`		`-import { ElMessage } from "element-plus"`
`2`		`-`
`3`	`1`	`/** 模拟接口响应数据 */`
`4`	`2`	`const SELECT_RESPONSE_DATA = {`
`5`	`3`	`code: 0,`