From 20cc0885d78260963a937515fa4f8b1ac710afa9 Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Fri, 29 Nov 2024 11:48:04 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E8=87=AA=E5=8A=A8=E6=8C=89?=
 =?UTF-8?q?=E9=9C=80=E5=AF=BC=E5=85=A5=20pinia=20api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/NavigationBar/index.vue |  1 -
 src/layouts/components/Settings/index.vue      |  1 -
 src/layouts/index.vue                          |  1 -
 src/layouts/modes/LeftMode.vue                 |  1 -
 src/layouts/modes/LeftTopMode.vue              |  1 -
 src/layouts/modes/TopMode.vue                  |  1 -
 src/pinia/index.ts                             |  2 --
 src/pinia/stores/app.ts                        |  1 -
 src/pinia/stores/permission.ts                 |  1 -
 src/pinia/stores/settings.ts                   |  1 -
 src/pinia/stores/tags-view.ts                  |  1 -
 src/pinia/stores/user.ts                       |  1 -
 types/auto/auto-imports.d.ts                   | 12 ++++++++++++
 vite.config.ts                                 |  2 +-
 14 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/layouts/components/NavigationBar/index.vue b/src/layouts/components/NavigationBar/index.vue
index f1432dd..aea516e 100644
--- a/src/layouts/components/NavigationBar/index.vue
+++ b/src/layouts/components/NavigationBar/index.vue
@@ -9,7 +9,6 @@ import ThemeSwitch from "@@/components/ThemeSwitch/index.vue"
 import { useDevice } from "@@/composables/useDevice"
 import { useLayoutMode } from "@@/composables/useLayoutMode"
 import { UserFilled } from "@element-plus/icons-vue"
-import { storeToRefs } from "pinia"
 import { Breadcrumb, Hamburger, Sidebar } from "../index"
 
 const { isMobile } = useDevice()
diff --git a/src/layouts/components/Settings/index.vue b/src/layouts/components/Settings/index.vue
index edaed97..4ba4bc6 100644
--- a/src/layouts/components/Settings/index.vue
+++ b/src/layouts/components/Settings/index.vue
@@ -3,7 +3,6 @@ import { useSettingsStore } from "@/pinia/stores/settings"
 import { useLayoutMode } from "@@/composables/useLayoutMode"
 import { removeLayoutsConfig } from "@@/utils/cache/local-storage"
 import { Refresh } from "@element-plus/icons-vue"
-import { storeToRefs } from "pinia"
 import SelectLayoutMode from "./SelectLayoutMode.vue"
 
 const { isLeft } = useLayoutMode()
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index 1278db3..78eae93 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -4,7 +4,6 @@ import { useDevice } from "@@/composables/useDevice"
 import { useLayoutMode } from "@@/composables/useLayoutMode"
 import { useWatermark } from "@@/composables/useWatermark"
 import { getCssVar, setCssVar } from "@@/utils/css"
-import { storeToRefs } from "pinia"
 import { RightPanel, Settings } from "./components"
 import { useResize } from "./composables/useResize"
 import LeftMode from "./modes/LeftMode.vue"
diff --git a/src/layouts/modes/LeftMode.vue b/src/layouts/modes/LeftMode.vue
index 8285f03..607000d 100644
--- a/src/layouts/modes/LeftMode.vue
+++ b/src/layouts/modes/LeftMode.vue
@@ -3,7 +3,6 @@ import { useAppStore } from "@/pinia/stores/app"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { useDevice } from "@@/composables/useDevice"
 import { useLayoutMode } from "@@/composables/useLayoutMode"
-import { storeToRefs } from "pinia"
 import { AppMain, NavigationBar, Sidebar, TagsView } from "../components"
 
 const { isMobile } = useDevice()
diff --git a/src/layouts/modes/LeftTopMode.vue b/src/layouts/modes/LeftTopMode.vue
index 0dcc626..2e8cf69 100644
--- a/src/layouts/modes/LeftTopMode.vue
+++ b/src/layouts/modes/LeftTopMode.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import { useAppStore } from "@/pinia/stores/app"
 import { useSettingsStore } from "@/pinia/stores/settings"
-import { storeToRefs } from "pinia"
 import { AppMain, Logo, NavigationBar, Sidebar, TagsView } from "../components"
 
 const appStore = useAppStore()
diff --git a/src/layouts/modes/TopMode.vue b/src/layouts/modes/TopMode.vue
index 75feaf5..4d5bfe5 100644
--- a/src/layouts/modes/TopMode.vue
+++ b/src/layouts/modes/TopMode.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { useSettingsStore } from "@/pinia/stores/settings"
-import { storeToRefs } from "pinia"
 import { AppMain, Logo, NavigationBar, TagsView } from "../components"
 
 const settingsStore = useSettingsStore()
diff --git a/src/pinia/index.ts b/src/pinia/index.ts
index 06ef215..8359d2b 100644
--- a/src/pinia/index.ts
+++ b/src/pinia/index.ts
@@ -1,3 +1 @@
-import { createPinia } from "pinia"
-
 export const pinia = createPinia()
