Blame view

src/layouts/default/setting/handler.ts 5.01 KB
vben authored
1
import { HandlerEnum } from './enum';
vben authored
2
3
4
5
import { updateHeaderBgColor, updateSidebarBgColor } from '/@/logics/theme/updateBackground';
import { updateColorWeak } from '/@/logics/theme/updateColorWeak';
import { updateGrayMode } from '/@/logics/theme/updateGrayMode';
Vben authored
6
import { useAppStore } from '/@/store/modules/app';
Vben authored
7
import { ProjectConfig } from '/#/config';
vben authored
8
import { changeTheme } from '/@/logics/theme';
Vben authored
9
import { updateDarkTheme } from '/@/logics/theme/dark';
vben authored
10
import { useRootSetting } from '/@/hooks/setting/useRootSetting';
11
12

export function baseHandler(event: HandlerEnum, value: any) {
Vben authored
13
  const appStore = useAppStore();
14
  const config = handler(event, value);
Vben authored
15
  appStore.setProjectConfig(config);
Vben authored
16
17
18
19
  if (event === HandlerEnum.CHANGE_THEME) {
    updateHeaderBgColor();
    updateSidebarBgColor();
  }
20
21
22
}

export function handler(event: HandlerEnum, value: any): DeepPartial<ProjectConfig> {
Vben authored
23
24
  const appStore = useAppStore();
Vben authored
25
  const { getThemeColor, getDarkMode } = useRootSetting();
26
27
28
29
  switch (event) {
    case HandlerEnum.CHANGE_LAYOUT:
      const { mode, type, split } = value;
      const splitOpt = split === undefined ? { split } : {};
vben authored
30
31
32
33
34
35
36
      return {
        menuSetting: {
          mode,
          type,
          collapsed: false,
          show: true,
37
          hidden: false,
38
39
40
41
          ...splitOpt,
        },
      };
vben authored
42
43
44
45
46
    case HandlerEnum.CHANGE_THEME_COLOR:
      if (getThemeColor.value === value) {
        return {};
      }
      changeTheme(value);
Vben authored
47
vben authored
48
49
      return { themeColor: value };
Vben authored
50
51
52
53
54
55
    case HandlerEnum.CHANGE_THEME:
      if (getDarkMode.value === value) {
        return {};
      }
      updateDarkTheme(value);
Vben authored
56
      return {};
Vben authored
57
58
    case HandlerEnum.MENU_HAS_DRAG:
59
      return { menuSetting: { canDrag: value } };
60
61

    case HandlerEnum.MENU_ACCORDION:
vben authored
62
63
      return { menuSetting: { accordion: value } };
64
    case HandlerEnum.MENU_TRIGGER:
vben authored
65
66
      return { menuSetting: { trigger: value } };
67
    case HandlerEnum.MENU_TOP_ALIGN:
vben authored
68
69
      return { menuSetting: { topMenuAlign: value } };
70
    case HandlerEnum.MENU_COLLAPSED:
vben authored
71
72
      return { menuSetting: { collapsed: value } };
73
    case HandlerEnum.MENU_WIDTH:
vben authored
74
75
      return { menuSetting: { menuWidth: value } };
76
    case HandlerEnum.MENU_SHOW_SIDEBAR:
vben authored
77
78
      return { menuSetting: { show: value } };
vben authored
79
80
81
    case HandlerEnum.MENU_COLLAPSED_SHOW_TITLE:
      return { menuSetting: { collapsedShowTitle: value } };
82
    case HandlerEnum.MENU_THEME:
83
      updateSidebarBgColor(value);
vben authored
84
85
      return { menuSetting: { bgColor: value } };
86
    case HandlerEnum.MENU_SPLIT:
87
      return { menuSetting: { split: value } };
vben authored
88
89
90
    case HandlerEnum.MENU_CLOSE_MIX_SIDEBAR_ON_CHANGE:
      return { menuSetting: { closeMixSidebarOnChange: value } };
vben authored
91
92
93

    case HandlerEnum.MENU_FIXED:
      return { menuSetting: { fixed: value } };
94
95
96

    case HandlerEnum.MENU_TRIGGER_MIX_SIDEBAR:
      return { menuSetting: { mixSideTrigger: value } };
97
98

    case HandlerEnum.MENU_FIXED_MIX_SIDEBAR:
vben authored
99
      return { menuSetting: { mixSideFixed: value } };
vben authored
100
vben authored
101
    // ============transition==================
102
    case HandlerEnum.OPEN_PAGE_LOADING:
Vben authored
103
      appStore.setPageLoading(false);
vben authored
104
105
106
107
      return { transitionSetting: { openPageLoading: value } };

    case HandlerEnum.ROUTER_TRANSITION:
      return { transitionSetting: { basicTransition: value } };
vben authored
108
109
    case HandlerEnum.OPEN_ROUTE_TRANSITION:
vben authored
110
      return { transitionSetting: { enable: value } };
vben authored
111
vben authored
112
113
114
    case HandlerEnum.OPEN_PROGRESS:
      return { transitionSetting: { openNProgress: value } };
    // ============root==================
vben authored
115
116
    case HandlerEnum.LOCK_TIME:
vben authored
117
118
      return { lockTime: value };
119
    case HandlerEnum.FULL_CONTENT:
vben authored
120
121
      return { fullContent: value };
122
    case HandlerEnum.CONTENT_MODE:
vben authored
123
124
      return { contentMode: value };
125
    case HandlerEnum.SHOW_BREADCRUMB:
vben authored
126
127
      return { showBreadCrumb: value };
128
    case HandlerEnum.SHOW_BREADCRUMB_ICON:
vben authored
129
130
      return { showBreadCrumbIcon: value };
131
132
    case HandlerEnum.GRAY_MODE:
      updateGrayMode(value);
vben authored
133
134
135
136
137
      return { grayMode: value };

    case HandlerEnum.SHOW_FOOTER:
      return { showFooter: value };
138
139
    case HandlerEnum.COLOR_WEAK:
      updateColorWeak(value);
vben authored
140
141
      return { colorWeak: value };
142
    case HandlerEnum.SHOW_LOGO:
vben authored
143
144
145
      return { showLogo: value };

    // ============tabs==================
146
    case HandlerEnum.TABS_SHOW_QUICK:
vben authored
147
148
      return { multiTabsSetting: { showQuick: value } };
149
    case HandlerEnum.TABS_SHOW:
vben authored
150
      return { multiTabsSetting: { show: value } };
vben authored
151
vben authored
152
153
    case HandlerEnum.TABS_SHOW_REDO:
      return { multiTabsSetting: { showRedo: value } };
vben authored
154
vben authored
155
156
157
    case HandlerEnum.TABS_SHOW_FOLD:
      return { multiTabsSetting: { showFold: value } };
vben authored
158
    // ============header==================
159
    case HandlerEnum.HEADER_THEME:
160
      updateHeaderBgColor(value);
vben authored
161
162
      return { headerSetting: { bgColor: value } };
vben authored
163
164
165
    case HandlerEnum.HEADER_SEARCH:
      return { headerSetting: { showSearch: value } };
166
    case HandlerEnum.HEADER_FIXED:
vben authored
167
168
      return { headerSetting: { fixed: value } };
169
    case HandlerEnum.HEADER_SHOW:
vben authored
170
      return { headerSetting: { show: value } };
171
172
173
174
    default:
      return {};
  }
}