From 3f28648931e9abf5a6dc3ea93c3128946d98b45f Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Wed, 26 Nov 2025 19:34:00 +0800
Subject: [PATCH] fix(query): prevent redundant usage queries when switching
 apps

Add staleTime and gcTime to useUsageQuery to avoid triggering
unnecessary API calls when switching between app tabs. The staleTime
is set dynamically based on the auto-refresh interval (or 5 minutes
by default), and gcTime is set to 10 minutes to preserve cache after
component unmount.
---
 src/lib/query/queries.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/lib/query/queries.ts b/src/lib/query/queries.ts
index e60d442a7..e1beb6ae3 100644
--- a/src/lib/query/queries.ts
+++ b/src/lib/query/queries.ts
@@ -95,6 +95,13 @@ export const useUsageQuery = (
 ) => {
   const { enabled = true, autoQueryInterval = 0 } = options || {};
 
+  // 计算 staleTime：如果有自动刷新间隔，使用该间隔；否则默认 5 分钟
+  // 这样可以避免切换 app 页面时重复触发查询
+  const staleTime =
+    autoQueryInterval > 0
+      ? autoQueryInterval * 60 * 1000 // 与刷新间隔保持一致
+      : 5 * 60 * 1000; // 默认 5 分钟
+
   const query = useQuery<UsageResult>({
     queryKey: ["usage", providerId, appId],
     queryFn: async () => usageApi.query(providerId, appId),
@@ -106,7 +113,8 @@ export const useUsageQuery = (
     refetchIntervalInBackground: true, // 后台也继续定时查询
     refetchOnWindowFocus: false,
     retry: false,
-    staleTime: 0, // 不使用缓存策略，确保 refetchInterval 准确执行
+    staleTime, // 使用动态计算的缓存时间
+    gcTime: 10 * 60 * 1000, // 缓存保留 10 分钟（组件卸载后）
   });
 
   return {