diff --git a/src/pinia/stores/app.ts b/src/pinia/stores/app.ts
index c8736a8..ee4b445 100644
--- a/src/pinia/stores/app.ts
+++ b/src/pinia/stores/app.ts
@@ -1,7 +1,6 @@
 import { pinia } from "@/pinia"
 import { DeviceEnum, SIDEBAR_CLOSED, SIDEBAR_OPENED } from "@@/constants/app-key"
 import { getSidebarStatus, setSidebarStatus } from "@@/utils/cache/local-storage"
-import { defineStore } from "pinia"
 
 interface Sidebar {
   opened: boolean
diff --git a/src/pinia/stores/permission.ts b/src/pinia/stores/permission.ts
index 05def1a..c78eaac 100644
--- a/src/pinia/stores/permission.ts
+++ b/src/pinia/stores/permission.ts
@@ -3,7 +3,6 @@ import { pinia } from "@/pinia"
 import { constantRoutes, dynamicRoutes } from "@/router"
 import { routerConfig } from "@/router/config"
 import { flatMultiLevelRoutes } from "@/router/helper"
-import { defineStore } from "pinia"
 
 function hasPermission(roles: string[], route: RouteRecordRaw) {
   const routeRoles = route.meta?.roles
diff --git a/src/pinia/stores/settings.ts b/src/pinia/stores/settings.ts
index 75a14d1..a6a3425 100644
--- a/src/pinia/stores/settings.ts
+++ b/src/pinia/stores/settings.ts
@@ -3,7 +3,6 @@ import type { Ref } from "vue"
 import { layoutsConfig } from "@/layouts/config"
 import { pinia } from "@/pinia"
 import { setLayoutsConfig } from "@@/utils/cache/local-storage"
-import { defineStore } from "pinia"
 
 type SettingsStore = {
   // 使用映射类型来遍历 LayoutsConfig 对象的键
diff --git a/src/pinia/stores/tags-view.ts b/src/pinia/stores/tags-view.ts
index 315409f..6e51d24 100644
--- a/src/pinia/stores/tags-view.ts
+++ b/src/pinia/stores/tags-view.ts
@@ -1,7 +1,6 @@
 import type { RouteLocationNormalized } from "vue-router"
 import { pinia } from "@/pinia"
 import { getCachedViews, getVisitedViews, setCachedViews, setVisitedViews } from "@@/utils/cache/local-storage"
-import { defineStore } from "pinia"
 import { useSettingsStore } from "./settings"
 
 export type TagView = Partial<RouteLocationNormalized>
diff --git a/src/pinia/stores/user.ts b/src/pinia/stores/user.ts
index a57fb82..cf198b9 100644
--- a/src/pinia/stores/user.ts
+++ b/src/pinia/stores/user.ts
@@ -3,7 +3,6 @@ import { resetRouter } from "@/router"
 import { routerConfig } from "@/router/config"
 import { getUserInfoApi } from "@@/apis/user"
 import { setToken as _setToken, getToken, removeToken } from "@@/utils/cache/cookies"
-import { defineStore } from "pinia"
 import { useSettingsStore } from "./settings"
 import { useTagsViewStore } from "./tags-view"
 
diff --git a/types/auto/auto-imports.d.ts b/types/auto/auto-imports.d.ts
index 4267550..f48310e 100644
--- a/types/auto/auto-imports.d.ts
+++ b/types/auto/auto-imports.d.ts
@@ -11,12 +11,16 @@ declare global {
   const ElMessage: typeof import('element-plus/es')['ElMessage']
   const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
   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']
+  const createPinia: typeof import('pinia')['createPinia']
   const customRef: typeof import('vue')['customRef']
   const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
   const defineComponent: typeof import('vue')['defineComponent']
+  const defineStore: typeof import('pinia')['defineStore']
   const effectScope: typeof import('vue')['effectScope']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
   const h: typeof import('vue')['h']
@@ -25,6 +29,11 @@ declare global {
   const isReactive: typeof import('vue')['isReactive']
   const isReadonly: typeof import('vue')['isReadonly']
   const isRef: typeof import('vue')['isRef']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
   const markRaw: typeof import('vue')['markRaw']
   const nextTick: typeof import('vue')['nextTick']
   const onActivated: typeof import('vue')['onActivated']
@@ -48,9 +57,12 @@ declare global {
   const readonly: typeof import('vue')['readonly']
   const ref: typeof import('vue')['ref']
   const resolveComponent: typeof import('vue')['resolveComponent']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
   const shallowReactive: typeof import('vue')['shallowReactive']
   const shallowReadonly: typeof import('vue')['shallowReadonly']
   const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
   const toRaw: typeof import('vue')['toRaw']
   const toRef: typeof import('vue')['toRef']
   const toRefs: typeof import('vue')['toRefs']
diff --git a/vite.config.ts b/vite.config.ts
index bdbdefd..d05b116 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -103,7 +103,7 @@ export default defineConfig(({ mode }) => {
       UnoCSS(),
       // 自动按需导入 API
       AutoImport({
-        imports: ["vue", "vue-router"],
+        imports: ["vue", "vue-router", "pinia"],
         dts: "types/auto/auto-imports.d.ts",
         resolvers: [ElementPlusResolver()]
       }),