app.js
1.49 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
import ncc from '@/utils/ncc'
import { getLanguage } from '@/lang/index'
const state = {
sidebar: {
opened: ncc.storageGet('sidebarStatus') ? !!+ncc.storageGet('sidebarStatus') : true,
withoutAnimation: false
},
device: 'desktop',
language: getLanguage(),
size: ncc.storageGet('size') || 'medium'
}
const mutations = {
TOGGLE_SIDEBAR: state => {
state.sidebar.opened = !state.sidebar.opened
state.sidebar.withoutAnimation = false
if (state.sidebar.opened) {
ncc.storageSet({ sidebarStatus: 1 })
} else {
ncc.storageSet({ sidebarStatus: 0 })
}
},
CLOSE_SIDEBAR: (state, withoutAnimation) => {
ncc.storageSet({ sidebarStatus: 0 })
state.sidebar.opened = false
state.sidebar.withoutAnimation = withoutAnimation
},
TOGGLE_DEVICE: (state, device) => {
state.device = device
},
SET_LANGUAGE: (state, language) => {
state.language = language
ncc.storageSet({ language })
},
SET_SIZE: (state, size) => {
state.size = size
ncc.storageSet({ size })
}
}
const actions = {
toggleSideBar({ commit }) {
commit('TOGGLE_SIDEBAR')
},
closeSideBar({ commit }, { withoutAnimation }) {
commit('CLOSE_SIDEBAR', withoutAnimation)
},
toggleDevice({ commit }, device) {
commit('TOGGLE_DEVICE', device)
},
setLanguage({ commit }, language) {
commit('SET_LANGUAGE', language)
},
setSize({ commit }, size) {
commit('SET_SIZE', size)
}
}
export default {
namespaced: true,
state,
mutations,
actions
}