zcw-shared 1.31.1 → 1.32.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue-hooks/browser/useFileUpload.js +10 -5
- package/dist/vue-hooks/browser/useFileUpload.js.map +1 -1
- package/dist/vue-hooks/state/handleUserInvalid.d.ts +10 -0
- package/dist/vue-hooks/state/handleUserInvalid.js +7 -0
- package/dist/vue-hooks/state/handleUserInvalid.js.map +1 -0
- package/dist/vue-hooks/state/useGlobalSettingsManager.d.ts +50 -0
- package/dist/vue-hooks/state/useGlobalSettingsManager.js +129 -0
- package/dist/vue-hooks/state/useGlobalSettingsManager.js.map +1 -0
- package/dist/vue-hooks/state/useSystemSettingsManager.d.ts +45 -0
- package/dist/vue-hooks/state/useSystemSettingsManager.js +102 -0
- package/dist/vue-hooks/state/useSystemSettingsManager.js.map +1 -0
- package/dist/vue-hooks/state/useTokenManager.d.ts +55 -0
- package/dist/vue-hooks/state/useTokenManager.js +146 -0
- package/dist/vue-hooks/state/useTokenManager.js.map +1 -0
- package/dist/vue-hooks/state/useUserManager.d.ts +41 -0
- package/dist/vue-hooks/state/useUserManager.js +77 -0
- package/dist/vue-hooks/state/useUserManager.js.map +1 -0
- package/package.json +6 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export function useFileUpload(initialFileList, asyncBeforeUpload, asyncUpload, asyncAfterUpload, env) {
|
|
2
|
-
const fileList = env.vue.
|
|
2
|
+
const fileList = env.vue.ref(initialFileList || []);
|
|
3
3
|
function generateUID() {
|
|
4
4
|
return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
|
|
5
5
|
}
|
|
@@ -43,9 +43,13 @@ export function useFileUpload(initialFileList, asyncBeforeUpload, asyncUpload, a
|
|
|
43
43
|
const filesArray = Array.isArray(files) ? files : [files];
|
|
44
44
|
const newItems = filesArray.map(file => createFileItem(file));
|
|
45
45
|
fileList.value = [...fileList.value, ...newItems];
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
46
|
+
const proxyMap = new Map(fileList.value.map(it => [it.uid, it]));
|
|
47
|
+
newItems.forEach(raw => {
|
|
48
|
+
const proxyItem = proxyMap.get(raw.uid);
|
|
49
|
+
if (proxyItem) {
|
|
50
|
+
handleUpload(proxyItem).catch(() => {
|
|
51
|
+
});
|
|
52
|
+
}
|
|
49
53
|
});
|
|
50
54
|
}
|
|
51
55
|
function replaceAt(index, file) {
|
|
@@ -60,7 +64,8 @@ export function useFileUpload(initialFileList, asyncBeforeUpload, asyncUpload, a
|
|
|
60
64
|
const newList = [...fileList.value];
|
|
61
65
|
newList[index] = newItem;
|
|
62
66
|
fileList.value = newList;
|
|
63
|
-
|
|
67
|
+
const proxyItem = fileList.value[index];
|
|
68
|
+
handleUpload(proxyItem).catch(() => {
|
|
64
69
|
});
|
|
65
70
|
}
|
|
66
71
|
function removeAt(index) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFileUpload.js","sourceRoot":"","sources":["../../../src/vue-hooks/browser/useFileUpload.ts"],"names":[],"mappings":"AA0GA,MAAM,UAAU,aAAa,CAC3B,eAAiC,EACjC,iBAA6D,EAC7D,WAA4C,EAC5C,gBAAmE,EACnE,GAA6B;IAE7B,MAAM,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"useFileUpload.js","sourceRoot":"","sources":["../../../src/vue-hooks/browser/useFileUpload.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"handleUserInvalid.js","sourceRoot":"","sources":["../../../src/vue-hooks/state/handleUserInvalid.ts"],"names":[],"mappings":"AAeA,MAAM,UAAU,iBAAiB,CAAC,MAA+B;IAC/D,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAA;IAC1B,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAA;IACvB,IAAI,MAAM,CAAC,WAAW;QAAE,MAAM,CAAC,WAAW,EAAE,CAAA;AAC9C,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { Ref } from 'vue';
|
|
2
|
+
import type { setTimeout, clearTimeout } from '../../../references/timer.d';
|
|
3
|
+
import type { Storage } from '../../../references/storage.d';
|
|
4
|
+
export interface UseGlobalSettingsManagerEnvironment {
|
|
5
|
+
vue: {
|
|
6
|
+
ref: <T>(value: T) => Ref<T>;
|
|
7
|
+
computed: <T>(getter: () => T) => Ref<T>;
|
|
8
|
+
watchEffect: (effect: () => void) => void;
|
|
9
|
+
onMounted: (cb: () => void) => void;
|
|
10
|
+
onUnmounted: (cb: () => void) => void;
|
|
11
|
+
};
|
|
12
|
+
host: {
|
|
13
|
+
setTimeout: typeof setTimeout;
|
|
14
|
+
clearTimeout: typeof clearTimeout;
|
|
15
|
+
now: () => number;
|
|
16
|
+
};
|
|
17
|
+
storage: {
|
|
18
|
+
getItem: Storage['getItem'];
|
|
19
|
+
setItem: Storage['setItem'];
|
|
20
|
+
removeItem: Storage['removeItem'];
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
export interface TokenReadonly {
|
|
24
|
+
accessToken: Ref<string | null>;
|
|
25
|
+
isAuthenticated: Ref<boolean>;
|
|
26
|
+
}
|
|
27
|
+
export interface FetchSettingsResult<T> {
|
|
28
|
+
data: T;
|
|
29
|
+
version?: string;
|
|
30
|
+
}
|
|
31
|
+
export interface UseGlobalSettingsManagerOptions<T> {
|
|
32
|
+
fetchSettingsFn: (accessToken: string) => Promise<FetchSettingsResult<T>>;
|
|
33
|
+
storageKeys?: {
|
|
34
|
+
data?: string;
|
|
35
|
+
meta?: string;
|
|
36
|
+
};
|
|
37
|
+
autoFetchOnMount?: boolean;
|
|
38
|
+
refreshIntervalMs?: number;
|
|
39
|
+
}
|
|
40
|
+
export interface UseGlobalSettingsManagerReturn<T> {
|
|
41
|
+
settings: Ref<T | null>;
|
|
42
|
+
version: Ref<string | null>;
|
|
43
|
+
lastUpdatedAt: Ref<number | null>;
|
|
44
|
+
isLoading: Ref<boolean>;
|
|
45
|
+
error: Ref<string | null>;
|
|
46
|
+
hasSettings: Ref<boolean>;
|
|
47
|
+
refresh: (force?: boolean) => Promise<boolean>;
|
|
48
|
+
clear: () => void;
|
|
49
|
+
}
|
|
50
|
+
export declare function useGlobalSettingsManager<T = Record<string, any>>(token: TokenReadonly, options: UseGlobalSettingsManagerOptions<T>, env: UseGlobalSettingsManagerEnvironment): UseGlobalSettingsManagerReturn<T>;
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
export function useGlobalSettingsManager(token, options, env) {
|
|
2
|
+
const keys = {
|
|
3
|
+
data: options.storageKeys?.data ?? 'gsettings:data',
|
|
4
|
+
meta: options.storageKeys?.meta ?? 'gsettings:meta'
|
|
5
|
+
};
|
|
6
|
+
const autoFetchOnMount = options.autoFetchOnMount ?? true;
|
|
7
|
+
const refreshIntervalMs = options.refreshIntervalMs;
|
|
8
|
+
const settings = env.vue.ref(null);
|
|
9
|
+
const version = env.vue.ref(null);
|
|
10
|
+
const lastUpdatedAt = env.vue.ref(null);
|
|
11
|
+
const isLoading = env.vue.ref(false);
|
|
12
|
+
const error = env.vue.ref(null);
|
|
13
|
+
const hasSettings = env.vue.computed(() => settings.value != null);
|
|
14
|
+
let inFlight = null;
|
|
15
|
+
let refreshTimer = null;
|
|
16
|
+
let hasMounted = false;
|
|
17
|
+
function persist() {
|
|
18
|
+
try {
|
|
19
|
+
if (settings.value != null)
|
|
20
|
+
env.storage.setItem(keys.data, JSON.stringify(settings.value));
|
|
21
|
+
else
|
|
22
|
+
env.storage.removeItem(keys.data);
|
|
23
|
+
const meta = version.value || lastUpdatedAt.value != null ? JSON.stringify({ version: version.value, lastUpdatedAt: lastUpdatedAt.value }) : null;
|
|
24
|
+
if (meta)
|
|
25
|
+
env.storage.setItem(keys.meta, meta);
|
|
26
|
+
else
|
|
27
|
+
env.storage.removeItem(keys.meta);
|
|
28
|
+
}
|
|
29
|
+
catch { }
|
|
30
|
+
}
|
|
31
|
+
function rehydrate() {
|
|
32
|
+
try {
|
|
33
|
+
const raw = env.storage.getItem(keys.data);
|
|
34
|
+
const meta = env.storage.getItem(keys.meta);
|
|
35
|
+
if (raw)
|
|
36
|
+
settings.value = JSON.parse(raw);
|
|
37
|
+
if (meta) {
|
|
38
|
+
const m = JSON.parse(meta);
|
|
39
|
+
version.value = m?.version ?? null;
|
|
40
|
+
lastUpdatedAt.value = typeof m?.lastUpdatedAt === 'number' ? m.lastUpdatedAt : null;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
catch { }
|
|
44
|
+
}
|
|
45
|
+
function clearTimer() {
|
|
46
|
+
if (refreshTimer) {
|
|
47
|
+
env.host.clearTimeout(refreshTimer);
|
|
48
|
+
refreshTimer = null;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
function scheduleRefresh() {
|
|
52
|
+
clearTimer();
|
|
53
|
+
if (!refreshIntervalMs)
|
|
54
|
+
return;
|
|
55
|
+
if (!token.isAuthenticated.value || !token.accessToken.value)
|
|
56
|
+
return;
|
|
57
|
+
refreshTimer = env.host.setTimeout(() => {
|
|
58
|
+
void refresh();
|
|
59
|
+
}, refreshIntervalMs);
|
|
60
|
+
}
|
|
61
|
+
async function refresh(force = false) {
|
|
62
|
+
if (!token.isAuthenticated.value || !token.accessToken.value)
|
|
63
|
+
return false;
|
|
64
|
+
if (inFlight)
|
|
65
|
+
return inFlight;
|
|
66
|
+
const run = async () => {
|
|
67
|
+
try {
|
|
68
|
+
isLoading.value = true;
|
|
69
|
+
error.value = null;
|
|
70
|
+
const res = await options.fetchSettingsFn(token.accessToken.value);
|
|
71
|
+
const nextVersion = res.version ?? null;
|
|
72
|
+
const isSame = !force && nextVersion != null && version.value === nextVersion;
|
|
73
|
+
if (isSame) {
|
|
74
|
+
lastUpdatedAt.value = env.host.now();
|
|
75
|
+
persist();
|
|
76
|
+
return true;
|
|
77
|
+
}
|
|
78
|
+
settings.value = res.data;
|
|
79
|
+
version.value = nextVersion;
|
|
80
|
+
lastUpdatedAt.value = env.host.now();
|
|
81
|
+
persist();
|
|
82
|
+
return true;
|
|
83
|
+
}
|
|
84
|
+
catch (e) {
|
|
85
|
+
error.value = e?.message ?? 'fetch settings error';
|
|
86
|
+
return false;
|
|
87
|
+
}
|
|
88
|
+
finally {
|
|
89
|
+
isLoading.value = false;
|
|
90
|
+
inFlight = null;
|
|
91
|
+
scheduleRefresh();
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
inFlight = run();
|
|
95
|
+
return inFlight;
|
|
96
|
+
}
|
|
97
|
+
function clear() {
|
|
98
|
+
settings.value = null;
|
|
99
|
+
version.value = null;
|
|
100
|
+
lastUpdatedAt.value = null;
|
|
101
|
+
error.value = null;
|
|
102
|
+
persist();
|
|
103
|
+
clearTimer();
|
|
104
|
+
}
|
|
105
|
+
env.vue.onMounted(() => {
|
|
106
|
+
rehydrate();
|
|
107
|
+
hasMounted = true;
|
|
108
|
+
if (autoFetchOnMount && token.isAuthenticated.value && token.accessToken.value) {
|
|
109
|
+
void refresh(true);
|
|
110
|
+
}
|
|
111
|
+
else {
|
|
112
|
+
scheduleRefresh();
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
env.vue.onUnmounted(() => {
|
|
116
|
+
clearTimer();
|
|
117
|
+
});
|
|
118
|
+
env.vue.watchEffect(() => {
|
|
119
|
+
if (!hasMounted)
|
|
120
|
+
return;
|
|
121
|
+
if (!token.isAuthenticated.value || !token.accessToken.value) {
|
|
122
|
+
clear();
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
scheduleRefresh();
|
|
126
|
+
});
|
|
127
|
+
return { settings, version, lastUpdatedAt, isLoading, error, hasSettings, refresh, clear };
|
|
128
|
+
}
|
|
129
|
+
//# sourceMappingURL=useGlobalSettingsManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useGlobalSettingsManager.js","sourceRoot":"","sources":["../../../src/vue-hooks/state/useGlobalSettingsManager.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { Ref } from 'vue';
|
|
2
|
+
import type { setTimeout, clearTimeout } from '../../../references/timer.d';
|
|
3
|
+
import type { Storage } from '../../../references/storage.d';
|
|
4
|
+
export interface UseSystemSettingsManagerEnvironment {
|
|
5
|
+
vue: {
|
|
6
|
+
ref: <T>(value: T) => Ref<T>;
|
|
7
|
+
computed: <T>(getter: () => T) => Ref<T>;
|
|
8
|
+
onMounted: (cb: () => void) => void;
|
|
9
|
+
onUnmounted: (cb: () => void) => void;
|
|
10
|
+
};
|
|
11
|
+
host: {
|
|
12
|
+
setTimeout: typeof setTimeout;
|
|
13
|
+
clearTimeout: typeof clearTimeout;
|
|
14
|
+
now: () => number;
|
|
15
|
+
};
|
|
16
|
+
storage: {
|
|
17
|
+
getItem: Storage['getItem'];
|
|
18
|
+
setItem: Storage['setItem'];
|
|
19
|
+
removeItem: Storage['removeItem'];
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
export interface FetchSystemSettingsResult<T> {
|
|
23
|
+
data: T;
|
|
24
|
+
version?: string;
|
|
25
|
+
}
|
|
26
|
+
export interface UseSystemSettingsManagerOptions<T> {
|
|
27
|
+
fetchSettingsFn: () => Promise<FetchSystemSettingsResult<T>>;
|
|
28
|
+
storageKeys?: {
|
|
29
|
+
data?: string;
|
|
30
|
+
meta?: string;
|
|
31
|
+
};
|
|
32
|
+
autoFetchOnMount?: boolean;
|
|
33
|
+
refreshIntervalMs?: number;
|
|
34
|
+
}
|
|
35
|
+
export interface UseSystemSettingsManagerReturn<T> {
|
|
36
|
+
settings: Ref<T | null>;
|
|
37
|
+
version: Ref<string | null>;
|
|
38
|
+
lastUpdatedAt: Ref<number | null>;
|
|
39
|
+
isLoading: Ref<boolean>;
|
|
40
|
+
error: Ref<string | null>;
|
|
41
|
+
hasSettings: Ref<boolean>;
|
|
42
|
+
refresh: (force?: boolean) => Promise<boolean>;
|
|
43
|
+
clear: () => void;
|
|
44
|
+
}
|
|
45
|
+
export declare function useSystemSettingsManager<T = Record<string, any>>(options: UseSystemSettingsManagerOptions<T>, env: UseSystemSettingsManagerEnvironment): UseSystemSettingsManagerReturn<T>;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
export function useSystemSettingsManager(options, env) {
|
|
2
|
+
const keys = {
|
|
3
|
+
data: options.storageKeys?.data ?? 'syssettings:data',
|
|
4
|
+
meta: options.storageKeys?.meta ?? 'syssettings:meta'
|
|
5
|
+
};
|
|
6
|
+
const autoFetchOnMount = options.autoFetchOnMount ?? true;
|
|
7
|
+
const refreshIntervalMs = options.refreshIntervalMs;
|
|
8
|
+
const settings = env.vue.ref(null);
|
|
9
|
+
const version = env.vue.ref(null);
|
|
10
|
+
const lastUpdatedAt = env.vue.ref(null);
|
|
11
|
+
const isLoading = env.vue.ref(false);
|
|
12
|
+
const error = env.vue.ref(null);
|
|
13
|
+
const hasSettings = env.vue.computed(() => settings.value != null);
|
|
14
|
+
let inFlight = null;
|
|
15
|
+
let timer = null;
|
|
16
|
+
function persist() {
|
|
17
|
+
try {
|
|
18
|
+
if (settings.value != null)
|
|
19
|
+
env.storage.setItem(keys.data, JSON.stringify(settings.value));
|
|
20
|
+
else
|
|
21
|
+
env.storage.removeItem(keys.data);
|
|
22
|
+
const meta = JSON.stringify({ version: version.value, lastUpdatedAt: lastUpdatedAt.value });
|
|
23
|
+
env.storage.setItem(keys.meta, meta);
|
|
24
|
+
}
|
|
25
|
+
catch { }
|
|
26
|
+
}
|
|
27
|
+
function rehydrate() {
|
|
28
|
+
try {
|
|
29
|
+
const raw = env.storage.getItem(keys.data);
|
|
30
|
+
const meta = env.storage.getItem(keys.meta);
|
|
31
|
+
if (raw)
|
|
32
|
+
settings.value = JSON.parse(raw);
|
|
33
|
+
if (meta) {
|
|
34
|
+
const m = JSON.parse(meta);
|
|
35
|
+
version.value = m?.version ?? null;
|
|
36
|
+
lastUpdatedAt.value = typeof m?.lastUpdatedAt === 'number' ? m.lastUpdatedAt : null;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
catch { }
|
|
40
|
+
}
|
|
41
|
+
function clearTimer() { if (timer) {
|
|
42
|
+
env.host.clearTimeout(timer);
|
|
43
|
+
timer = null;
|
|
44
|
+
} }
|
|
45
|
+
function schedule() {
|
|
46
|
+
clearTimer();
|
|
47
|
+
if (!refreshIntervalMs)
|
|
48
|
+
return;
|
|
49
|
+
timer = env.host.setTimeout(() => { void refresh(); }, refreshIntervalMs);
|
|
50
|
+
}
|
|
51
|
+
async function refresh(force = false) {
|
|
52
|
+
if (inFlight)
|
|
53
|
+
return inFlight;
|
|
54
|
+
const run = async () => {
|
|
55
|
+
try {
|
|
56
|
+
isLoading.value = true;
|
|
57
|
+
error.value = null;
|
|
58
|
+
const res = await options.fetchSettingsFn();
|
|
59
|
+
const nextVersion = res.version ?? null;
|
|
60
|
+
if (!force && nextVersion != null && version.value === nextVersion) {
|
|
61
|
+
lastUpdatedAt.value = env.host.now();
|
|
62
|
+
persist();
|
|
63
|
+
return true;
|
|
64
|
+
}
|
|
65
|
+
settings.value = res.data;
|
|
66
|
+
version.value = nextVersion;
|
|
67
|
+
lastUpdatedAt.value = env.host.now();
|
|
68
|
+
persist();
|
|
69
|
+
return true;
|
|
70
|
+
}
|
|
71
|
+
catch (e) {
|
|
72
|
+
error.value = e?.message ?? 'fetch system settings error';
|
|
73
|
+
return false;
|
|
74
|
+
}
|
|
75
|
+
finally {
|
|
76
|
+
isLoading.value = false;
|
|
77
|
+
inFlight = null;
|
|
78
|
+
schedule();
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
inFlight = run();
|
|
82
|
+
return inFlight;
|
|
83
|
+
}
|
|
84
|
+
function clear() {
|
|
85
|
+
settings.value = null;
|
|
86
|
+
version.value = null;
|
|
87
|
+
lastUpdatedAt.value = null;
|
|
88
|
+
error.value = null;
|
|
89
|
+
persist();
|
|
90
|
+
clearTimer();
|
|
91
|
+
}
|
|
92
|
+
env.vue.onMounted(() => {
|
|
93
|
+
rehydrate();
|
|
94
|
+
if (autoFetchOnMount)
|
|
95
|
+
void refresh(true);
|
|
96
|
+
else
|
|
97
|
+
schedule();
|
|
98
|
+
});
|
|
99
|
+
env.vue.onUnmounted(() => { clearTimer(); });
|
|
100
|
+
return { settings, version, lastUpdatedAt, isLoading, error, hasSettings, refresh, clear };
|
|
101
|
+
}
|
|
102
|
+
//# sourceMappingURL=useSystemSettingsManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSystemSettingsManager.js","sourceRoot":"","sources":["../../../src/vue-hooks/state/useSystemSettingsManager.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { Ref } from 'vue';
|
|
2
|
+
import type { setTimeout, clearTimeout } from '../../../references/timer.d';
|
|
3
|
+
import type { Storage } from '../../../references/storage.d';
|
|
4
|
+
export interface UseTokenManagerState {
|
|
5
|
+
accessToken: Ref<string | null>;
|
|
6
|
+
refreshToken: Ref<string | null>;
|
|
7
|
+
expiresAt: Ref<number | null>;
|
|
8
|
+
isRefreshing: Ref<boolean>;
|
|
9
|
+
error: Ref<string | null>;
|
|
10
|
+
isAuthenticated: Ref<boolean>;
|
|
11
|
+
}
|
|
12
|
+
export interface UseTokenManagerOptions {
|
|
13
|
+
refreshThresholdMs?: number;
|
|
14
|
+
storageKeys?: {
|
|
15
|
+
access?: string;
|
|
16
|
+
refresh?: string;
|
|
17
|
+
expiresAt?: string;
|
|
18
|
+
};
|
|
19
|
+
refreshFn?: (refreshToken: string) => Promise<{
|
|
20
|
+
accessToken: string;
|
|
21
|
+
refreshToken?: string;
|
|
22
|
+
expiresAt: number;
|
|
23
|
+
} | null>;
|
|
24
|
+
}
|
|
25
|
+
export interface UseTokenManagerEnvironment {
|
|
26
|
+
vue: {
|
|
27
|
+
ref: <T>(value: T) => Ref<T>;
|
|
28
|
+
computed: <T>(getter: () => T) => Ref<T>;
|
|
29
|
+
watchEffect: (effect: () => void) => void;
|
|
30
|
+
onMounted: (cb: () => void) => void;
|
|
31
|
+
onUnmounted: (cb: () => void) => void;
|
|
32
|
+
};
|
|
33
|
+
host: {
|
|
34
|
+
setTimeout: typeof setTimeout;
|
|
35
|
+
clearTimeout: typeof clearTimeout;
|
|
36
|
+
now: () => number;
|
|
37
|
+
};
|
|
38
|
+
storage: {
|
|
39
|
+
getItem: Storage['getItem'];
|
|
40
|
+
setItem: Storage['setItem'];
|
|
41
|
+
removeItem: Storage['removeItem'];
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
export interface SetTokensInput {
|
|
45
|
+
accessToken: string;
|
|
46
|
+
refreshToken?: string | null;
|
|
47
|
+
expiresAt?: number | null;
|
|
48
|
+
expiresInSeconds?: number | null;
|
|
49
|
+
}
|
|
50
|
+
export interface UseTokenManagerReturn extends UseTokenManagerState {
|
|
51
|
+
setTokens: (input: SetTokensInput) => void;
|
|
52
|
+
clearTokens: () => void;
|
|
53
|
+
forceRefresh: () => Promise<boolean>;
|
|
54
|
+
}
|
|
55
|
+
export declare function useTokenManager(options: UseTokenManagerOptions, env: UseTokenManagerEnvironment): UseTokenManagerReturn;
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
export function useTokenManager(options, env) {
|
|
2
|
+
const refreshThresholdMs = options.refreshThresholdMs ?? 60_000;
|
|
3
|
+
const keyAccess = options.storageKeys?.access ?? 'token:access';
|
|
4
|
+
const keyRefresh = options.storageKeys?.refresh ?? 'token:refresh';
|
|
5
|
+
const keyExpiresAt = options.storageKeys?.expiresAt ?? 'token:expiresAt';
|
|
6
|
+
const accessToken = env.vue.ref(null);
|
|
7
|
+
const refreshToken = env.vue.ref(null);
|
|
8
|
+
const expiresAt = env.vue.ref(null);
|
|
9
|
+
const isRefreshing = env.vue.ref(false);
|
|
10
|
+
const error = env.vue.ref(null);
|
|
11
|
+
const isAuthenticated = env.vue.computed(() => {
|
|
12
|
+
if (!accessToken.value || !expiresAt.value)
|
|
13
|
+
return false;
|
|
14
|
+
return expiresAt.value > env.host.now();
|
|
15
|
+
});
|
|
16
|
+
let refreshTimer = null;
|
|
17
|
+
let hasHydrated = false;
|
|
18
|
+
function persist() {
|
|
19
|
+
try {
|
|
20
|
+
if (accessToken.value)
|
|
21
|
+
env.storage.setItem(keyAccess, accessToken.value);
|
|
22
|
+
else
|
|
23
|
+
env.storage.removeItem(keyAccess);
|
|
24
|
+
if (refreshToken.value)
|
|
25
|
+
env.storage.setItem(keyRefresh, refreshToken.value);
|
|
26
|
+
else
|
|
27
|
+
env.storage.removeItem(keyRefresh);
|
|
28
|
+
if (expiresAt.value != null)
|
|
29
|
+
env.storage.setItem(keyExpiresAt, String(expiresAt.value));
|
|
30
|
+
else
|
|
31
|
+
env.storage.removeItem(keyExpiresAt);
|
|
32
|
+
}
|
|
33
|
+
catch { }
|
|
34
|
+
}
|
|
35
|
+
function scheduleRefresh() {
|
|
36
|
+
if (refreshTimer) {
|
|
37
|
+
env.host.clearTimeout(refreshTimer);
|
|
38
|
+
refreshTimer = null;
|
|
39
|
+
}
|
|
40
|
+
if (!options.refreshFn)
|
|
41
|
+
return;
|
|
42
|
+
if (!refreshToken.value || !expiresAt.value)
|
|
43
|
+
return;
|
|
44
|
+
const now = env.host.now();
|
|
45
|
+
const dueIn = expiresAt.value - now;
|
|
46
|
+
const delay = Math.max(0, dueIn - refreshThresholdMs);
|
|
47
|
+
refreshTimer = env.host.setTimeout(() => {
|
|
48
|
+
void forceRefresh();
|
|
49
|
+
}, delay);
|
|
50
|
+
}
|
|
51
|
+
function setTokens(input) {
|
|
52
|
+
error.value = null;
|
|
53
|
+
accessToken.value = input.accessToken;
|
|
54
|
+
if (typeof input.refreshToken !== 'undefined') {
|
|
55
|
+
refreshToken.value = input.refreshToken;
|
|
56
|
+
}
|
|
57
|
+
let nextExpiresAt = null;
|
|
58
|
+
if (typeof input.expiresAt === 'number') {
|
|
59
|
+
nextExpiresAt = input.expiresAt;
|
|
60
|
+
}
|
|
61
|
+
else if (typeof input.expiresInSeconds === 'number') {
|
|
62
|
+
nextExpiresAt = env.host.now() + Math.max(0, input.expiresInSeconds) * 1000;
|
|
63
|
+
}
|
|
64
|
+
expiresAt.value = nextExpiresAt;
|
|
65
|
+
persist();
|
|
66
|
+
scheduleRefresh();
|
|
67
|
+
}
|
|
68
|
+
function clearTokens() {
|
|
69
|
+
accessToken.value = null;
|
|
70
|
+
refreshToken.value = null;
|
|
71
|
+
expiresAt.value = null;
|
|
72
|
+
error.value = null;
|
|
73
|
+
if (refreshTimer) {
|
|
74
|
+
env.host.clearTimeout(refreshTimer);
|
|
75
|
+
refreshTimer = null;
|
|
76
|
+
}
|
|
77
|
+
persist();
|
|
78
|
+
}
|
|
79
|
+
async function forceRefresh() {
|
|
80
|
+
if (!options.refreshFn)
|
|
81
|
+
return false;
|
|
82
|
+
if (!refreshToken.value)
|
|
83
|
+
return false;
|
|
84
|
+
try {
|
|
85
|
+
isRefreshing.value = true;
|
|
86
|
+
error.value = null;
|
|
87
|
+
const result = await options.refreshFn(refreshToken.value);
|
|
88
|
+
if (!result) {
|
|
89
|
+
error.value = 'refresh failed';
|
|
90
|
+
return false;
|
|
91
|
+
}
|
|
92
|
+
setTokens({
|
|
93
|
+
accessToken: result.accessToken,
|
|
94
|
+
refreshToken: typeof result.refreshToken === 'string' ? result.refreshToken : refreshToken.value,
|
|
95
|
+
expiresAt: result.expiresAt
|
|
96
|
+
});
|
|
97
|
+
return true;
|
|
98
|
+
}
|
|
99
|
+
catch (e) {
|
|
100
|
+
error.value = e?.message ?? 'refresh error';
|
|
101
|
+
return false;
|
|
102
|
+
}
|
|
103
|
+
finally {
|
|
104
|
+
isRefreshing.value = false;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
function rehydrate() {
|
|
108
|
+
try {
|
|
109
|
+
const a = env.storage.getItem(keyAccess);
|
|
110
|
+
const r = env.storage.getItem(keyRefresh);
|
|
111
|
+
const expStr = env.storage.getItem(keyExpiresAt);
|
|
112
|
+
accessToken.value = a ?? null;
|
|
113
|
+
refreshToken.value = r ?? null;
|
|
114
|
+
expiresAt.value = expStr != null ? Number(expStr) : null;
|
|
115
|
+
}
|
|
116
|
+
catch { }
|
|
117
|
+
}
|
|
118
|
+
env.vue.onMounted(() => {
|
|
119
|
+
rehydrate();
|
|
120
|
+
hasHydrated = true;
|
|
121
|
+
scheduleRefresh();
|
|
122
|
+
});
|
|
123
|
+
env.vue.onUnmounted(() => {
|
|
124
|
+
if (refreshTimer) {
|
|
125
|
+
env.host.clearTimeout(refreshTimer);
|
|
126
|
+
refreshTimer = null;
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
env.vue.watchEffect(() => {
|
|
130
|
+
if (!hasHydrated)
|
|
131
|
+
return;
|
|
132
|
+
persist();
|
|
133
|
+
});
|
|
134
|
+
return {
|
|
135
|
+
accessToken,
|
|
136
|
+
refreshToken,
|
|
137
|
+
expiresAt,
|
|
138
|
+
isRefreshing,
|
|
139
|
+
error,
|
|
140
|
+
isAuthenticated,
|
|
141
|
+
setTokens,
|
|
142
|
+
clearTokens,
|
|
143
|
+
forceRefresh
|
|
144
|
+
};
|
|
145
|
+
}
|
|
146
|
+
//# sourceMappingURL=useTokenManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTokenManager.js","sourceRoot":"","sources":["../../../src/vue-hooks/state/useTokenManager.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { Ref } from 'vue';
|
|
2
|
+
import type { Storage } from '../../../references/storage.d';
|
|
3
|
+
export interface UserProfile {
|
|
4
|
+
id: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
email?: string;
|
|
7
|
+
avatarUrl?: string;
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
}
|
|
10
|
+
export interface UseUserManagerEnvironment {
|
|
11
|
+
vue: {
|
|
12
|
+
ref: <T>(value: T) => Ref<T>;
|
|
13
|
+
computed: <T>(getter: () => T) => Ref<T>;
|
|
14
|
+
watchEffect: (effect: () => void) => void;
|
|
15
|
+
onMounted: (cb: () => void) => void;
|
|
16
|
+
onUnmounted: (cb: () => void) => void;
|
|
17
|
+
};
|
|
18
|
+
storage: {
|
|
19
|
+
getItem: Storage['getItem'];
|
|
20
|
+
setItem: Storage['setItem'];
|
|
21
|
+
removeItem: Storage['removeItem'];
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
export interface UseUserManagerOptions {
|
|
25
|
+
storageKey?: string;
|
|
26
|
+
fetchUserFn?: (accessToken: string) => Promise<UserProfile | null>;
|
|
27
|
+
autoFetch?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export interface TokenReadonly {
|
|
30
|
+
accessToken: Ref<string | null>;
|
|
31
|
+
isAuthenticated: Ref<boolean>;
|
|
32
|
+
}
|
|
33
|
+
export interface UseUserManagerReturn {
|
|
34
|
+
user: Ref<UserProfile | null>;
|
|
35
|
+
isLoading: Ref<boolean>;
|
|
36
|
+
error: Ref<string | null>;
|
|
37
|
+
hasUser: Ref<boolean>;
|
|
38
|
+
refreshUser: () => Promise<boolean>;
|
|
39
|
+
clearUser: () => void;
|
|
40
|
+
}
|
|
41
|
+
export declare function useUserManager(token: TokenReadonly, options: UseUserManagerOptions, env: UseUserManagerEnvironment): UseUserManagerReturn;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
export function useUserManager(token, options, env) {
|
|
2
|
+
const key = options.storageKey ?? 'user:profile';
|
|
3
|
+
const autoFetch = options.autoFetch ?? true;
|
|
4
|
+
const user = env.vue.ref(null);
|
|
5
|
+
const isLoading = env.vue.ref(false);
|
|
6
|
+
const error = env.vue.ref(null);
|
|
7
|
+
const hasUser = env.vue.computed(() => user.value != null);
|
|
8
|
+
let hasMounted = false;
|
|
9
|
+
function persist() {
|
|
10
|
+
try {
|
|
11
|
+
if (user.value)
|
|
12
|
+
env.storage.setItem(key, JSON.stringify(user.value));
|
|
13
|
+
else
|
|
14
|
+
env.storage.removeItem(key);
|
|
15
|
+
}
|
|
16
|
+
catch { }
|
|
17
|
+
}
|
|
18
|
+
function rehydrate() {
|
|
19
|
+
try {
|
|
20
|
+
const raw = env.storage.getItem(key);
|
|
21
|
+
if (raw)
|
|
22
|
+
user.value = JSON.parse(raw);
|
|
23
|
+
}
|
|
24
|
+
catch { }
|
|
25
|
+
}
|
|
26
|
+
async function refreshUser() {
|
|
27
|
+
if (!options.fetchUserFn)
|
|
28
|
+
return false;
|
|
29
|
+
const tokenValue = token.accessToken.value;
|
|
30
|
+
if (!tokenValue)
|
|
31
|
+
return false;
|
|
32
|
+
try {
|
|
33
|
+
isLoading.value = true;
|
|
34
|
+
error.value = null;
|
|
35
|
+
const profile = await options.fetchUserFn(tokenValue);
|
|
36
|
+
if (!profile) {
|
|
37
|
+
user.value = null;
|
|
38
|
+
persist();
|
|
39
|
+
return false;
|
|
40
|
+
}
|
|
41
|
+
user.value = profile;
|
|
42
|
+
persist();
|
|
43
|
+
return true;
|
|
44
|
+
}
|
|
45
|
+
catch (e) {
|
|
46
|
+
error.value = e?.message ?? 'fetch user error';
|
|
47
|
+
return false;
|
|
48
|
+
}
|
|
49
|
+
finally {
|
|
50
|
+
isLoading.value = false;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
function clearUser() {
|
|
54
|
+
user.value = null;
|
|
55
|
+
error.value = null;
|
|
56
|
+
persist();
|
|
57
|
+
}
|
|
58
|
+
env.vue.onMounted(() => {
|
|
59
|
+
rehydrate();
|
|
60
|
+
hasMounted = true;
|
|
61
|
+
if (autoFetch && token.isAuthenticated.value && token.accessToken.value) {
|
|
62
|
+
void refreshUser();
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
env.vue.watchEffect(() => {
|
|
66
|
+
if (!hasMounted || !autoFetch)
|
|
67
|
+
return;
|
|
68
|
+
if (token.isAuthenticated.value && token.accessToken.value) {
|
|
69
|
+
void refreshUser();
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
clearUser();
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
return { user, isLoading, error, hasUser, refreshUser, clearUser };
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=useUserManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUserManager.js","sourceRoot":"","sources":["../../../src/vue-hooks/state/useUserManager.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "zcw-shared",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.32.1",
|
|
4
4
|
"files": [
|
|
5
5
|
"references",
|
|
6
6
|
"dist",
|
|
@@ -282,11 +282,16 @@
|
|
|
282
282
|
"./vue-hooks/state/createGlobalState": "./dist/vue-hooks/state/createGlobalState.js",
|
|
283
283
|
"./vue-hooks/state/createInjectionState": "./dist/vue-hooks/state/createInjectionState.js",
|
|
284
284
|
"./vue-hooks/state/createSharedComposable": "./dist/vue-hooks/state/createSharedComposable.js",
|
|
285
|
+
"./vue-hooks/state/handleUserInvalid": "./dist/vue-hooks/state/handleUserInvalid.js",
|
|
285
286
|
"./vue-hooks/state/injectLocal": "./dist/vue-hooks/state/injectLocal.js",
|
|
286
287
|
"./vue-hooks/state/provideLocal": "./dist/vue-hooks/state/provideLocal.js",
|
|
287
288
|
"./vue-hooks/state/useAsyncState": "./dist/vue-hooks/state/useAsyncState.js",
|
|
288
289
|
"./vue-hooks/state/useCounter": "./dist/vue-hooks/state/useCounter.js",
|
|
290
|
+
"./vue-hooks/state/useGlobalSettingsManager": "./dist/vue-hooks/state/useGlobalSettingsManager.js",
|
|
291
|
+
"./vue-hooks/state/useSystemSettingsManager": "./dist/vue-hooks/state/useSystemSettingsManager.js",
|
|
289
292
|
"./vue-hooks/state/useToggle": "./dist/vue-hooks/state/useToggle.js",
|
|
293
|
+
"./vue-hooks/state/useTokenManager": "./dist/vue-hooks/state/useTokenManager.js",
|
|
294
|
+
"./vue-hooks/state/useUserManager": "./dist/vue-hooks/state/useUserManager.js",
|
|
290
295
|
"./vue-hooks/time/useInterval": "./dist/vue-hooks/time/useInterval.js",
|
|
291
296
|
"./vue-hooks/time/useTimeout": "./dist/vue-hooks/time/useTimeout.js",
|
|
292
297
|
"./vue-hooks/worker/useWebWorker": "./dist/vue-hooks/worker/useWebWorker.js",
|