74 lines
2.0 KiB
TypeScript
74 lines
2.0 KiB
TypeScript
|
import {defineStore} from 'pinia'
|
||
|
|
import {PRIMARY_COLOR} from "../../config";
|
||
|
|
|
||
|
|
|
||
|
|
export const useSettingStore = defineStore({
|
||
|
|
// id: 必须的，在所有 Store 中唯一
|
||
|
|
id:'settingState',
|
||
|
|
// state: 返回对象的函数
|
||
|
|
state: ()=>({
|
||
|
|
// menu 是否收缩
|
||
|
|
isCollapse:true,
|
||
|
|
//
|
||
|
|
withoutAnimation:false,
|
||
|
|
device: 'desktop',
|
||
|
|
// 刷新当前页
|
||
|
|
isReload:true,
|
||
|
|
// 主题设置
|
||
|
|
themeConfig:{
|
||
|
|
// 显示设置
|
||
|
|
showSetting:false,
|
||
|
|
// 菜单展示模式 默认 vertical horizontal / vertical
|
||
|
|
mode: 'vertical',
|
||
|
|
// tagsView 是否展示 默认展示
|
||
|
|
showTag:true,
|
||
|
|
// 页脚
|
||
|
|
footer: true,
|
||
|
|
// 深色模式 切换暗黑模式
|
||
|
|
isDark: false,
|
||
|
|
// 显示侧边栏Logo
|
||
|
|
showLogo:true,
|
||
|
|
// 主题颜色
|
||
|
|
primary:PRIMARY_COLOR,
|
||
|
|
// element组件大小
|
||
|
|
globalComSize:'default'
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
getters: {},
|
||
|
|
// 可以同步 也可以异步
|
||
|
|
actions:{
|
||
|
|
// 设置主题
|
||
|
|
setThemeConfig({key, val}){
|
||
|
|
this.themeConfig[key] = val
|
||
|
|
},
|
||
|
|
// 切换 Collapse
|
||
|
|
setCollapse(value){
|
||
|
|
this.isCollapse = value
|
||
|
|
this.withoutAnimation = false
|
||
|
|
},
|
||
|
|
// 关闭侧边栏
|
||
|
|
closeSideBar({withoutAnimation}){
|
||
|
|
this.isCollapse = false
|
||
|
|
this.withoutAnimation = withoutAnimation
|
||
|
|
},
|
||
|
|
toggleDevice(device){
|
||
|
|
this.device = device
|
||
|
|
},
|
||
|
|
// 刷新
|
||
|
|
setReload(){
|
||
|
|
this.isReload = false
|
||
|
|
setTimeout(()=>{
|
||
|
|
this.isReload = true
|
||
|
|
},50)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// 这部分数据不需要存储
|
||
|
|
// persist: {
|
||
|
|
// // 本地存储的名称
|
||
|
|
// key: "settingState",
|
||
|
|
// //保存的位置
|
||
|
|
// storage: window.localStorage,//localstorage
|
||
|
|
// },
|
||
|
|
|
||
|
|
})
|