app.js
2.21 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
import Cookies from 'js-cookie';
import {modifyThemeColor} from '@/utils';
const state = {
sidebar: {
opened: true,
withoutAnimation: false
},
device: 'desktop',
size: Cookies.get('size') || 'medium',
theme: Cookies.get('theme') || '#409EFF',
layout: Cookies.get('layout') || 'layout2'
};
const mutations = {
TOGGLE_SIDEBAR: state => {
// state.sidebar.opened = !state.sidebar.opened;
// state.sidebar.withoutAnimation = false;
// if (state.sidebar.opened) {
// Cookies.set('sidebarStatus', 1);
// } else {
// Cookies.set('sidebarStatus', 0);
// }
},
CLOSE_SIDEBAR: (state, withoutAnimation) => {
// Cookies.set('sidebarStatus', 0);
// state.sidebar.opened = false;
// state.sidebar.withoutAnimation = withoutAnimation;
},
TOGGLE_DEVICE: (state, device) => {
state.device = device;
},
SET_SIZE: (state, size) => {
state.size = size;
Cookies.set('size', size);
},
SET_THEME: (state, theme) => {
modifyThemeColor(state.theme, theme);
state.theme = theme;
Cookies.set('theme', theme);
},
SET_LAYOUT: (state, layout) => {
state.layout = layout;
Cookies.set('layout', layout);
}
};
const actions = {
toggleSideBar({
commit
}) {
commit('TOGGLE_SIDEBAR');
},
closeSideBar({
commit
}, {
withoutAnimation
}) {
commit('CLOSE_SIDEBAR', withoutAnimation);
},
toggleDevice({
commit
}, device) {
commit('TOGGLE_DEVICE', device);
},
setSize({
commit
}, size) {
commit('SET_SIZE', size);
},
setTheme({
commit
}, theme) {
commit('SET_THEME', theme);
},
initThemeColorLayout({
commit
}) {
},
setLayout({
commit
}, layout) {
commit('SET_LAYOUT', layout);
}
};
export default {
namespaced: true,
state,
mutations,
actions
};