import { defineStore } from 'pinia';
|
/**
|
* 布局配置
|
* 修复：https://gitee.com/lyt-top/vue-next-admin/issues/I567R1，感谢@lanbao123
|
* 2020.05.28 by lyt 优化。开发时配置不生效问题
|
* 修改配置时：
|
* 1、需要每次都清理 `window.localStorage` 浏览器永久缓存
|
* 2、或者点击布局配置最底部 `一键恢复默认` 按钮即可看到效果
|
*/
|
export const useThemeConfig = defineStore('themeConfig', {
|
state: (): ThemeConfigState => ({
|
themeConfig: {
|
// 是否开启布局配置抽屉
|
isDrawer: false,
|
|
/**
|
* 全局主题
|
*/
|
// 默认 primary 主题颜色
|
primary: '#528abe', // '#0052D9', // '#03663D'
|
// 是否开启深色模式
|
isIsDark: false,
|
|
/**
|
* 顶栏设置
|
*/
|
// 默认顶栏导航背景颜色
|
topBar: 'linear-gradient(270deg,#0651b2,#0064bf)',
|
// 默认顶栏导航字体颜色
|
topBarColor: '#ffffff',
|
// 是否开启顶栏背景颜色渐变
|
isTopBarColorGradual: false,
|
|
/**
|
* 菜单设置
|
*/
|
// 默认菜单导航背景颜色
|
menuBar: '#0062be',
|
// 默认菜单导航字体颜色
|
menuBarColor: '#fff',
|
// 默认菜单高亮背景色
|
// menuBarActiveColor: '#bfa',
|
menuBarActiveColor: 'linear-gradient(90deg,rgba(80,118,255,.66),rgba(55,93,237,0))',
|
|
// 是否开启菜单背景颜色渐变
|
isMenuBarColorGradual: false,
|
|
/**
|
* 分栏设置
|
*/
|
// 默认分栏菜单背景颜色
|
columnsMenuBar: '#2C3A49',
|
// 默认分栏菜单字体颜色
|
columnsMenuBarColor: '#F0F0F0',
|
// 是否开启分栏菜单背景颜色渐变
|
isColumnsMenuBarColorGradual: false,
|
// 是否开启分栏菜单鼠标悬停预加载(预览菜单)
|
isColumnsMenuHoverPreload: false,
|
|
/**
|
* 界面设置
|
*/
|
// 是否开启菜单水平折叠效果
|
isCollapse: false,
|
// 是否开启菜单手风琴效果
|
isUniqueOpened: false,
|
// 是否开启固定 Header
|
isFixedHeader: true,
|
// 初始化变量，用于更新菜单 el-scrollbar 的高度，请勿删除
|
isFixedHeaderChange: false,
|
// 是否开启经典布局分割菜单（仅经典布局生效）
|
isClassicSplitMenu: true,
|
// 是否开启自动锁屏
|
isLockScreen: false,
|
// 开启自动锁屏倒计时(s/秒)
|
lockScreenTime: 30,
|
|
/**
|
* 界面显示
|
*/
|
// 是否开启侧边栏 Logo
|
isShowLogo: true,
|
// 初始化变量，用于 el-scrollbar 的高度更新，请勿删除
|
isShowLogoChange: false,
|
// 是否开启 Breadcrumb，强制经典、横向布局不显示
|
isBreadcrumb: true,
|
// 是否开启 Tagsview
|
isTagsview: true,
|
// 是否开启 Breadcrumb 图标
|
isBreadcrumbIcon: false,
|
// 是否开启 Tagsview 图标
|
isTagsviewIcon: false,
|
// 是否开启 TagsView 缓存
|
isCacheTagsView: false,
|
// 是否开启 TagsView 拖拽
|
isSortableTagsView: true,
|
// 是否开启 TagsView 共用
|
isShareTagsView: true,
|
// 是否开启 Footer 底部版权信息
|
isFooter: true,
|
// 是否开启灰色模式
|
isGrayscale: false,
|
// 是否开启色弱模式
|
isInvert: false,
|
// 是否开启水印
|
isWartermark: false,
|
// 水印文案
|
wartermarkText: 'Eventech',
|
|
/**
|
* 其它设置
|
*/
|
// Tagsview 风格：可选值"<tags-style-one|tags-style-four|tags-style-five>"，默认 tags-style-five
|
// 定义的值与 `/src/layout/navBars/tagsView/tagsView.vue` 中的 class 同名
|
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',
|
|
/**
|
* 布局切换
|
* 注意：为了演示，切换布局时，颜色会被还原成默认，代码位置：/@/layout/navBars/breadcrumb/setings.vue
|
* 中的 `initSetLayoutChange(设置布局切换，重置主题样式)` 方法
|
*/
|
// 去除 columns 布局，模块菜单和子菜单不可分开，分开会出现路由问题
|
// 布局切换：可选值"<defaults|classic|transverse>"，默认 defaults
|
layout: 'classic',
|
|
/**
|
* 后端控制路由
|
*/
|
// 是否开启后端控制路由
|
isRequestRoutes: true,
|
|
/**
|
* 全局网站标题 / 副标题
|
*/
|
|
// 网站主标题（菜单导航、浏览器当前网页标题）
|
globalTitle: window.globalConfig.SoftWareInfo.globalTitle,
|
// 网站副标题（登录页顶部文字）
|
globalViceTitle: window.globalConfig.SoftWareInfo.globalViceTitle,
|
// 网站副标题（登录页顶部文字）
|
globalViceTitleMsg: window.globalConfig.SoftWareInfo.globalViceTitleMsg,
|
// 默认初始语言，可选值"<zh-cn|en|zh-tw>"，默认 zh-cn
|
globalI18n: 'zh-cn',
|
// 默认全局组件大小，可选值"<large|'default'|small>"，默认 'large'
|
globalComponentSize: 'default',
|
},
|
}),
|
actions: {
|
setThemeConfig(data: ThemeConfigState) {
|
this.themeConfig = data.themeConfig;
|
},
|
},
|
});
|
