projectSetting.ts 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. import { primaryColor } from '../../build/config/themeConfig'
  2. import { HEADER_PRESET_BG_COLOR_LIST, SIDE_BAR_BG_COLOR_LIST } from './designSetting'
  3. import type { ProjectConfig } from '@/types/config'
  4. import { MenuModeEnum, MenuTypeEnum, MixSidebarTriggerEnum, TriggerEnum } from '@/enums/menuEnum'
  5. import { CacheTypeEnum } from '@/enums/cacheEnum'
  6. import {
  7. ContentEnum,
  8. PermissionModeEnum,
  9. RouterTransitionEnum,
  10. SessionTimeoutProcessingEnum,
  11. SettingButtonPositionEnum,
  12. ThemeEnum,
  13. } from '@/enums/appEnum'
  14. // ! 改动后需要清空浏览器缓存
  15. const setting: ProjectConfig = {
  16. // 是否显示SettingButton
  17. showSettingButton: true,
  18. // 是否显示主题切换按钮
  19. showDarkModeToggle: true,
  20. // 设置按钮位置 可选项
  21. // SettingButtonPositionEnum.AUTO: 自动选择
  22. // SettingButtonPositionEnum.HEADER: 位于头部
  23. // SettingButtonPositionEnum.FIXED: 固定在右侧
  24. settingButtonPosition: SettingButtonPositionEnum.AUTO,
  25. // 权限模式,默认前端角色权限模式
  26. // ROUTE_MAPPING: 前端模式(菜单由路由生成,默认)
  27. // ROLE:前端模式(菜单路由分开)
  28. // BACK: 后端模式
  29. permissionMode: PermissionModeEnum.BACK,
  30. // 权限缓存存放位置。默认存放于localStorage
  31. permissionCacheType: CacheTypeEnum.LOCAL,
  32. // 会话超时处理方案
  33. // SessionTimeoutProcessingEnum.ROUTE_JUMP: 路由跳转到登录页
  34. // SessionTimeoutProcessingEnum.PAGE_COVERAGE: 生成登录弹窗,覆盖当前页面
  35. sessionTimeoutProcessing: SessionTimeoutProcessingEnum.ROUTE_JUMP,
  36. // 项目主题色
  37. themeColor: primaryColor,
  38. // 网站灰色模式,用于可能悼念的日期开启
  39. grayMode: false,
  40. // 色弱模式
  41. colorWeak: false,
  42. // 是否取消菜单,顶部,多标签页显示, 用于可能内嵌在别的系统内
  43. fullContent: false,
  44. // 主题内容宽度
  45. contentMode: ContentEnum.FULL,
  46. // 是否显示logo
  47. showLogo: true,
  48. // 是否显示底部信息 copyright
  49. showFooter: true,
  50. // 头部配置
  51. headerSetting: {
  52. // 背景色
  53. bgColor: HEADER_PRESET_BG_COLOR_LIST[0],
  54. // 固定头部
  55. fixed: true,
  56. // 是否显示顶部
  57. show: true,
  58. // 主题
  59. theme: ThemeEnum.LIGHT,
  60. // 开启锁屏功能
  61. useLockPage: true,
  62. // 显示全屏按钮
  63. showFullScreen: true,
  64. // 显示文档按钮
  65. showDoc: true,
  66. // 显示消息中心按钮
  67. showNotice: true,
  68. // 显示菜单搜索按钮
  69. showSearch: true,
  70. },
  71. // 菜单配置
  72. menuSetting: {
  73. // 背景色
  74. bgColor: SIDE_BAR_BG_COLOR_LIST[0],
  75. // 是否固定住菜单
  76. fixed: true,
  77. // 菜单折叠
  78. collapsed: false,
  79. // 当响应式布局时隐藏
  80. siderHidden: false,
  81. // 折叠菜单时候是否显示菜单名
  82. collapsedShowTitle: false,
  83. // 是否可拖拽
  84. canDrag: true,
  85. // 是否显示
  86. show: true,
  87. // 是否显示dom
  88. hidden: false,
  89. // 菜单宽度
  90. menuWidth: 210,
  91. // 菜单模式
  92. mode: MenuModeEnum.INLINE,
  93. // 菜单类型
  94. type: MenuTypeEnum.SIDEBAR,
  95. // 菜单主题
  96. theme: ThemeEnum.DARK,
  97. // 分割菜单
  98. split: false,
  99. // 顶部菜单布局
  100. topMenuAlign: 'center',
  101. // 折叠触发器的位置
  102. trigger: TriggerEnum.HEADER,
  103. // 手风琴模式,只展示一个菜单
  104. accordion: true,
  105. // 在路由切换的时候关闭左侧混合菜单展开菜单
  106. closeMixSidebarOnChange: false,
  107. // 左侧混合菜单模块切换触发方式
  108. mixSideTrigger: MixSidebarTriggerEnum.CLICK,
  109. // 是否固定左侧混合菜单
  110. mixSideFixed: false,
  111. },
  112. // 多标签
  113. multiTabsSetting: {
  114. // 刷新后是否保留已经打开的标签页
  115. cache: false,
  116. // 开启
  117. show: true,
  118. // 显示图标
  119. showIcon: true,
  120. // 开启快速操作
  121. showQuick: true,
  122. // 是否可以拖拽
  123. canDrag: true,
  124. // 是否显示刷新那妞
  125. showRedo: true,
  126. // 是否显示折叠按钮
  127. showFold: true,
  128. autoCollapse: false,
  129. },
  130. // 动画配置
  131. transitionSetting: {
  132. // 是否开启切换动画
  133. enable: true,
  134. // 动画名
  135. basicTransition: RouterTransitionEnum.FADE_SIDE,
  136. // 是否打开页面切换loading
  137. openPageLoading: true,
  138. // 是否打开页面切换顶部进度条
  139. openNProgress: true,
  140. },
  141. // 是否开启KeepAlive缓存 开发时候最好关闭,不然每次都需要清除缓存
  142. openKeepAlive: true,
  143. // 自动锁屏时间,为0不锁屏。 单位分钟 默认1个小时
  144. lockTime: 0,
  145. // 显示面包屑
  146. showBreadCrumb: true,
  147. // 显示面包屑图标
  148. showBreadCrumbIcon: true,
  149. // 是否使用全局错误捕获
  150. useErrorHandle: false,
  151. // 是否开启回到顶部
  152. useOpenBackTop: true,
  153. // 是否可以嵌入iframe页面
  154. canEmbedIFramePage: true,
  155. // 切换界面的时候是否删除未关闭的message及notify
  156. closeMessageOnSwitch: true,
  157. // 切换界面的时候是否取消已经发送但是未响应的http请求。
  158. // 如果开启,想对单独接口覆盖。可以在单独接口设置
  159. removeAllHttpPending: false,
  160. }
  161. export default setting