vue-elementplus-admin/src/components/ParentView/useCache.ts

import { computed, ref, unref, ComponentInternalInstance, getCurrentInstance } from 'vue'

import { tagsViewStore, PAGE_LAYOUT_KEY } from '_@/store/modules/tagsView'

import { useRouter } from 'vue-router'

function tryTsxEmit<T extends any = ComponentInternalInstance>(
  fn: (_instance: T) => Promise<void> | void
) {
  const instance = getCurrentInstance() as any
  instance && fn.call(null, instance)
}

const ParentLayoutName = 'ParentLayout'
export function useCache(isPage: boolean) {
  const name = ref('')
  const { currentRoute } = useRouter()

  tryTsxEmit((instance) => {
    const routeName = instance.type.name
    if (routeName && ![ParentLayoutName].includes(routeName)) {
      name.value = routeName
    } else {
      const matched = currentRoute.value.matched
      const len = matched.length
      if (len < 2) return
      name.value = matched[len - 2].name as string
    }
  })

  const getCaches = computed((): string[] => {
    const cached = tagsViewStore.cachedViews

    if (isPage) {
      //  page Layout
      // not parent layout
      return (cached as any).get(PAGE_LAYOUT_KEY) || []
    }
    const cacheSet = new Set<string>()
    cacheSet.add(unref(name))

    const list = (cached as any).get(unref(name))

    if (!list) {
      return Array.from(cacheSet)
    }
    (list as string[]).forEach((item: string) => {
      cacheSet.add(item)
    })

    return Array.from(cacheSet)
  })
  return { getCaches }
}