perf(web): 优化大数据量页面切换与聚合性能
This commit is contained in:
@@ -4,7 +4,7 @@ import type { DevTask, DevTaskStatus } from '@/lib/dev-task';
|
||||
import { generateTaskNo, isLegacyTask } from '@/lib/dev-task';
|
||||
import { applyDevTaskTransition, normalizeDevTaskOnCreate } from '@/lib/dev-task-workflow';
|
||||
import { createEntityId, dedupeEntityIds } from '@/lib/entity-id';
|
||||
import { loadServerData, saveServerData } from '@/lib/server-data';
|
||||
import { loadServerData, saveServerData, SERVER_DATA_CACHE_MS } from '@/lib/server-data';
|
||||
import {
|
||||
makeDevTaskBlockedActivity,
|
||||
makeDevTaskCreatedActivity,
|
||||
@@ -17,6 +17,8 @@ function saveStored(items: DevTask[]) {
|
||||
saveServerData('dev-tasks', items).catch(() => {});
|
||||
}
|
||||
|
||||
let lastTasksFetchAt = 0;
|
||||
|
||||
async function loadStored(): Promise<DevTask[] | null> {
|
||||
try {
|
||||
const parsed = await loadServerData<DevTask[]>('dev-tasks');
|
||||
@@ -34,7 +36,8 @@ async function loadStored(): Promise<DevTask[] | null> {
|
||||
|
||||
interface DevTaskState {
|
||||
tasks: DevTask[];
|
||||
fetchTasks: () => Promise<void>;
|
||||
loaded: boolean;
|
||||
fetchTasks: (options?: { force?: boolean }) => Promise<void>;
|
||||
createTask: (data: Omit<DevTask, 'id' | 'taskNo' | 'createdAt' | 'updatedAt' | 'isBlocked'>) => DevTask;
|
||||
updateTask: (id: string, data: Partial<DevTask>) => void;
|
||||
deleteTask: (id: string) => void;
|
||||
@@ -47,10 +50,14 @@ interface DevTaskState {
|
||||
|
||||
export const useDevTaskStore = create<DevTaskState>((set, get) => ({
|
||||
tasks: [],
|
||||
loaded: false,
|
||||
|
||||
fetchTasks: async () => {
|
||||
fetchTasks: async (options) => {
|
||||
if (!options?.force && get().loaded && Date.now() - lastTasksFetchAt < SERVER_DATA_CACHE_MS) return;
|
||||
const cached = await loadStored();
|
||||
set({ tasks: cached ?? [] });
|
||||
if (!options?.force && get().loaded && Date.now() - lastTasksFetchAt < SERVER_DATA_CACHE_MS) return;
|
||||
lastTasksFetchAt = Date.now();
|
||||
set({ tasks: cached ?? [], loaded: true });
|
||||
},
|
||||
|
||||
createTask: (data) => {
|
||||
@@ -65,7 +72,7 @@ export const useDevTaskStore = create<DevTaskState>((set, get) => ({
|
||||
updatedAt: now,
|
||||
} as DevTask);
|
||||
const updated = [...list, task];
|
||||
set({ tasks: updated });
|
||||
set({ tasks: updated, loaded: true });
|
||||
saveStored(updated);
|
||||
useWorkActivityStore.getState().addActivity(makeDevTaskCreatedActivity(task, task.createdBy || task.assigneeId));
|
||||
return task;
|
||||
@@ -75,13 +82,13 @@ export const useDevTaskStore = create<DevTaskState>((set, get) => ({
|
||||
const updated = get().tasks.map((t) =>
|
||||
t.id === id ? { ...t, ...data, aiDraft: false, updatedAt: new Date().toISOString() } : t,
|
||||
);
|
||||
set({ tasks: updated });
|
||||
set({ tasks: updated, loaded: true });
|
||||
saveStored(updated);
|
||||
},
|
||||
|
||||
deleteTask: (id) => {
|
||||
const updated = get().tasks.filter((t) => t.id !== id);
|
||||
set({ tasks: updated });
|
||||
set({ tasks: updated, loaded: true });
|
||||
saveStored(updated);
|
||||
},
|
||||
|
||||
|
||||
Reference in New Issue
Block a user