app.ts
3.17 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
import store from '/@/store';
import { hotModuleUnregisterModule } from '/@/utils/helper/vuexHelper';
import { VuexModule, getModule, Module, Mutation, Action } from 'vuex-module-decorators';
import { PROJ_CFG_KEY, LOCK_INFO_KEY } from '/@/enums/cacheEnum';
import { ProjectConfig } from '/@/types/config';
// import { userStore } from './user';
import { setLocal, getLocal, removeLocal } from '/@/utils/helper/persistent';
import { deepMerge } from '/@/utils';
import { userStore } from './user';
export interface LockInfo {
pwd: string | undefined;
isLock: boolean;
}
let timeId: ReturnType<typeof setTimeout>;
const NAME = 'app';
hotModuleUnregisterModule(NAME);
@Module({ dynamic: true, namespaced: true, store, name: NAME })
class App extends VuexModule {
private pageLoadingState = false;
private projectConfigState: ProjectConfig | null = getLocal(PROJ_CFG_KEY);
private lockInfoState: LockInfo | null = getLocal(LOCK_INFO_KEY);
private lockMainScrollState = false;
get getPageLoading() {
return this.pageLoadingState;
}
get getLockMainScrollState() {
return this.lockMainScrollState;
}
get getLockInfo(): LockInfo {
return this.lockInfoState || ({} as LockInfo);
}
get getProjectConfig(): ProjectConfig {
return this.projectConfigState || ({} as ProjectConfig);
}
@Mutation
commitPageLoadingState(loading: boolean): void {
this.pageLoadingState = loading;
}
@Mutation
commitLockMainScrollState(lock: boolean): void {
this.lockMainScrollState = lock;
}
@Mutation
commitProjectConfigState(proCfg: DeepPartial<ProjectConfig>): void {
this.projectConfigState = deepMerge(this.projectConfigState || {}, proCfg);
setLocal(PROJ_CFG_KEY, this.projectConfigState);
}
@Mutation
commitLockInfoState(info: LockInfo): void {
this.lockInfoState = Object.assign({}, this.lockInfoState, info);
setLocal(LOCK_INFO_KEY, this.lockInfoState);
}
@Mutation
resetLockInfo(): void {
removeLocal(LOCK_INFO_KEY);
this.lockInfoState = null;
}
@Action
public async setPageLoadingAction(loading: boolean): Promise<void> {
if (loading) {
clearTimeout(timeId);
// 防止闪动
timeId = setTimeout(() => {
this.commitPageLoadingState(loading);
}, 100);
} else {
this.commitPageLoadingState(loading);
clearTimeout(timeId);
}
}
// /**
// * @description: 解锁
// */
@Action
public async unLockAction({ password, valid = true }: { password: string; valid?: boolean }) {
if (!valid) {
this.resetLockInfo();
return true;
}
const tryLogin = async () => {
try {
const username = userStore.getUserInfoState.username;
const res = await userStore.login({ username, password }, false);
if (res) {
this.resetLockInfo();
}
return res;
} catch (error) {
return false;
}
};
if (this.getLockInfo) {
if (this.getLockInfo.pwd === password) {
this.resetLockInfo();
return true;
}
const res = await tryLogin();
return res;
}
const res = await tryLogin();
return res;
}
}
export { App };
export const appStore = getModule<App>(App);