feat: change tagsViews

src/layout/components/TagsView/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { resolve } from 'path-browserify'
-import type { RouteRecordRaw } from 'vue-router'
+import type { RouteLocationRaw, RouteRecordRaw } from 'vue-router'
 import { useRoute, useRouter } from 'vue-router'
 
 import {
@@ -140,7 +140,7 @@ function isFirstView() {
   try {
     return (
       selectedTag.value.path === '/dashboard'
-      || selectedTag.value.fullPath === tagsViewStore.visitedViews[1].fullPath
+      || selectedTag.value.fullPath === tagsViewStore.visitedViews[1]?.fullPath
     )
   }
   catch (err) {
@@ -152,7 +152,7 @@ function isLastView() {
   try {
     return (
       selectedTag.value.fullPath
-      === tagsViewStore.visitedViews[tagsViewStore.visitedViews.length - 1].fullPath
+      === tagsViewStore.visitedViews[tagsViewStore.visitedViews.length - 1]?.fullPath
     )
   }
   catch (err) {
@@ -169,37 +169,37 @@ function refreshSelectedTag(view: TagView) {
 }
 
 function closeSelectedTag(view: TagView) {
-  tagsViewStore.delView(view).then((res: unknown) => {
+  tagsViewStore.delView(view).then((res) => {
     if (tagsViewStore.isActive(view)) {
       tagsViewStore.toLastView(res.visitedViews, view)
     }
   })
 }
 
 function closeLeftTags() {
-  tagsViewStore.delLeftViews(selectedTag.value).then((res: unknown) => {
-    if (!res.visitedViews.find((item: unknown) => item.path === route.path)) {
+  tagsViewStore.delLeftViews(selectedTag.value).then((res) => {
+    if (!res.visitedViews.find(item => item.path === route.path)) {
       tagsViewStore.toLastView(res.visitedViews)
     }
   })
 }
 function closeRightTags() {
-  tagsViewStore.delRightViews(selectedTag.value).then((res: unknown) => {
-    if (!res.visitedViews.find((item: unknown) => item.path === route.path)) {
+  tagsViewStore.delRightViews(selectedTag.value).then((res) => {
+    if (!res.visitedViews.find(item => item.path === route.path)) {
       tagsViewStore.toLastView(res.visitedViews)
     }
   })
 }
 
 function closeOtherTags() {
-  router.push(selectedTag.value)
+  router.push(selectedTag.value as RouteLocationRaw)
   tagsViewStore.delOtherViews(selectedTag.value).then(() => {
     moveToCurrentTag()
   })
 }
 
 function closeAllTags(view: TagView) {
-  tagsViewStore.delAllViews().then((res: unknown) => {
+  tagsViewStore.delAllViews().then((res) => {
     tagsViewStore.toLastView(res.visitedViews, view)
   })
 }
@@ -248,29 +248,29 @@ function handleScroll() {
   closeContentMenu()
 }
 
-function findOutermostParent(tree: unknown[], findName: string) {
-  const parentMap: unknown = {}
+function findOutermostParent(tree: ReadonlyArray<RouteRecordRaw>, findName: string) {
+  const parentMap: Record<string, RouteRecordRaw | null> = {}
 
-  function buildParentMap(node: unknown, parent: unknown) {
-    parentMap[node.name] = parent
+  function buildParentMap(node: RouteRecordRaw, parent: RouteRecordRaw | null) {
+    parentMap[node.name as string] = parent
 
     if (node.children) {
-      for (let i = 0; i < node.children.length; i++) {
-        buildParentMap(node.children[i], node)
+      for (const childItem of node.children) {
+        buildParentMap(childItem, node)
       }
     }
   }
 
-  for (let i = 0; i < tree.length; i++) {
-    buildParentMap(tree[i], null)
+  for (const treeItem of tree) {
+    buildParentMap(treeItem, null)
   }
 
   let currentNode = parentMap[findName]
   while (currentNode) {
-    if (!parentMap[currentNode.name]) {
+    if (!parentMap[currentNode.name as string]) {
       return currentNode
     }
-    currentNode = parentMap[currentNode.name]
+    currentNode = parentMap[currentNode.name as string]
   }
 
   return null
@@ -281,7 +281,7 @@ function againActiveTop(newVal: string) {
     return
   }
   const parent = findOutermostParent(permissionStore.routes, newVal)
-  if (appStore.activeTopMenu !== parent.path) {
+  if (parent?.path && appStore.activeTopMenuPath !== parent.path) {
     appStore.activeTopMenu(parent.path)
   }
 }

src/store/modules/tagsView.ts

@@ -132,7 +132,7 @@ export const useTagsViewStore = defineStore('tagsView', () => {
   }
 
   function delLeftViews(view: TagView) {
-    return new Promise<void | { visitedViews: TagView[] }>((resolve) => {
+    return new Promise<{ visitedViews: TagView[] }>((resolve) => {
       const currIndex = visitedViews.value.findIndex(
         v => v.path === view.path,
       )
@@ -157,7 +157,7 @@ export const useTagsViewStore = defineStore('tagsView', () => {
   }
 
   function delRightViews(view: TagView) {
-    return new Promise<void | { visitedViews: TagView[] }>((resolve) => {
+    return new Promise<{ visitedViews: TagView[] }>((resolve) => {
       const currIndex = visitedViews.value.findIndex(
         v => v.path === view.path,
       )

src/types/global.d.ts

@@ -1,3 +1,5 @@
+import type { LocationQueryRaw } from 'vue-router'
+
 declare global {
   /**
    * 响应数据
@@ -45,7 +47,7 @@ declare global {
     /** 是否开启缓存 */
     keepAlive?: boolean
     /** 路由查询参数 */
-    query?: unknown
+    query?: LocationQueryRaw
   }
 
   /**

vite.config.ts

@@ -3,6 +3,7 @@ import process from 'node:process'
 
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import type { PreRenderedAsset } from 'rollup'
 import UnoCSS from 'unocss/vite'
 import AutoImport from 'unplugin-auto-import/vite'
 import IconsResolver from 'unplugin-icons/resolver'
@@ -15,7 +16,6 @@ import mockDevServerPlugin from 'vite-plugin-mock-dev-server'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 // https://devtools-next.vuejs.org/
 import VueDevTools from 'vite-plugin-vue-devtools'
-import type { PreRenderedAsset } from 'rollup'
 
 import {
   dependencies,