feat(kline): prefetch multi-day intraday so switching keeps intraday tab instant

之前邻股只预取了日K/财务/单日分时(日K视图旁的分时图), 分时 tab 用的
多日分时(klineMinuteRange)没预取 → 分时 tab 切股仍要重新加载。

- lib/kline.ts: 新增 klineMinuteRangeQueryOptions, StockMultiDayIntradayChart 与预取共用
- StockPanel: 新增 intradayDays prop, 邻股预取补充 klineMinuteRange(days) + 最新分时
- StockPreviewDialog: 把当前 intradayDays 传给两个分支的 StockPanel, 保证 queryKey 命中

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/StockMultiDayIntradayChart.tsx

@@ -2,8 +2,7 @@ import { useEffect, useMemo, useRef } from 'react'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { Download, Loader2, RefreshCw } from 'lucide-react'
 import { api, type MinuteKlineSession } from '@/lib/api'
-import { QK } from '@/lib/queryKeys'
-import { klineMinuteQueryOptions } from '@/lib/kline'
+import { klineMinuteQueryOptions, klineMinuteRangeQueryOptions } from '@/lib/kline'
 import { toast } from '@/components/Toast'
 import { EChartsMultiDayIntraday } from '@/components/EChartsMultiDayIntraday'
 
@@ -30,8 +29,7 @@ export function StockMultiDayIntradayChart({
 }: Props) {
   const queryClient = useQueryClient()
   const history = useQuery({
-    queryKey: QK.klineMinuteRange(symbol, days),
-    queryFn: () => api.klineMinuteRange(symbol, days),
+    ...klineMinuteRangeQueryOptions(symbol, days),
     enabled: !!symbol,
     placeholderData: (previous, previousQuery) =>
       previousQuery?.queryKey[1] === symbol ? previous : undefined,

frontend/src/components/StockPanel.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState, useCallback, useRef, useMemo } from 'react'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { X } from 'lucide-react'
 import { type KlineRow, type FinancialMetricRecord } from '@/lib/api'
-import { klineDailyQueryOptions, klineMinuteQueryOptions } from '@/lib/kline'
+import { klineDailyQueryOptions, klineMinuteQueryOptions, klineMinuteRangeQueryOptions } from '@/lib/kline'
 import { StockInfoBar } from '@/components/StockInfoBar'
 import { StockDailyKChart, getDefaultRange, toOHLC } from '@/components/StockDailyKChart'
 import { StockIntradayChart } from '@/components/StockIntradayChart'
@@ -44,6 +44,8 @@ interface Props {
   infoBarOnly?: boolean
   /** 邻近预取目标 (切股导航的左右邻股): 提前拉取其日K/财务/分时缓存, 切换瞬间免 loading */
   prefetchSymbols?: string[]
+  /** 多日分时周期 (分时 tab 使用): 预取邻股 klineMinuteRange 时用同一 days, 保证 queryKey 命中 */
+  intradayDays?: number
 }
 
 export { getDefaultRange }
@@ -69,6 +71,7 @@ export function StockPanel({
   refetchIntervalMs,
   infoBarOnly = false,
   prefetchSymbols,
+  intradayDays = 10,
 }: Props) {
   const [linkedPrice, setLinkedPrice] = useState<number | null>(null)
   const [selectedDate, setSelectedDate] = useState<string | null>(null)
@@ -127,6 +130,9 @@ export function StockPanel({
       if (hasFinanceField && hasFinancialCap) {
         qc.prefetchQuery(financialMetricsQueryOptions(s))
       }
+      // 分时 tab 的多日分时 + 最新分时: 切股后分时图也免 loading (与日K并行预取)
+      qc.prefetchQuery({ ...klineMinuteRangeQueryOptions(s, intradayDays), staleTime: 30_000 })
+      qc.prefetchQuery({ ...klineMinuteQueryOptions(s), staleTime: 30_000 })
       // 日K用 fetchQuery (返回数据) 以便级联预取分时; 邻股预取失败静默, 不影响切股。
       void qc.fetchQuery({ ...klineDailyQueryOptions(s, dateRange, extColumns), staleTime: 30_000 })
         .then((res) => {
@@ -141,7 +147,7 @@ export function StockPanel({
         })
         .catch(() => {})
     }
-  }, [prefetchKey, symbol, dateRange, extColumns, hasFinanceField, hasFinancialCap, qc])
+  }, [prefetchKey, symbol, dateRange, extColumns, hasFinanceField, hasFinancialCap, intradayDays, qc])
 
   // symbol 变化时重置分时相关状态，避免切股后残留旧日期。
   // 日K信息直接读 query data (切股到已预取邻股首帧即有), 无需清空或门控。

frontend/src/components/StockPreviewDialog.tsx

@@ -606,6 +606,7 @@ export function StockPreviewDialog({ symbol, name, onClose, triggerInfo, navList
                   onPriceDoubleClick={openPriceAlert}
                   refetchIntervalMs={intradayRefetchMs}
                   prefetchSymbols={prefetchSymbols}
+                  intradayDays={intradayDays}
                 />
               ) : (
                 <>
@@ -614,6 +615,7 @@ export function StockPreviewDialog({ symbol, name, onClose, triggerInfo, navList
                   dateRange={dateRange}
                   infoBarOnly
                   prefetchSymbols={prefetchSymbols}
+                  intradayDays={intradayDays}
                 />
                 <StockMultiDayIntradayChart
                   symbol={symbol}

frontend/src/lib/kline.ts

@@ -38,3 +38,11 @@ export function klineMinuteQueryOptions(symbol: string, date?: string, live?: bo
     queryFn: () => api.klineMinute(symbol, date ?? undefined, live),
   }
 }
+
+/** 多日分时查询配置 — 分时 tab 的 StockMultiDayIntradayChart 与 邻近预取 共用。 */
+export function klineMinuteRangeQueryOptions(symbol: string, days: number) {
+  return {
+    queryKey: QK.klineMinuteRange(symbol, days),
+    queryFn: () => api.klineMinuteRange(symbol, days),
+  }
+}