handler.ts 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. import { HandlerEnum } from './enum';
  2. import {
  3. updateColorWeak,
  4. updateGrayMode,
  5. updateHeaderBgColor,
  6. updateSidebarBgColor,
  7. } from '/@/setup/theme';
  8. import { appStore } from '/@/store/modules/app';
  9. import { ProjectConfig } from '/@/types/config';
  10. export function baseHandler(event: HandlerEnum, value: any) {
  11. const config = handler(event, value);
  12. appStore.commitProjectConfigState(config);
  13. }
  14. export function handler(event: HandlerEnum, value: any): DeepPartial<ProjectConfig> {
  15. switch (event) {
  16. case HandlerEnum.CHANGE_LAYOUT:
  17. const { mode, type, split } = value;
  18. const splitOpt = split === undefined ? { split } : {};
  19. return {
  20. menuSetting: {
  21. mode,
  22. type,
  23. collapsed: false,
  24. show: true,
  25. ...splitOpt,
  26. },
  27. };
  28. case HandlerEnum.MENU_HAS_DRAG:
  29. return { menuSetting: { canDrag: value } };
  30. case HandlerEnum.MENU_ACCORDION:
  31. return { menuSetting: { accordion: value } };
  32. case HandlerEnum.MENU_TRIGGER:
  33. return { menuSetting: { trigger: value } };
  34. case HandlerEnum.MENU_TOP_ALIGN:
  35. return { menuSetting: { topMenuAlign: value } };
  36. case HandlerEnum.MENU_COLLAPSED:
  37. return { menuSetting: { collapsed: value } };
  38. case HandlerEnum.MENU_WIDTH:
  39. return { menuSetting: { menuWidth: value } };
  40. case HandlerEnum.MENU_COLLAPSED_SHOW_TITLE:
  41. return { menuSetting: { collapsedShowTitle: value } };
  42. case HandlerEnum.MENU_SHOW_SIDEBAR:
  43. return { menuSetting: { show: value } };
  44. case HandlerEnum.MENU_THEME:
  45. updateSidebarBgColor(value);
  46. return { menuSetting: { bgColor: value } };
  47. case HandlerEnum.MENU_SPLIT:
  48. return { menuSetting: { split: value } };
  49. case HandlerEnum.MENU_FIXED:
  50. return { menuSetting: { fixed: value } };
  51. // ============transition==================
  52. case HandlerEnum.OPEN_PAGE_LOADING:
  53. appStore.commitPageLoadingState(false);
  54. return { transitionSetting: { openPageLoading: value } };
  55. case HandlerEnum.ROUTER_TRANSITION:
  56. return { transitionSetting: { basicTransition: value } };
  57. case HandlerEnum.OPEN_ROUTE_TRANSITION:
  58. return { transitionSetting: { enable: value } };
  59. case HandlerEnum.OPEN_PROGRESS:
  60. return { transitionSetting: { openNProgress: value } };
  61. // ============root==================
  62. case HandlerEnum.LOCK_TIME:
  63. return { lockTime: value };
  64. case HandlerEnum.FULL_CONTENT:
  65. return { fullContent: value };
  66. case HandlerEnum.CONTENT_MODE:
  67. return { contentMode: value };
  68. case HandlerEnum.SHOW_BREADCRUMB:
  69. return { showBreadCrumb: value };
  70. case HandlerEnum.SHOW_BREADCRUMB_ICON:
  71. return { showBreadCrumbIcon: value };
  72. case HandlerEnum.GRAY_MODE:
  73. updateGrayMode(value);
  74. return { grayMode: value };
  75. case HandlerEnum.SHOW_FOOTER:
  76. return { showFooter: value };
  77. case HandlerEnum.COLOR_WEAK:
  78. updateColorWeak(value);
  79. return { colorWeak: value };
  80. case HandlerEnum.SHOW_LOGO:
  81. return { showLogo: value };
  82. // ============tabs==================
  83. case HandlerEnum.TABS_SHOW_QUICK:
  84. return { multiTabsSetting: { showQuick: value } };
  85. case HandlerEnum.TABS_SHOW:
  86. return { multiTabsSetting: { show: value } };
  87. // ============header==================
  88. case HandlerEnum.HEADER_THEME:
  89. updateHeaderBgColor(value);
  90. return { headerSetting: { bgColor: value } };
  91. case HandlerEnum.HEADER_FIXED:
  92. return { headerSetting: { fixed: value } };
  93. case HandlerEnum.HEADER_SHOW:
  94. return { headerSetting: { show: value } };
  95. default:
  96. return {};
  97. }
  98. }