vben
5 years ago
25 changed files with 455 additions and 400 deletions
@ -0,0 +1,104 @@ |
|||
import { ContentEnum, RouterTransitionEnum } from '/@/enums/appEnum'; |
|||
import { MenuThemeEnum, TopMenuAlignEnum, TriggerEnum } from '/@/enums/menuEnum'; |
|||
|
|||
export enum HandlerEnum { |
|||
CHANGE_LAYOUT, |
|||
// menu
|
|||
MENU_HAS_DRAG, |
|||
MENU_ACCORDION, |
|||
MENU_TRIGGER, |
|||
MENU_TOP_ALIGN, |
|||
MENU_COLLAPSED, |
|||
MENU_COLLAPSED_SHOW_TITLE, |
|||
MENU_WIDTH, |
|||
MENU_SHOW_SIDEBAR, |
|||
MENU_THEME, |
|||
MENU_SPLIT, |
|||
MENU_SHOW_SEARCH, |
|||
|
|||
// header
|
|||
HEADER_SHOW, |
|||
HEADER_THEME, |
|||
HEADER_FIXED, |
|||
|
|||
TABS_SHOW_QUICK, |
|||
TABS_SHOW, |
|||
TABS_SHOW_ICON, |
|||
|
|||
OPEN_PAGE_LOADING, |
|||
OPEN_ROUTE_TRANSITION, |
|||
ROUTER_TRANSITION, |
|||
LOCK_TIME, |
|||
FULL_CONTENT, |
|||
CONTENT_MODE, |
|||
SHOW_BREADCRUMB, |
|||
SHOW_BREADCRUMB_ICON, |
|||
GRAY_MODE, |
|||
COLOR_WEAK, |
|||
SHOW_LOGO, |
|||
} |
|||
|
|||
export const themeOptions = [ |
|||
{ |
|||
value: MenuThemeEnum.LIGHT, |
|||
label: '亮色', |
|||
}, |
|||
{ |
|||
value: MenuThemeEnum.DARK, |
|||
label: '暗色', |
|||
}, |
|||
]; |
|||
|
|||
export const contentModeOptions = [ |
|||
{ |
|||
value: ContentEnum.FULL, |
|||
label: '流式', |
|||
}, |
|||
{ |
|||
value: ContentEnum.FIXED, |
|||
label: '定宽', |
|||
}, |
|||
]; |
|||
|
|||
export const topMenuAlignOptions = [ |
|||
{ |
|||
value: TopMenuAlignEnum.CENTER, |
|||
label: '居中', |
|||
}, |
|||
{ |
|||
value: TopMenuAlignEnum.START, |
|||
label: '居左', |
|||
}, |
|||
{ |
|||
value: TopMenuAlignEnum.END, |
|||
label: '居右', |
|||
}, |
|||
]; |
|||
|
|||
export const menuTriggerOptions = [ |
|||
{ |
|||
value: TriggerEnum.NONE, |
|||
label: '不显示', |
|||
}, |
|||
{ |
|||
value: TriggerEnum.FOOTER, |
|||
label: '底部', |
|||
}, |
|||
{ |
|||
value: TriggerEnum.HEADER, |
|||
label: '顶部', |
|||
}, |
|||
]; |
|||
|
|||
export const routerTransitionOptions = [ |
|||
RouterTransitionEnum.ZOOM_FADE, |
|||
RouterTransitionEnum.FADE, |
|||
RouterTransitionEnum.ZOOM_OUT, |
|||
RouterTransitionEnum.FADE_SIDE, |
|||
RouterTransitionEnum.FADE_BOTTOM, |
|||
].map((item) => { |
|||
return { |
|||
label: item, |
|||
value: item, |
|||
}; |
|||
}); |
|||
@ -0,0 +1,186 @@ |
|||
import { HandlerEnum } from './const'; |
|||
import { MenuThemeEnum, MenuTypeEnum } from '/@/enums/menuEnum'; |
|||
import { updateColorWeak, updateGrayMode } from '/@/setup/theme'; |
|||
import { appStore } from '/@/store/modules/app'; |
|||
import { ProjectConfig } from '/@/types/config'; |
|||
|
|||
export function baseHandler(event: HandlerEnum, value: any) { |
|||
const config = handler(event, value); |
|||
appStore.commitProjectConfigState(config); |
|||
} |
|||
|
|||
export function handler(event: HandlerEnum, value: any): DeepPartial<ProjectConfig> { |
|||
switch (event) { |
|||
case HandlerEnum.CHANGE_LAYOUT: |
|||
const { mode, type, split } = value; |
|||
const splitOpt = split === undefined ? { split } : {}; |
|||
let headerSetting = {}; |
|||
if (type === MenuTypeEnum.TOP_MENU) { |
|||
headerSetting = { |
|||
theme: MenuThemeEnum.DARK, |
|||
}; |
|||
} |
|||
return { |
|||
menuSetting: { |
|||
mode, |
|||
type, |
|||
collapsed: false, |
|||
show: true, |
|||
...splitOpt, |
|||
}, |
|||
headerSetting, |
|||
}; |
|||
|
|||
case HandlerEnum.MENU_HAS_DRAG: |
|||
return { |
|||
menuSetting: { |
|||
hasDrag: value, |
|||
}, |
|||
}; |
|||
|
|||
case HandlerEnum.MENU_ACCORDION: |
|||
return { |
|||
menuSetting: { |
|||
accordion: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.MENU_TRIGGER: |
|||
return { |
|||
menuSetting: { |
|||
trigger: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.MENU_TOP_ALIGN: |
|||
return { |
|||
menuSetting: { |
|||
topMenuAlign: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.MENU_COLLAPSED: |
|||
return { |
|||
menuSetting: { |
|||
collapsed: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.MENU_WIDTH: |
|||
return { |
|||
menuSetting: { |
|||
menuWidth: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.MENU_COLLAPSED_SHOW_TITLE: |
|||
return { |
|||
menuSetting: { |
|||
collapsedShowTitle: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.MENU_SHOW_SIDEBAR: |
|||
return { |
|||
menuSetting: { |
|||
show: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.MENU_THEME: |
|||
return { |
|||
menuSetting: { |
|||
theme: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.MENU_SPLIT: |
|||
return { |
|||
menuSetting: { |
|||
split: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.MENU_SHOW_SEARCH: |
|||
return { |
|||
menuSetting: { |
|||
showSearch: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.OPEN_PAGE_LOADING: |
|||
return { |
|||
openPageLoading: value, |
|||
}; |
|||
case HandlerEnum.OPEN_ROUTE_TRANSITION: |
|||
return { |
|||
openRouterTransition: value, |
|||
}; |
|||
case HandlerEnum.ROUTER_TRANSITION: |
|||
return { |
|||
routerTransition: value, |
|||
}; |
|||
case HandlerEnum.LOCK_TIME: |
|||
return { |
|||
lockTime: value, |
|||
}; |
|||
case HandlerEnum.FULL_CONTENT: |
|||
return { |
|||
fullContent: value, |
|||
}; |
|||
case HandlerEnum.CONTENT_MODE: |
|||
return { |
|||
contentMode: value, |
|||
}; |
|||
case HandlerEnum.SHOW_BREADCRUMB: |
|||
return { |
|||
showBreadCrumb: value, |
|||
}; |
|||
case HandlerEnum.SHOW_BREADCRUMB_ICON: |
|||
return { |
|||
showBreadCrumbIcon: value, |
|||
}; |
|||
case HandlerEnum.GRAY_MODE: |
|||
updateGrayMode(value); |
|||
return { |
|||
grayMode: value, |
|||
}; |
|||
case HandlerEnum.COLOR_WEAK: |
|||
updateColorWeak(value); |
|||
return { |
|||
colorWeak: value, |
|||
}; |
|||
case HandlerEnum.SHOW_LOGO: |
|||
return { |
|||
showLogo: value, |
|||
}; |
|||
case HandlerEnum.TABS_SHOW_QUICK: |
|||
return { |
|||
multiTabsSetting: { |
|||
showQuick: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.TABS_SHOW_QUICK: |
|||
return { |
|||
multiTabsSetting: { |
|||
showIcon: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.TABS_SHOW: |
|||
return { |
|||
multiTabsSetting: { |
|||
show: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.HEADER_THEME: |
|||
return { |
|||
headerSetting: { |
|||
theme: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.HEADER_FIXED: |
|||
return { |
|||
headerSetting: { |
|||
fixed: value, |
|||
}, |
|||
}; |
|||
case HandlerEnum.HEADER_SHOW: |
|||
return { |
|||
headerSetting: { |
|||
show: value, |
|||
}, |
|||
}; |
|||
default: |
|||
return {}; |
|||
} |
|||
} |
|||
Loading…
Reference in new issue