refactor: ♻️ 字典缓存加载方式修改为按需加载,添加字典实时更新通知

This commit is contained in:
ray
2025-04-27 18:30:24 +08:00
parent 6a245e9d26
commit 7a04eea075
10 changed files with 606 additions and 10043 deletions

View File

@@ -1,38 +1,80 @@
import { defineStore } from "pinia";
import DictAPI, { type DictVO, type DictData } from "@/api/system/dict";
import { setDictCache, getDictCache } from "@/utils/cache";
import DictAPI, { type DictItemOption } from "@/api/system/dict";
const DICT_CACHE_KEY = "dict_cache";
export const useDictStore = defineStore("dict", () => {
const dictionary = ref<Record<string, DictData[]>>(getDictCache());
// 字典数据缓存
const dictCache = ref<Record<string, DictItemOption[]>>(uni.getStorageSync(DICT_CACHE_KEY) || {});
const setDictionary = (dict: DictVO) => {
dictionary.value[dict.dictCode] = dict.dictDataList;
setDictCache(dictionary.value);
// 监听dictCache变化同步到本地存储
watch(
dictCache,
(newVal) => {
uni.setStorageSync(DICT_CACHE_KEY, newVal);
},
{ deep: true }
);
// 请求队列(防止重复请求)
const requestQueue: Record<string, Promise<void>> = {};
/**
* 缓存字典数据
* @param dictCode 字典编码
* @param data 字典项列表
*/
const cacheDictItems = (dictCode: string, data: DictItemOption[]) => {
dictCache.value[dictCode] = data;
};
const loadDictionaries = async () => {
const dictList = await DictAPI.getList();
dictList.forEach(setDictionary);
/**
* 加载字典数据(如果缓存中没有则请求)
* @param dictCode 字典编码
*/
const loadDictItems = async (dictCode: string) => {
if (dictCache.value[dictCode]) return;
// 防止重复请求
if (!requestQueue[dictCode]) {
requestQueue[dictCode] = DictAPI.getDictItems(dictCode).then((data) => {
cacheDictItems(dictCode, data);
Reflect.deleteProperty(requestQueue, dictCode);
});
}
await requestQueue[dictCode];
};
const getDictionary = (dictCode: string): DictData[] => {
return dictionary.value[dictCode] || [];
/**
* 获取字典项列表
* @param dictCode 字典编码
* @returns 字典项列表
*/
const getDictItems = (dictCode: string): DictItemOption[] => {
return dictCache.value[dictCode] || [];
};
const clearDictionaryCache = () => {
dictionary.value = {};
/**
* 移除指定字典项
* @param dictCode 字典编码
*/
const removeDictItem = (dictCode: string) => {
if (dictCache.value[dictCode]) {
Reflect.deleteProperty(dictCache.value, dictCode);
}
};
const updateDictionaryCache = async () => {
clearDictionaryCache(); // 先清除旧缓存
await loadDictionaries(); // 重新加载最新字典数据
/**
* 清空字典缓存
*/
const clearDictCache = () => {
dictCache.value = {};
};
return {
dictionary,
setDictionary,
loadDictionaries,
getDictionary,
clearDictionaryCache,
updateDictionaryCache,
loadDictItems,
getDictItems,
removeDictItem,
clearDictCache,
};
});