refactor: state类型声明移动至types目录下

src/store/index.ts

@@ -1,4 +1,3 @@
-// 导入首页模块
 import useUserStore from './modules/user'
 import useAppStore from './modules/app'
 import usePermissionStore from './modules/permission'
@@ -11,7 +10,6 @@ const useStore = () => ({
     permission: usePermissionStore(),
     setting: useSettingStore(),
     tagsView: useTagsViewStore()
-
 })
 
 export default useStore

src/store/interface.ts

@@ -1,51 +0,0 @@
-import {RouteRecordRaw,RouteLocationNormalized} from "vue-router";
-
-// 接口类型声明
-export interface UserState {
-    token: string,
-    nickname: string,
-    avatar: string,
-    roles: string[],
-    perms: string[]
-}
-
-export interface AppState {
-    device: string,
-    sidebar: {
-        opened: boolean,
-        withoutAnimation: boolean
-    },
-    language:string,
-    size:string
-}
-
-export interface SettingState {
-    theme: string,
-    tagsView: boolean,
-    fixedHeader: boolean,
-    showSettings: boolean,
-    sidebarLogo: boolean
-}
-
-export interface PermissionState{
-    routes:RouteRecordRaw[]
-    addRoutes: RouteRecordRaw[]
-}
-
-export interface TagView extends Partial<RouteLocationNormalized> {
-    title?: string
-}
-
-export interface TagsViewState{
-    visitedViews: TagView[],
-    cachedViews: (string)[]
-}
-
-// 顶级类型声明
-export interface RootStateTypes {
-    user: UserState,
-    app: AppState,
-    settings: SettingState,
-    permission:PermissionState,
-    tagsView:TagsViewState
-}

src/store/modules/app.ts

@@ -1,9 +1,9 @@
-import {AppState} from "@/store/interface";
-import {localStorage} from "@/utils/storage";
-import {defineStore} from "pinia";
+import { AppState } from "@/types";
+import { localStorage } from "@/utils/storage";
+import { defineStore } from "pinia";
 import { getLanguage } from '@/lang/index'
 
- const useAppStore = defineStore({
+const useAppStore = defineStore({
     id: "app",
     state: (): AppState => ({
         device: 'desktop',
@@ -12,7 +12,7 @@ import { getLanguage } from '@/lang/index'
             withoutAnimation: false
         },
         language: getLanguage(),
-        size: localStorage.get('size')||'default'
+        size: localStorage.get('size') || 'default'
     }),
     actions: {
         toggleSidebar() {

src/store/modules/permission.ts

@@ -1,4 +1,4 @@
-import {PermissionState} from "@/store/interface";
+import {PermissionState} from "@/types";
 import {RouteRecordRaw} from 'vue-router'
 import {constantRoutes} from '@/router'
 import {listRoutes} from "@/api/system/menu";

src/store/modules/settings.ts

@@ -1,15 +1,15 @@
-import {defineStore} from "pinia";
-import {SettingState} from "@/store/interface";
+import { defineStore } from "pinia";
+import { SettingState } from "@/types";
 import defaultSettings from '../../settings'
-import {localStorage} from "@/utils/storage";
+import { localStorage } from "@/utils/storage";
 
-const {showSettings, tagsView, fixedHeader, sidebarLogo} = defaultSettings
+const { showSettings, tagsView, fixedHeader, sidebarLogo } = defaultSettings
 import variables from '@/styles/element-variables.module.scss'
 
 export const useSettingStore = defineStore({
     id: "setting",
     state: (): SettingState => ({
-        theme: localStorage.get("theme") || variables.theme ,
+        theme: localStorage.get("theme") || variables.theme,
         showSettings: showSettings,
         tagsView: localStorage.get("tagsView") != null ? localStorage.get("tagsView") : tagsView,
         fixedHeader: fixedHeader,
@@ -17,7 +17,7 @@ export const useSettingStore = defineStore({
     }),
     actions: {
         async changeSetting(payload: { key: string, value: any }) {
-            const {key, value} = payload
+            const { key, value } = payload
             switch (key) {
                 case 'theme':
                     this.theme = value

src/store/modules/tagsView.ts

@@ -1,5 +1,5 @@
 import { defineStore } from "pinia";
-import { TagsViewState } from "@/store/interface";
+import { TagsViewState } from "@/types";
 
 const useTagsViewStore = defineStore({
     id: "tagsView",

src/store/modules/user.ts

@@ -1,8 +1,8 @@
 import { defineStore } from "pinia";
-import { UserState } from "@/store/interface";
+import { LoginFormData, UserState } from "@/types";
 import { localStorage } from "@/utils/storage";
-import { login, logout } from "@/api/login";
 import { resetRouter } from "@/router";
+import { login, logout } from "@/api/login";
 import { getUserInfo } from "@/api/system/user";
 
 const useUserStore = defineStore({
@@ -26,7 +26,7 @@ const useUserStore = defineStore({
          *  code: 验证码
          *  uuid: 匹配正确验证码的 key
          */
-        login(userInfo: { username: string, password: string, code: string, uuid: string }) {
+        login(userInfo: LoginFormData) {
             const { username, password, code, uuid } = userInfo
             return new Promise((resolve, reject) => {
                 login(