menu.ts
1.81 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
import store from '/@/store';
import { hotModuleUnregisterModule } from '/@/utils/helper/vuexHelper';
import { VuexModule, Module, getModule, Mutation } from 'vuex-module-decorators';
import { appStore } from '/@/store/modules/app';
const NAME = 'menu';
hotModuleUnregisterModule(NAME);
@Module({ namespaced: true, name: NAME, dynamic: true, store })
class Menu extends VuexModule {
// // 默认展开
// private collapsedState: boolean = appStore.getProjectConfig.menuSetting.collapsed;
// // 菜单宽度
// private menuWidthState: number = appStore.getProjectConfig.menuSetting.menuWidth;
// 是否开始拖拽
private dragStartState = false;
private currentTopSplitMenuPathState = '';
/**
* @description: 获取窗口名称
*/
get getCollapsedState() {
return appStore.getProjectConfig.menuSetting.collapsed;
}
get getCurrentTopSplitMenuPathState() {
return this.currentTopSplitMenuPathState;
}
get getDragStartState() {
return this.dragStartState;
}
get getMenuWidthState() {
return appStore.getProjectConfig.menuSetting.menuWidth;
}
@Mutation
commitDragStartState(dragStart: boolean): void {
this.dragStartState = dragStart;
}
@Mutation
commitCurrentTopSplitMenuPathState(path: string): void {
this.currentTopSplitMenuPathState = path;
}
// 改变菜单展开状态
@Mutation
commitCollapsedState(collapsed: boolean): void {
// this.collapsedState = collapsed;
appStore.commitProjectConfigState({
menuSetting: {
collapsed: collapsed,
},
});
}
@Mutation
commitMenuWidthState(menuWidth: number): void {
// this.menuWidthState = menuWidth;
appStore.commitProjectConfigState({
menuSetting: {
menuWidth: menuWidth,
},
});
}
}
export { Menu };
export const menuStore = getModule<Menu>(Menu);