fix: 创建产品后要刷新才出现 + 刷新后已有产品的项目被清空

根因:
1. createProduct try 路径调 fetchOverview,但 fetchOverview 第 103 行
   `if (overview.length > 0) return` 直接 early return,导致新产品没被加进
   overview,需刷新才能从 localStorage 重读。
2. fetchOverview 在 cached 已有数据时仍会调 api.get 拉远端,远端 mock
   返回简化数据(无 projects)覆盖整个 overview,导致已有产品下的项目消失。

修复(mock 模式核心数据完全本地化):
- createProduct:直接本地新增 + saveLocal,异步尝试远端但不依赖(不再调
  fetchOverview)
- fetchOverview:cached 有数据时直接用,不再调远端覆盖;空时才走远端/MOCK 路径

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Script Generator
2026-06-17 11:23:39 +08:00
parent cad190d83b
commit d0fd390bd0

View File

@@ -102,18 +102,19 @@ export const useProductStore = create<ProductState>((set, get) => ({
fetchOverview: async () => { fetchOverview: async () => {
if (get().overview.length > 0) return; if (get().overview.length > 0) return;
const cached = loadLocal(); const cached = loadLocal();
if (cached.length > 0) set({ overview: cached, loading: false }); if (cached.length > 0) {
else set({ loading: true, error: null }); // 有本地缓存直接用不再调远端覆盖mock 模式核心数据在本地)
set({ overview: cached, loading: false });
return;
}
set({ loading: true, error: null });
try { try {
const overview = await api.get<ProductOverview[]>('/products/overview'); const overview = await api.get<ProductOverview[]>('/products/overview');
set({ overview, loading: false }); set({ overview, loading: false });
saveLocal(overview); saveLocal(overview);
} catch { } catch {
if (cached.length === 0) {
set({ overview: MOCK_OVERVIEW, error: null, loading: false }); set({ overview: MOCK_OVERVIEW, error: null, loading: false });
} else { saveLocal(MOCK_OVERVIEW);
set({ loading: false });
}
} }
}, },
@@ -133,10 +134,7 @@ export const useProductStore = create<ProductState>((set, get) => ({
}, },
createProduct: async (data) => { createProduct: async (data) => {
try { // 直接本地新增mock 模式核心,保留远端兼容但不依赖)
await api.post('/products', data);
await get().fetchOverview();
} catch {
const newProduct: ProductOverview = { const newProduct: ProductOverview = {
id: `local-${Date.now()}`, id: `local-${Date.now()}`,
name: data.name || '', name: data.name || '',
@@ -150,7 +148,8 @@ export const useProductStore = create<ProductState>((set, get) => ({
const updated = [newProduct, ...get().overview]; const updated = [newProduct, ...get().overview];
set({ overview: updated }); set({ overview: updated });
saveLocal(updated); saveLocal(updated);
} // 异步尝试同步远端(失败也无所谓,本地已更新)
try { await api.post('/products', data); } catch {}
}, },
updateProduct: async (id, data) => { updateProduct: async (id, data) => {