persistent.ts
2.63 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
import { createStorage } from '/@/utils/storage/index';
import { isIeFn } from '/@/utils/browser';
import { BASE_LOCAL_CACHE_KEY, BASE_SESSION_CACHE_KEY } from '/@/enums/cacheEnum';
const ls = createStorage(localStorage);
const ss = createStorage();
/**
* @description: Persistent cache
*/
const cacheStore: any = {
// localstorage cache
local: {},
// sessionstorage cache
session: {},
};
function initCache() {
cacheStore.local = ls.get(BASE_LOCAL_CACHE_KEY) || {};
cacheStore.session = ss.get(BASE_SESSION_CACHE_KEY) || {};
}
initCache();
export function setLocal(key: string, value: any) {
cacheStore.local[BASE_LOCAL_CACHE_KEY] = cacheStore.local[BASE_LOCAL_CACHE_KEY] || {};
cacheStore.local[BASE_LOCAL_CACHE_KEY][key] = value;
}
export function getLocal<T>(key: string): T | null {
try {
return cacheStore.local[BASE_LOCAL_CACHE_KEY][key];
} catch (error) {
return null;
}
}
export function removeLocal(key: string) {
if (cacheStore.local[BASE_LOCAL_CACHE_KEY]) {
Reflect.deleteProperty(cacheStore.local[BASE_LOCAL_CACHE_KEY], key);
}
}
export function clearLocal() {
cacheStore.local = {};
}
export function setSession(key: string, value: any) {
cacheStore.session[BASE_SESSION_CACHE_KEY] = cacheStore.session[BASE_SESSION_CACHE_KEY] || {};
cacheStore.session[BASE_SESSION_CACHE_KEY][key] = value;
}
export function removeSession(key: string) {
if (cacheStore.session[BASE_SESSION_CACHE_KEY]) {
Reflect.deleteProperty(cacheStore.session[BASE_SESSION_CACHE_KEY], key);
}
}
export function getSession<T>(key: string): T | null {
try {
return cacheStore.session[BASE_SESSION_CACHE_KEY][key];
} catch (error) {
return null;
}
}
export function clearSession() {
cacheStore.session = {};
}
export function clearAll() {
clearLocal();
clearSession();
}
(() => {
// /** Write to local before closing window */
window.addEventListener('beforeunload', () => {
const localCache = cacheStore.local;
const sessionCache = cacheStore.session;
// const ss = createStorage();
ls.set(BASE_LOCAL_CACHE_KEY, localCache);
ss.set(BASE_SESSION_CACHE_KEY, sessionCache);
});
function storageChange(e: any) {
const { key, newValue, oldValue } = e;
if (!key) {
clearAll();
return;
}
if (!!newValue && !!oldValue) {
if (BASE_LOCAL_CACHE_KEY === key) {
clearLocal();
}
if (BASE_SESSION_CACHE_KEY === key) {
clearSession();
}
}
}
if (isIeFn() && (document as any).attachEvent) {
(document as any).attachEvent('onstorage', storageChange);
} else {
window.addEventListener('storage', storageChange);
}
})();