mirror of
https://github.com/fankes/komari-theme-purcarte.git
synced 2025-10-18 19:39:22 +08:00
perf: 解耦延迟图表的显示状态和数据渲染
This commit is contained in:
@@ -42,9 +42,15 @@ const PingChart = memo(({ node, hours }: PingChartProps) => {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (pingHistory?.tasks) {
|
if (pingHistory?.tasks) {
|
||||||
setVisiblePingTasks(pingHistory.tasks.map((t) => t.id));
|
const taskIds = pingHistory.tasks.map((t) => t.id);
|
||||||
|
setVisiblePingTasks((prevVisibleTasks) => {
|
||||||
|
const newVisibleTasks = taskIds.filter(
|
||||||
|
(id) => prevVisibleTasks.length === 0 || prevVisibleTasks.includes(id)
|
||||||
|
);
|
||||||
|
return newVisibleTasks.length > 0 ? newVisibleTasks : taskIds;
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}, [pingHistory]);
|
}, [pingHistory?.tasks]);
|
||||||
|
|
||||||
const lableFormatter = useCallback(
|
const lableFormatter = useCallback(
|
||||||
(value: any) => {
|
(value: any) => {
|
||||||
|
Reference in New Issue
Block a user