create-iking-admin/template-micro/iking-main-admin/src/global/hooks/setting/useMultipleTabSetting.ts

金合技术中台脚手架

/*
 * @Author: wfl
 * @LastEditors: wfl
 * @description:
 * @updateInfo:
 * @Date: 2022-08-30 11:23:48
 * @LastEditTime: 2022-10-08 14:27:26
 */
import type { MultiTabsSetting } from '@t/config';

import { computed } from 'vue';

import { useAppStore } from '@/global/store/modules/app';

export function useMultipleTabSetting() {
  const appStore = useAppStore();

  const getShowMultipleTab = computed(() => appStore.getMultiTabsSetting.show);

  const getCachedTab = computed(() => appStore.getMultiTabsSetting.cache);

  const getShowQuick = computed(() => appStore.getMultiTabsSetting.showQuick);

  const getShowRedo = computed(() => appStore.getMultiTabsSetting.showRedo);

  const getShowFold = computed(() => appStore.getMultiTabsSetting.showFold);

  function setMultipleTabSetting(multiTabsSetting: Partial<MultiTabsSetting>) {
    appStore.setProjectConfig({ multiTabsSetting });
  }
  return {
    setMultipleTabSetting,
    getShowMultipleTab,
    getShowQuick,
    getShowRedo,
    getShowFold,
    getCachedTab,
  };
}