版本更新至2.11.5

Ben Lin

2024-06-18 ebbd788fbb2c0b45d4473798efc57eec8ba74a25

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
import type { HeaderSetting } from '#/config';
 
import { computed, unref } from 'vue';
 
import { useAppStore } from '@/store/modules/app';
 
import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
import { useRootSetting } from '@/hooks/setting/useRootSetting';
import { useFullContent } from '@/hooks/web/useFullContent';
import { MenuModeEnum } from '@/enums/menuEnum';
 
export function useHeaderSetting() {
  const { getFullContent } = useFullContent();
  const appStore = useAppStore();
 
  const getShowFullHeaderRef = computed(() => {
    return (
      !unref(getFullContent) &&
      unref(getShowMixHeaderRef) &&
      unref(getShowHeader) &&
      !unref(getIsTopMenu) &&
      !unref(getIsMixSidebar)
    );
  });
 
  const getUnFixedAndFull = computed(() => !unref(getFixed) && !unref(getShowFullHeaderRef));
 
  const getShowInsetHeaderRef = computed(() => {
    const need = !unref(getFullContent) && unref(getShowHeader);
    return (
      (need && !unref(getShowMixHeaderRef)) ||
      (need && unref(getIsTopMenu)) ||
      (need && unref(getIsMixSidebar))
    );
  });
 
  const {
    getMenuMode,
    getSplit,
    getShowHeaderTrigger,
    getIsSidebarType,
    getIsMixSidebar,
    getIsTopMenu,
  } = useMenuSetting();
  const { getShowBreadCrumb, getShowLogo } = useRootSetting();
 
  const getShowMixHeaderRef = computed(() => !unref(getIsSidebarType) && unref(getShowHeader));
 
  const getShowDoc = computed(() => appStore.getHeaderSetting.showDoc);
 
  const getShowApi = computed(() => appStore.getHeaderSetting.showApi);
 
  const getHeaderTheme = computed(() => appStore.getHeaderSetting.theme);
 
  const getShowHeader = computed(() => appStore.getHeaderSetting.show);
 
  const getFixed = computed(() => appStore.getHeaderSetting.fixed);
 
  const getHeaderBgColor = computed(() => appStore.getHeaderSetting.bgColor);
 
  const getShowSearch = computed(() => appStore.getHeaderSetting.showSearch);
 
  const getUseLockPage = computed(() => appStore.getHeaderSetting.useLockPage);
 
  const getShowFullScreen = computed(() => appStore.getHeaderSetting.showFullScreen);
 
  const getShowNotice = computed(() => appStore.getHeaderSetting.showNotice);
 
  const getShowBread = computed(() => {
    return (
      unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && unref(getShowBreadCrumb) && !unref(getSplit)
    );
  });
 
  const getShowHeaderLogo = computed(() => {
    return unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar);
  });
 
  const getShowContent = computed(() => {
    return unref(getShowBread) || unref(getShowHeaderTrigger);
  });
 
  // Set header configuration
  function setHeaderSetting(headerSetting: Partial<HeaderSetting>) {
    appStore.setProjectConfig({ headerSetting });
  }
  return {
    setHeaderSetting,
 
    getShowDoc,
    getShowApi,
    getShowSearch,
    getHeaderTheme,
    getUseLockPage,
    getShowFullScreen,
    getShowNotice,
    getShowBread,
    getShowContent,
    getShowHeaderLogo,
    getShowHeader,
    getFixed,
    getShowMixHeaderRef,
    getShowFullHeaderRef,
    getShowInsetHeaderRef,
    getUnFixedAndFull,
    getHeaderBgColor,
  };
}