This repository has been archived by the owner on Aug 28, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 154
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix: project default setting structure was not correct (#240)
* chore: update project setting preset * Update project.ts * Update useAppConfig.ts
- Loading branch information
Showing
4 changed files
with
77 additions
and
153 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,181 +1,114 @@ | ||
import { ProjectConfig } from '@vben/types' | ||
import { DefineAppConfigOptions } from '@vben/types' | ||
import { | ||
CacheTypeEnum, | ||
ContentLayoutEnum, | ||
MenuModeEnum, | ||
MixSidebarTriggerEnum, | ||
NavBarModeEnum, | ||
PermissionModeEnum, | ||
RouterTransitionEnum, | ||
SessionTimeoutProcessingEnum, | ||
SettingButtonPositionEnum, | ||
ThemeEnum, | ||
TriggerEnum, | ||
RouterTransitionEnum, | ||
} from '@vben/constants' | ||
|
||
import { | ||
SIDE_BAR_BG_COLOR_LIST, | ||
HEADER_PRESET_BG_COLOR_LIST, | ||
primaryColor, | ||
SIDE_BAR_BG_COLOR_LIST, | ||
} from './design' | ||
|
||
// ! You need to clear the browser cache after the change | ||
export const projectSetting: ProjectConfig = { | ||
// Whether to show the configuration button | ||
showSettingButton: true, | ||
|
||
// Whether to show the theme switch button | ||
showDarkModeToggle: true, | ||
|
||
// `Settings` button position | ||
export const projectSetting: DefineAppConfigOptions = { | ||
theme: ThemeEnum.LIGHT, | ||
navBarMode: NavBarModeEnum.SIDEBAR, | ||
themeColor: primaryColor, | ||
showThemeModeToggle: true, | ||
openKeepAlive: true, | ||
useOpenBackTop: true, | ||
closeMessageOnSwitch: false, | ||
removeAllHttpPending: true, | ||
permissionCacheType: CacheTypeEnum.LOCAL, | ||
settingButtonPosition: SettingButtonPositionEnum.AUTO, | ||
|
||
// Permission mode | ||
permissionMode: PermissionModeEnum.ROUTE_MAPPING, | ||
// permissionMode: PermissionModeEnum.BACK, | ||
|
||
// Permission-related cache is stored in sessionStorage or localStorage | ||
permissionCacheType: CacheTypeEnum.LOCAL, | ||
|
||
// Session timeout processing | ||
sessionTimeoutProcessing: SessionTimeoutProcessingEnum.ROUTE_JUMP, | ||
|
||
// color | ||
themeColor: primaryColor, | ||
|
||
// Website gray mode, open for possible mourning dates | ||
grayMode: false, | ||
|
||
// Color Weakness Mode | ||
colorWeak: false, | ||
|
||
// Whether to cancel the menu, the top, the multi-tab page display, for possible embedded in other systems | ||
fullContent: false, | ||
|
||
// content mode | ||
contentMode: ContentLayoutEnum.FULL, | ||
|
||
// Whether to display the logo | ||
showLogo: true, | ||
|
||
// Whether to show footer | ||
showFooter: false, | ||
|
||
// Header configuration | ||
headerSetting: { | ||
// header bg color | ||
bgColor: HEADER_PRESET_BG_COLOR_LIST[0], | ||
// Fixed at the top | ||
fixed: true, | ||
// Whether to show top | ||
lockTime: 0, | ||
useLockPage: false, | ||
canEmbedIFramePage: true, | ||
closeMixSidebarOnChange: false, | ||
openSettingDrawer: false, | ||
sidebar: { | ||
theme: ThemeEnum.LIGHT, | ||
show: true, | ||
visible: true, | ||
bgColor: SIDE_BAR_BG_COLOR_LIST[0], | ||
fixed: false, | ||
width: 210, | ||
mixSidebarWidth: 80, | ||
collapsedWidth: 48, | ||
collapsed: false, | ||
trigger: TriggerEnum.CENTER, | ||
}, | ||
menu: { | ||
show: true, | ||
// theme | ||
canDrag: false, | ||
split: false, | ||
mode: MenuModeEnum.VERTICAL, | ||
accordion: false, | ||
collapsedShowTitle: false, | ||
mixSideTrigger: MixSidebarTriggerEnum.CLICK, | ||
mixSideFixed: false, | ||
topMenuAlign: 'start', | ||
dropdownPlacement: 'top-start', | ||
subMenuWidth: 0, | ||
}, | ||
header: { | ||
theme: ThemeEnum.LIGHT, | ||
// Whether to enable the lock screen function | ||
useLockPage: true, | ||
// Whether to show the full screen button | ||
showFullScreen: true, | ||
// Whether to show the document button | ||
show: true, | ||
visible: true, | ||
bgColor: HEADER_PRESET_BG_COLOR_LIST[0], | ||
fixed: false, | ||
height: 48, | ||
showDoc: true, | ||
// Whether to show the notification button | ||
showBreadCrumb: true, | ||
showBreadCrumbIcon: true, | ||
showFullScreen: true, | ||
showNotice: true, | ||
// Whether to display the menu search | ||
showSearch: true, | ||
showLocalePicker: true, | ||
showSetting: true, | ||
}, | ||
|
||
// Menu configuration | ||
menuSetting: { | ||
// sidebar menu bg color | ||
bgColor: SIDE_BAR_BG_COLOR_LIST[0], | ||
// Whether to fix the left menu | ||
fixed: true, | ||
// Menu collapse | ||
collapsed: false, | ||
// Whether to display the menu name when folding the menu | ||
collapsedShowTitle: false, | ||
// Whether it can be dragged | ||
// Only limited to the opening of the left menu, the mouse has a drag bar on the right side of the menu | ||
canDrag: false, | ||
// Whether to show no dom | ||
logo: { | ||
show: true, | ||
// Menu width | ||
menuWidth: 210, | ||
// Menu mode | ||
mode: MenuModeEnum.INLINE, | ||
// Menu theme | ||
theme: ThemeEnum.DARK, | ||
// Split menu | ||
split: false, | ||
// Top menu layout | ||
topMenuAlign: 'center', | ||
// Fold trigger position | ||
trigger: TriggerEnum.HEADER, | ||
// Turn on accordion mode, only show a menu | ||
accordion: true, | ||
// Switch page to close menu | ||
closeMixSidebarOnChange: false, | ||
// Module opening method ‘click’ |'hover' | ||
mixSideTrigger: MixSidebarTriggerEnum.CLICK, | ||
// Fixed expanded menu | ||
mixSideFixed: false, | ||
visible: true, | ||
showTitle: true, | ||
}, | ||
tabTar: { | ||
show: true, | ||
visible: true, | ||
height: 36, | ||
cache: true, | ||
canDrag: false, | ||
showFold: true, | ||
showQuick: true, | ||
showRedo: true, | ||
}, | ||
// Transition Setting | ||
transitionSetting: { | ||
// Whether to open the page switching animation | ||
// The disabled state will also disable pageLoading | ||
content: { | ||
fullScreen: false, | ||
mode: ContentLayoutEnum.FULL, | ||
}, | ||
footer: { | ||
height: 60, | ||
show: false, | ||
visible: false, | ||
}, | ||
transition: { | ||
enable: true, | ||
|
||
// Route basic switching animation | ||
basicTransition: RouterTransitionEnum.FADE_SIDE, | ||
|
||
// Whether to open page switching loading | ||
// Only open when enable=true | ||
openPageLoading: true, | ||
|
||
// Whether to open the top progress bar | ||
openNProgress: false, | ||
}, | ||
|
||
// Multi-label | ||
multiTabsSetting: { | ||
cache: false, | ||
// Turn on | ||
show: true, | ||
// Is it possible to drag and drop sorting tabs | ||
canDrag: true, | ||
// Turn on quick actions | ||
showQuick: true, | ||
// Whether to show the refresh button | ||
showRedo: true, | ||
// Whether to show the collapse button | ||
showFold: true, | ||
}, | ||
|
||
// Whether to open the top progress bar | ||
openNProgress: false, | ||
|
||
// Whether to enable KeepAlive cache is best to close during development, otherwise the cache needs to be cleared every time | ||
openKeepAlive: true, | ||
|
||
// Automatic screen lock time, 0 does not lock the screen. Unit minute default 0 | ||
lockTime: 0, | ||
|
||
// Whether to show breadcrumbs | ||
showBreadCrumb: true, | ||
|
||
// Whether to show the breadcrumb icon | ||
showBreadCrumbIcon: true, | ||
|
||
// Whether to open back to top | ||
useOpenBackTop: true, | ||
|
||
// Is it possible to embed iframe pages | ||
canEmbedIFramePage: true, | ||
|
||
// Whether to delete unclosed messages and notify when switching the interface | ||
closeMessageOnSwitch: true, | ||
|
||
// Whether to cancel the http request that has been sent but not responded when switching the interface. | ||
// If it is enabled, I want to overwrite a single interface. Can be set in a separate interface | ||
removeAllHttpPending: false, | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters