fix(analysis): preserve tab panel state

src/components/olmap/BurstDetection/SchemeQuery.tsx

@@ -23,6 +23,7 @@ import "dayjs/locale/zh-cn";
 import { useNotification } from "@refinedev/core";
 import { api } from "@/lib/api";
 import { NETWORK_NAME } from "@config/config";
+import { useControllableObjectState } from "@components/olmap/core/useControllableState";
 import {
   BurstDetectionResult,
   BurstDetectionSchemeDetail,
@@ -33,15 +34,39 @@ interface Props {
   onViewResult: (result: BurstDetectionResult) => void;
   schemes?: BurstDetectionSchemeRecord[];
   onSchemesChange?: (schemes: BurstDetectionSchemeRecord[]) => void;
+  state?: BurstDetectionSchemeQueryState;
+  onStateChange?: (state: BurstDetectionSchemeQueryState) => void;
 }
 
-const SchemeQuery: React.FC<Props> = ({ onViewResult, schemes: externalSchemes, onSchemesChange }) => {
+export interface BurstDetectionSchemeQueryState {
+  queryAll: boolean;
+  queryDate: Dayjs | null;
+  expandedId: number | null;
+}
+
+export const createBurstDetectionSchemeQueryState =
+  (): BurstDetectionSchemeQueryState => ({
+    queryAll: true,
+    queryDate: dayjs(),
+    expandedId: null,
+  });
+
+const SchemeQuery: React.FC<Props> = ({
+  onViewResult,
+  schemes: externalSchemes,
+  onSchemesChange,
+  state,
+  onStateChange,
+}) => {
   const { open } = useNotification();
-  const [queryAll, setQueryAll] = useState(true);
-  const [queryDate, setQueryDate] = useState<Dayjs | null>(dayjs());
+  const [queryState, , setQueryField] = useControllableObjectState(
+    state,
+    onStateChange,
+    createBurstDetectionSchemeQueryState(),
+  );
+  const { queryAll, queryDate, expandedId } = queryState;
   const [internalSchemes, setInternalSchemes] = useState<BurstDetectionSchemeRecord[]>([]);
   const [loading, setLoading] = useState(false);
-  const [expandedId, setExpandedId] = useState<number | null>(null);
   const schemes = externalSchemes !== undefined ? externalSchemes : internalSchemes;
   const setSchemes = onSchemesChange || setInternalSchemes;
 
@@ -159,7 +184,7 @@ const SchemeQuery: React.FC<Props> = ({ onViewResult, schemes: externalSchemes,
                 <Checkbox
                   size="small"
                   checked={queryAll}
-                  onChange={(event) => setQueryAll(event.target.checked)}
+                  onChange={(event) => setQueryField("queryAll", event.target.checked)}
                 />
               }
               label={<Typography variant="body2">查询全部</Typography>}
@@ -168,7 +193,7 @@ const SchemeQuery: React.FC<Props> = ({ onViewResult, schemes: externalSchemes,
             <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale="zh-cn">
               <DatePicker
                 value={queryDate}
-                onChange={setQueryDate}
+                onChange={(value) => setQueryField("queryDate", value)}
                 disabled={queryAll}
                 format="YYYY-MM-DD"
                 slotProps={{ textField: { size: "small", sx: { width: 180 } } }}
@@ -241,7 +266,10 @@ const SchemeQuery: React.FC<Props> = ({ onViewResult, schemes: externalSchemes,
                           <IconButton
                             size="small"
                             onClick={() =>
-                              setExpandedId(expandedId === scheme.scheme_id ? null : scheme.scheme_id)
+                              setQueryField(
+                                "expandedId",
+                                expandedId === scheme.scheme_id ? null : scheme.scheme_id,
+                              )
                             }
                             color="primary"
                             className="p-1"