iot-manage-dashboard/packages/preference/src/cache.ts
2024-05-24 23:11:03 +08:00

60 lines
1.5 KiB
TypeScript

import type { Preference } from '@vben-core/typings';
class PreferenceCache {
cachePrefix: string;
constructor(cachePrefix: string) {
this.cachePrefix = cachePrefix;
}
/**
* 从 localStorage 中获取偏好设置
* @returns 返回从 localStorage 中获取的偏好设置,如果没有获取到,则返回默认偏好设置。
*/
get(defaultValue: Preference): Preference {
let cache = defaultValue;
try {
cache = JSON.parse(localStorage.getItem(this.getCacheKey()) || '');
} catch {
return defaultValue;
}
return cache;
}
/**
* 获取偏好设置的缓存键
*/
getCacheKey(name: string = 'preference') {
return `__${this.cachePrefix}-${name}__`;
}
/**
* 从 localStorage 中移除偏好设置
*/
remove() {
localStorage.removeItem(this.getCacheKey());
localStorage.removeItem(this.getCacheKey('locale'));
localStorage.removeItem(this.getCacheKey('theme'));
}
/**
* 将当前偏好设置持久化到 localStorage
*/
set(preference: Preference) {
localStorage.setItem(this.getCacheKey(), JSON.stringify(preference));
// 额外存储一份主题、语言
localStorage.setItem(this.getCacheKey('locale'), preference.locale);
localStorage.setItem(this.getCacheKey('theme'), preference.theme);
}
/**
* 设置偏好设置的缓存前缀
* @param prefix - 前缀
*/
setCachePrefix(prefix: string) {
this.cachePrefix = prefix;
}
}
export type PreferenceCacheType = PreferenceCache;
export { PreferenceCache };