create-iking-admin/template-v2/main-app/store/modules/iframe.ts

金合技术中台脚手架

import useSettingsStore from './settings'
import type { Iframe } from '#/global'

const useIframeStore = defineStore(
  // 唯一ID
  'iframe',
  () => {
    const settingsStore = useSettingsStore()

    const isGenerate = ref(false)
    const list = ref<Iframe.recordRaw[]>([])
    const recentPathList = ref<Iframe.recordRaw['path'][]>([])
    const openedList = computed(() => list.value.filter(item => item.isOpen))

    // 生成 iframe 列表
    function generateList(val?: Iframe.recordRaw[]) {
      if (val) {
        list.value = val
      }
      isGenerate.value = true
    }
    // 关闭加载状态
    function closeLoading(path: string) {
      const index = list.value.findIndex(item => item.path === path)
      if (index > -1) {
        list.value[index].isLoading = false
      }
    }
    // 打开 iframe
    function open(path: string) {
      const item = list.value.find(item => item.path === path)
      if (item) {
        item.isOpen = true
        const index = recentPathList.value.findIndex(item => item === path)
        if (index > -1) {
          recentPathList.value.splice(0, 0, recentPathList.value[index])
          recentPathList.value.splice(index + 1, 1)
        }
        else {
          recentPathList.value.unshift(path)
        }
      }
      // 最大缓存数量检测，超过缓存数量则关闭最早打开的 iframe
      let count = 0
      recentPathList.value.forEach((item) => {
        if (list.value.find(v => v.path === item)?.isOpen) {
          count++
        }
        if (count > settingsStore.settings.mainPage.iframeCacheMax) {
          const index = list.value.findIndex(v => v.path === item)
          if (index > -1) {
            list.value[index].isOpen = false
            list.value[index].isLoading = true
          }
        }
      })
    }
    // 关闭 iframe
    function close(path: string | string[]) {
      if (typeof path === 'string') {
        const index = list.value.findIndex(item => item.path === path)
        if (index > -1) {
          list.value[index].isOpen = false
          list.value[index].isLoading = true
        }
        recentPathList.value = recentPathList.value.filter(item => item !== path)
      }
      else {
        path.forEach((item) => {
          const index = list.value.findIndex(v => v.path === item)
          if (index > -1) {
            list.value[index].isOpen = false
            list.value[index].isLoading = true
          }
          recentPathList.value = recentPathList.value.filter(v => v !== item)
        })
      }
    }

    return {
      isGenerate,
      openedList,
      generateList,
      closeLoading,
      open,
      close,
    }
  },
)

export default useIframeStore