rsgltzyd
17a4dbd8a7
- 使用批量获取方法 `getMany` 替代多个单独的 `get` 调用，简化数据加载过程。 - 更新 `loadInitialData` 函数，确保从存储中获取的默认值更为一致。 - 修改测试用例以验证批量获取的功能，确保组件在不同情况下的正确性。
33 lines
825 B
TypeScript
33 lines
825 B
TypeScript
/**
|
|
* 检查 localStorage 中是否存在指定键的快照
|
|
*/
|
|
export function hasSyncSnapshot(key: string): boolean {
|
|
try {
|
|
return localStorage.getItem(`snapshot/${key}`) !== null;
|
|
} catch {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 从 localStorage 获取同步快照（用于消除异步加载产生的首屏闪烁）
|
|
*/
|
|
export function getSyncSnapshot<T>(
|
|
key: string,
|
|
defaultValue: T,
|
|
validator?: (val: unknown) => val is T,
|
|
): T {
|
|
try {
|
|
const val = localStorage.getItem(`snapshot/${key}`);
|
|
if (!val) return defaultValue;
|
|
const parsed = JSON.parse(val) as unknown;
|
|
if (validator) {
|
|
return validator(parsed) ? parsed : defaultValue;
|
|
}
|
|
return (parsed as T) ?? defaultValue;
|
|
} catch (error) {
|
|
console.error(`读取快照失败 (${key}):`, error);
|
|
return defaultValue;
|
|
}
|
|
}
|