import { useSettingsStore } from './settings'

/**
 * @description tabsBar标签页逻辑，如无必要请勿修改
 */
export const useTabsStore = defineStore('tabs', {
  state: (): TabsModuleType => ({
    visitedRoutes: JSON.parse(localStorage.getItem('caughtRoutes') as string) || [],
    caughtRoutes: [],
  }),
  getters: {
    getVisitedRoutes: (state) => state.visitedRoutes.filter((route) => route.name !== 'Login'),
  },
  actions: {
    /**
     * @description 添加标签页
     * @param {*} route
     * @returns
     */
    addVisitedRoute(route: any) {
      const target = this.visitedRoutes.find((item: any) => item.path === route.path)
      if (target && !route.meta.dynamicNewTab) Object.assign(target, route)
      else if (!target) this.visitedRoutes.push(Object.assign({}, route))
      //应对极特殊情况：没有配置noClosable的情况，默认使当前tab不可关闭
      if (!this.visitedRoutes.find((route: any) => route.meta.noClosable)) this.visitedRoutes[0].meta.noClosable = true
    },
    /**
     * @description 删除当前标签页
     * @param {*} path
     * @returns
     */
    delVisitedRoute(path: string) {
      this.visitedRoutes = this.visitedRoutes.filter((route: any) => route.path !== path)
    },
    /**
     * @description 删除当前标签页以外其它全部标签页
     * @param {*} path
     * @returns
     */
    delOthersVisitedRoutes(path: string) {
      this.visitedRoutes = this.visitedRoutes.filter((route: any) => route.meta.noClosable || route.path === path)
    },
    /**
     * @description 删除当前标签页左边全部标签页
     * @param {*} path
     * @returns
     */
    delLeftVisitedRoutes(path: string) {
      let found = false
      this.visitedRoutes = this.visitedRoutes.filter((route: any) => {
        if (route.path === path) found = true
        return route.meta.noClosable || found
      })
    },
    /**
     * @description 删除当前标签页右边全部标签页
     * @param {*} path
     * @returns
     */
    delRightVisitedRoutes(path: string) {
      let found = false
      this.visitedRoutes = this.visitedRoutes.filter((route: any) => {
        const close = found
        if (route.path === path) found = true
        return route.meta.noClosable || !close
      })
    },
    /**
     * @description 删除全部标签页
     * @returns
     */
    delAllVisitedRoutes() {
      this.visitedRoutes = this.visitedRoutes.filter((route: any) => route.meta.noClosable)
      localStorage.setItem('caughtRoutes', JSON.stringify(this.visitedRoutes))
    },
    /**
     * @description 修改 meta
     * @param options
     */
    changeTabsMeta(options: any) {
      const handleVisitedRoutes = (visitedRoutes: any[]) => {
        return visitedRoutes.map((route: any) => {
          if (route.name === options.name || route.meta.title === options.title) Object.assign(route.meta, options.meta)
          if (route.children && route.children.length > 0) route.children = handleVisitedRoutes(route.children)
          return route
        })
      }
      this.visitedRoutes = handleVisitedRoutes(this.visitedRoutes)
    },
    /**
     * @description 缓存tab页
     */
    handleCaughtRoutes() {
      const settingsStore = useSettingsStore()
      if (settingsStore.persistenceTab) localStorage.setItem('caughtRoutes', JSON.stringify(this.visitedRoutes))
      else {
        this.caughtRoutes = []
        localStorage.removeItem('caughtRoutes')
      }
    },
    async updateVisitedRoutes(visitedRoutes: any) {
      this.visitedRoutes = []
      await this.handleCaughtRoutes()
      setTimeout(() => {
        this.visitedRoutes = [...visitedRoutes]
      }, 0)
    },
  },
})
