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';
|
vben
authored
|
11
12
|
export function baseHandler(event: HandlerEnum, value: any) {
|
Vben
authored
|
13
|
const appStore = useAppStore();
|
vben
authored
|
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();
}
|
vben
authored
|
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();
|
vben
authored
|
26
27
28
29
|
switch (event) {
case HandlerEnum.CHANGE_LAYOUT:
const { mode, type, split } = value;
const splitOpt = split === undefined ? { split } : {};
|
vben
authored
|
30
|
|
vben
authored
|
31
32
33
34
35
36
|
return {
menuSetting: {
mode,
type,
collapsed: false,
show: true,
|
vben
authored
|
37
|
hidden: false,
|
vben
authored
|
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
|
|
vben
authored
|
58
|
case HandlerEnum.MENU_HAS_DRAG:
|
vben
authored
|
59
|
return { menuSetting: { canDrag: value } };
|
vben
authored
|
60
61
|
case HandlerEnum.MENU_ACCORDION:
|
vben
authored
|
62
63
|
return { menuSetting: { accordion: value } };
|
vben
authored
|
64
|
case HandlerEnum.MENU_TRIGGER:
|
vben
authored
|
65
66
|
return { menuSetting: { trigger: value } };
|
vben
authored
|
67
|
case HandlerEnum.MENU_TOP_ALIGN:
|
vben
authored
|
68
69
|
return { menuSetting: { topMenuAlign: value } };
|
vben
authored
|
70
|
case HandlerEnum.MENU_COLLAPSED:
|
vben
authored
|
71
72
|
return { menuSetting: { collapsed: value } };
|
vben
authored
|
73
|
case HandlerEnum.MENU_WIDTH:
|
vben
authored
|
74
75
|
return { menuSetting: { menuWidth: value } };
|
vben
authored
|
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 } };
|
vben
authored
|
82
|
case HandlerEnum.MENU_THEME:
|
vben
authored
|
83
|
updateSidebarBgColor(value);
|
vben
authored
|
84
85
|
return { menuSetting: { bgColor: value } };
|
vben
authored
|
86
|
case HandlerEnum.MENU_SPLIT:
|
vben
authored
|
87
|
return { menuSetting: { split: value } };
|
vben
authored
|
88
|
|
vben
authored
|
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 } };
|
无木成林
authored
|
94
95
96
|
case HandlerEnum.MENU_TRIGGER_MIX_SIDEBAR:
return { menuSetting: { mixSideTrigger: value } };
|
vben
authored
|
97
98
|
case HandlerEnum.MENU_FIXED_MIX_SIDEBAR:
|
vben
authored
|
99
|
return { menuSetting: { mixSideFixed: value } };
|
vben
authored
|
100
|
|
vben
authored
|
101
|
// ============transition==================
|
vben
authored
|
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
|
|
vben
authored
|
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
|
|
vben
authored
|
116
|
case HandlerEnum.LOCK_TIME:
|
vben
authored
|
117
118
|
return { lockTime: value };
|
vben
authored
|
119
|
case HandlerEnum.FULL_CONTENT:
|
vben
authored
|
120
121
|
return { fullContent: value };
|
vben
authored
|
122
|
case HandlerEnum.CONTENT_MODE:
|
vben
authored
|
123
124
|
return { contentMode: value };
|
vben
authored
|
125
|
case HandlerEnum.SHOW_BREADCRUMB:
|
vben
authored
|
126
127
|
return { showBreadCrumb: value };
|
vben
authored
|
128
|
case HandlerEnum.SHOW_BREADCRUMB_ICON:
|
vben
authored
|
129
130
|
return { showBreadCrumbIcon: value };
|
vben
authored
|
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 };
|
vben
authored
|
138
139
|
case HandlerEnum.COLOR_WEAK:
updateColorWeak(value);
|
vben
authored
|
140
141
|
return { colorWeak: value };
|
vben
authored
|
142
|
case HandlerEnum.SHOW_LOGO:
|
vben
authored
|
143
144
145
|
return { showLogo: value };
// ============tabs==================
|
vben
authored
|
146
|
case HandlerEnum.TABS_SHOW_QUICK:
|
vben
authored
|
147
148
|
return { multiTabsSetting: { showQuick: value } };
|
vben
authored
|
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==================
|
vben
authored
|
159
|
case HandlerEnum.HEADER_THEME:
|
vben
authored
|
160
|
updateHeaderBgColor(value);
|
vben
authored
|
161
162
|
return { headerSetting: { bgColor: value } };
|
vben
authored
|
163
164
165
|
case HandlerEnum.HEADER_SEARCH:
return { headerSetting: { showSearch: value } };
|
vben
authored
|
166
|
case HandlerEnum.HEADER_FIXED:
|
vben
authored
|
167
168
|
return { headerSetting: { fixed: value } };
|
vben
authored
|
169
|
case HandlerEnum.HEADER_SHOW:
|
vben
authored
|
170
|
return { headerSetting: { show: value } };
|
vben
authored
|
171
172
173
174
|
default:
return {};
}
}
|