import type { MultiTabsSetting } from '/#/config';



import { computed } from 'vue';



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



export function useMultipleTabSetting() {

  const appStore = useAppStore();



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



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



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



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



  // 获取标签页样式

  const getTabsTheme = computed(() => appStore.getMultiTabsSetting.theme);



  function setMultipleTabSetting(multiTabsSetting: Partial<MultiTabsSetting>) {

    appStore.setProjectConfig({ multiTabsSetting });

  }

  return {

    setMultipleTabSetting,

    getShowMultipleTab,

    getShowQuick,

    getShowRedo,

    getShowFold,

    getTabsTheme,

  };

}