perf: 完善useTagsView

kailong321200875 · kailong321200875 · commit e0c55f40d4c1 · 2023-08-13T16:41:47.000+08:00
diff --git a/src/components/TagsView/src/TagsView.vue b/src/components/TagsView/src/TagsView.vue
@@ -13,6 +13,7 @@ import { useTemplateRefsList } from '@vueuse/core'
 import { ElScrollbar } from 'element-plus'
 import { useScrollTo } from '@/hooks/event/useScrollTo'
 import { useTagsView } from '@/hooks/web/useTagsView'
+import { cloneDeep } from 'lodash-es'
 
 const { getPrefixCls } = useDesign()
 
@@ -50,7 +51,7 @@ const initTags = () => {
   for (const tag of unref(affixTagArr)) {
     // Must have tag name
     if (tag.name) {
-      tagsViewStore.addVisitedView(tag)
+      tagsViewStore.addVisitedView(cloneDeep(tag))
     }
   }
 }
diff --git a/src/hooks/web/useTagsView.ts b/src/hooks/web/useTagsView.ts
@@ -47,8 +47,8 @@ export const useTagsView = () => {
     callback?.()
   }
 
-  const setTitle = (title: string) => {
-    tagsViewStore.setTitle(title)
+  const setTitle = (title: string, path?: string) => {
+    tagsViewStore.setTitle(title, path)
   }
 
   return {
diff --git a/src/store/modules/tagsView.ts b/src/store/modules/tagsView.ts
@@ -141,9 +141,9 @@ export const useTagsViewStore = defineStore('tagsView', {
     setSelectedTag(tag: RouteLocationNormalizedLoaded) {
       this.selectedTag = tag
     },
-    setTitle(title: string) {
+    setTitle(title: string, path?: string) {
       for (const v of this.visitedViews) {
-        if (v.path === this.selectedTag?.path) {
+        if (v.path === (path ?? this.selectedTag?.path)) {
           v.meta.title = title
           break
         }
diff --git a/src/views/hooks/useTagsView.vue b/src/views/hooks/useTagsView.vue
@@ -40,16 +40,21 @@ const closeCurrentTab = () => {
 const setTabTitle = () => {
   setTitle(new Date().getTime().toString())
 }
+
+const setAnalysisTitle = () => {
+  setTitle(`分析页-${new Date().getTime().toString()}`, '/dashboard/analysis')
+}
 </script>
 
 <template>
   <ContentWrap title="useTagsView">
-    <ElButton @click="closeAllTabs"> 关闭所有标签页 </ElButton>
-    <ElButton @click="closeLeftTabs"> 关闭左侧标签页 </ElButton>
-    <ElButton @click="closeRightTabs"> 关闭右侧标签页 </ElButton>
-    <ElButton @click="closeOtherTabs"> 关闭其他标签页 </ElButton>
-    <ElButton @click="closeCurrentTab"> 关闭当前标签页 </ElButton>
-    <ElButton @click="refresh"> 刷新当前标签页 </ElButton>
-    <ElButton @click="setTabTitle"> 修改当前标题 </ElButton>
+    <ElButton type="primary" @click="closeAllTabs"> 关闭所有标签页 </ElButton>
+    <ElButton type="primary" @click="closeLeftTabs"> 关闭左侧标签页 </ElButton>
+    <ElButton type="primary" @click="closeRightTabs"> 关闭右侧标签页 </ElButton>
+    <ElButton type="primary" @click="closeOtherTabs"> 关闭其他标签页 </ElButton>
+    <ElButton type="primary" @click="closeCurrentTab"> 关闭当前标签页 </ElButton>
+    <ElButton type="primary" @click="refresh"> 刷新当前标签页 </ElButton>
+    <ElButton type="primary" @click="setTabTitle"> 修改当前标题 </ElButton>
+    <ElButton type="primary" @click="setAnalysisTitle"> 修改分析页标题 </ElButton>
   </ContentWrap>
 </template>

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,7 @@ import { useTemplateRefsList } from '@vueuse/core'`
`13`	`13`	`import { ElScrollbar } from 'element-plus'`
`14`	`14`	`import { useScrollTo } from '@/hooks/event/useScrollTo'`
`15`	`15`	`import { useTagsView } from '@/hooks/web/useTagsView'`
	`16`	`+import { cloneDeep } from 'lodash-es'`
`16`	`17`
`17`	`18`	`const { getPrefixCls } = useDesign()`
`18`	`19`
`@@ -50,7 +51,7 @@ const initTags = () => {`
`50`	`51`	`for (const tag of unref(affixTagArr)) {`
`51`	`52`	`// Must have tag name`
`52`	`53`	`if (tag.name) {`
`53`		`- tagsViewStore.addVisitedView(tag)`
	`54`	`+ tagsViewStore.addVisitedView(cloneDeep(tag))`
`54`	`55`	`}`
`55`	`56`	`}`
`56`	`57`	`}`
Original file line number	Diff line number	Diff line change
`@@ -47,8 +47,8 @@ export const useTagsView = () => {`
`47`	`47`	`callback?.()`
`48`	`48`	`}`
`49`	`49`
`50`		`- const setTitle = (title: string) => {`
`51`		`- tagsViewStore.setTitle(title)`
	`50`	`+ const setTitle = (title: string, path?: string) => {`
	`51`	`+ tagsViewStore.setTitle(title, path)`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`return {`