159 lines
5.7 KiB
TypeScript
159 lines
5.7 KiB
TypeScript
import { Module } from 'vuex';
|
||
// 此处加上 `.ts` 后缀报错，具体原因不详
|
||
import { ThemeConfigState, RootStateTypes } from '/@/store/interface/index';
|
||
|
||
/**
|
||
* 2020.05.28 by lyt 优化
|
||
* 修改一下配置时，需要每次都清理 `window.localStorage` 浏览器永久缓存，配置才会生效
|
||
*/
|
||
const themeConfigModule: Module<ThemeConfigState, RootStateTypes> = {
|
||
namespaced: true,
|
||
state: {
|
||
themeConfig: {
|
||
// 是否开启布局配置抽屉
|
||
isDrawer: false,
|
||
|
||
/**
|
||
* 全局主题
|
||
*/
|
||
// 默认 primary 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
primary: '#409eff',
|
||
// 默认 success 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
success: '#67c23a',
|
||
// 默认 info 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
info: '#909399',
|
||
// 默认 warning 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
warning: '#e6a23c',
|
||
// 默认 danger 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
danger: '#f56c6c',
|
||
|
||
/**
|
||
* 菜单 / 顶栏
|
||
* 注意：为了演示，切换布局时，颜色会被还原成默认，代码位置：/@/views/layout/navBars/breadcrumb/setings.vue
|
||
* 中的 `initSetLayoutChange(设置布局切换，重置主题样式)` 方法
|
||
*/
|
||
// 默认顶栏导航背景颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
topBar: '#ffffff',
|
||
// 默认菜单导航背景颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
menuBar: '#545c64',
|
||
// 默认分栏菜单背景颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
columnsMenuBar: '#545c64',
|
||
// 默认顶栏导航字体颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
topBarColor: '#606266',
|
||
// 默认菜单导航字体颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
menuBarColor: '#eaeaea',
|
||
// 默认分栏菜单字体颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
|
||
columnsMenuBarColor: '#e6e6e6',
|
||
// 是否开启顶栏背景颜色渐变
|
||
isTopBarColorGradual: false,
|
||
// 是否开启菜单背景颜色渐变
|
||
isMenuBarColorGradual: false,
|
||
// 是否开启分栏菜单背景颜色渐变
|
||
isColumnsMenuBarColorGradual: false,
|
||
// 是否开启菜单字体背景高亮
|
||
isMenuBarColorHighlight: false,
|
||
// 是否开启菜单字体背景高亮
|
||
|
||
/**
|
||
* 界面设置
|
||
*/
|
||
// 是否开启菜单水平折叠效果
|
||
isCollapse: false,
|
||
// 是否开启菜单手风琴效果
|
||
isUniqueOpened: false,
|
||
// 是否开启固定 Header
|
||
isFixedHeader: false,
|
||
// 初始化变量，用于更新菜单 el-scrollbar 的高度，请勿删除
|
||
isFixedHeaderChange: false,
|
||
// 是否开启经典布局分割菜单（仅经典布局生效）
|
||
isClassicSplitMenu: false,
|
||
// 是否开启自动锁屏
|
||
isLockScreen: false,
|
||
// 开启自动锁屏倒计时(s/秒)
|
||
lockScreenTime: 30,
|
||
|
||
/**
|
||
* 界面显示
|
||
*/
|
||
// 是否开启侧边栏 Logo
|
||
isShowLogo: false,
|
||
// 初始化变量，用于 el-scrollbar 的高度更新，请勿删除
|
||
isShowLogoChange: false,
|
||
// 是否开启 Breadcrumb，强制经典、横向布局不显示
|
||
isBreadcrumb: true,
|
||
// 是否开启 Tagsview
|
||
isTagsview: true,
|
||
// 是否开启 Breadcrumb 图标
|
||
isBreadcrumbIcon: false,
|
||
// 是否开启 Tagsview 图标
|
||
isTagsviewIcon: false,
|
||
// 是否开启 TagsView 缓存
|
||
isCacheTagsView: false,
|
||
// 是否开启 TagsView 拖拽
|
||
isSortableTagsView: true,
|
||
// 是否开启 Footer 底部版权信息
|
||
isFooter: false,
|
||
// 是否开启灰色模式
|
||
isGrayscale: false,
|
||
// 是否开启色弱模式
|
||
isInvert: false,
|
||
// 是否开启水印
|
||
isWartermark: false,
|
||
// 水印文案
|
||
wartermarkText: 'small@小柒',
|
||
|
||
/**
|
||
* 其它设置
|
||
*/
|
||
// Tagsview 风格：可选值"<tags-style-one|tags-style-two|tags-style-three|tags-style-four>"，默认 tags-style-one
|
||
tagsStyle: 'tags-style-one',
|
||
// 主页面切换动画：可选值"<slide-right|slide-left|opacitys>"，默认 slide-right
|
||
animation: 'slide-right',
|
||
// 分栏高亮风格：可选值"<columns-round|columns-card>"，默认 columns-round
|
||
columnsAsideStyle: 'columns-round',
|
||
// 分栏布局风格：可选值"<columns-horizontal|columns-vertical>"，默认 columns-horizontal
|
||
columnsAsideLayout: 'columns-vertical',
|
||
|
||
/**
|
||
* 布局切换
|
||
* 注意：为了演示，切换布局时，颜色会被还原成默认，代码位置：/@/views/layout/navBars/breadcrumb/setings.vue
|
||
* 中的 `initSetLayoutChange(设置布局切换，重置主题样式)` 方法
|
||
*/
|
||
// 布局切换：可选值"<defaults|classic|transverse|columns>"，默认 defaults
|
||
layout: 'defaults',
|
||
|
||
/**
|
||
* 后端控制路由
|
||
*/
|
||
// 是否开启后端控制路由
|
||
isRequestRoutes: false,
|
||
|
||
/**
|
||
* 全局网站标题 / 副标题
|
||
*/
|
||
// 网站主标题（菜单导航、浏览器当前网页标题）
|
||
globalTitle: 'vue-next-admin',
|
||
// 网站副标题（登录页顶部文字）
|
||
globalViceTitle: 'SMALL@小柒',
|
||
// 默认初始语言，可选值"<zh-cn|en|zh-tw>"，默认 zh-cn
|
||
globalI18n: 'zh-cn',
|
||
// 默认全局组件大小，可选值"<|medium|small|mini>"，默认 ''
|
||
globalComponentSize: '',
|
||
},
|
||
},
|
||
mutations: {
|
||
// 设置布局配置
|
||
getThemeConfig(state: any, data: object) {
|
||
state.themeConfig = data;
|
||
},
|
||
},
|
||
actions: {
|
||
// 设置布局配置
|
||
setThemeConfig({ commit }, data: object) {
|
||
commit('getThemeConfig', data);
|
||
},
|
||
},
|
||
};
|
||
|
||
export default themeConfigModule;
|