1f5bed0c79
核心变更: - DevTask 字段重构：startDate/dueDate/estimateHours/actualHours 替换为 expectedStartAt/expectedEndAt/actualStartAt/actualEndAt（含时分），预计/实际工时按工作时段（9:00-12:00 + 13:00-18:00）派生计算 - 状态机自动化：到点自动切开发中、未到可手动开干、超期需填延后原因 - 新建 lib/work-hours.ts：calcWorkHours（工作时段过滤）、formatWorkHours（X h（Y 天））、calcTwoMetrics（日历/人力双口径） - 新建 lib/dev-task-transitions.ts：状态切换守卫 - 三个 Tab 顶部统计：开发任务（预/日历/人力）、测试用例 / Bug（日历 / 人力）；版本概览总人天投入改双行（日历总耗时 / 人力总投入） - 三个 Tab 加搜索框：300ms debounce + 标题/编号模糊匹配 - 性能优化：requirementIds/categories/requirements/testCases 转 Map/Set 索引、Row 组件 React.memo - 全局耗时显示统一带天数换算：8h（1天）、11h（1.4天） 新增文件: SearchInput.tsx, useDebouncedValue.ts, work-hours.ts, dev-task-transitions.ts, 设计文档 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
16 lines
514 B
TypeScript
16 lines
514 B
TypeScript
'use client';
|
||
import { useEffect, useState } from 'react';
|
||
|
||
/**
|
||
* 防抖 hook：value 变化后延迟 delay 毫秒才更新返回值
|
||
* 用于搜索框：用户输入时不立即过滤，避免 100+ 用户同时输入造成的卡顿
|
||
*/
|
||
export function useDebouncedValue<T>(value: T, delay = 300): T {
|
||
const [debounced, setDebounced] = useState(value);
|
||
useEffect(() => {
|
||
const t = setTimeout(() => setDebounced(value), delay);
|
||
return () => clearTimeout(t);
|
||
}, [value, delay]);
|
||
return debounced;
|
||
}
|