78 lines
3.3 KiB
TypeScript
78 lines
3.3 KiB
TypeScript
import router from '@/routers'
|
|
import { defineStore } from 'pinia'
|
|
import { getUrlWithParams } from '@/utils'
|
|
import { useKeepAliveStore } from './keepAlive'
|
|
import type { TabsMenuProps, TabsState } from '@/stores/interface'
|
|
import { TABS_STORE_KEY } from '@/stores/constant'
|
|
|
|
const keepAliveStore = useKeepAliveStore()
|
|
|
|
export const useTabsStore = defineStore(TABS_STORE_KEY, {
|
|
state: (): TabsState => ({
|
|
tabsMenuList: []
|
|
}),
|
|
actions: {
|
|
// Add Tabs
|
|
async addTabs(tabItem: TabsMenuProps) {
|
|
if (this.tabsMenuList.every(item => item.path !== tabItem.path)) {
|
|
if (tabItem?.unshift) {
|
|
this.tabsMenuList.unshift(tabItem)
|
|
} else {
|
|
this.tabsMenuList.push(tabItem)
|
|
}
|
|
}
|
|
if (!keepAliveStore.keepAliveName.includes(tabItem.name) && tabItem.isKeepAlive) {
|
|
await keepAliveStore.addKeepAliveName(tabItem.name)
|
|
}
|
|
},
|
|
// Remove Tabs
|
|
async removeTabs(tabPath: string, isCurrent: boolean = true) {
|
|
if (isCurrent) {
|
|
this.tabsMenuList.forEach((item, index) => {
|
|
if (item.path !== tabPath) return
|
|
const nextTab = this.tabsMenuList[index + 1] || this.tabsMenuList[index - 1]
|
|
if (!nextTab) return
|
|
router.push(nextTab.path)
|
|
})
|
|
}
|
|
this.tabsMenuList = this.tabsMenuList.filter(item => item.path !== tabPath)
|
|
// remove keepalive
|
|
const tabItem = this.tabsMenuList.find(item => item.path === tabPath)
|
|
tabItem?.isKeepAlive && (await keepAliveStore.removeKeepAliveName(tabItem.name))
|
|
},
|
|
// Close Tabs On Side
|
|
async closeTabsOnSide(path: string, type: 'left' | 'right') {
|
|
const currentIndex = this.tabsMenuList.findIndex(item => item.path === path)
|
|
if (currentIndex !== -1) {
|
|
const range = type === 'left' ? [0, currentIndex] : [currentIndex + 1, this.tabsMenuList.length]
|
|
this.tabsMenuList = this.tabsMenuList.filter((item, index) => {
|
|
return index < range[0] || index >= range[1] || !item.close
|
|
})
|
|
}
|
|
// set keepalive
|
|
const KeepAliveList = this.tabsMenuList.filter(item => item.isKeepAlive)
|
|
await keepAliveStore.setKeepAliveName(KeepAliveList.map(item => item.name))
|
|
},
|
|
// Close MultipleTab
|
|
async closeMultipleTab(tabsMenuValue?: string) {
|
|
this.tabsMenuList = this.tabsMenuList.filter(item => {
|
|
return item.path === tabsMenuValue || !item.close
|
|
})
|
|
// set keepalive
|
|
const KeepAliveList = this.tabsMenuList.filter(item => item.isKeepAlive)
|
|
await keepAliveStore.setKeepAliveName(KeepAliveList.map(item => item.name))
|
|
},
|
|
// Set Tabs
|
|
async setTabs(tabsMenuList: TabsMenuProps[]) {
|
|
this.tabsMenuList = tabsMenuList
|
|
},
|
|
// Set Tabs Title
|
|
async setTabsTitle(title: string) {
|
|
this.tabsMenuList.forEach(item => {
|
|
if (item.path == getUrlWithParams()) item.title = title
|
|
})
|
|
}
|
|
}
|
|
// persist: piniaPersistConfig(TABS_STORE_KEY)
|
|
})
|