fix(analysis): preserve tab panel state

src/components/olmap/BurstLocation/SchemeQuery.tsx

@@ -23,6 +23,7 @@ import dayjs, { Dayjs } from "dayjs";
 import { useNotification } from "@refinedev/core";
 import { api } from "@/lib/api";
 import { NETWORK_NAME, config } from "@config/config";
+import { useControllableObjectState } from "@components/olmap/core/useControllableState";
 import {
   BurstLocationResult,
   BurstLocationSchemeDetail,
@@ -34,15 +35,39 @@ interface Props {
   onViewResult: (result: BurstLocationResult) => void;
   schemes?: BurstSchemeRecord[];
   onSchemesChange?: (schemes: BurstSchemeRecord[]) => void;
+  state?: BurstLocationSchemeQueryState;
+  onStateChange?: (state: BurstLocationSchemeQueryState) => void;
 }
 
-const SchemeQuery: React.FC<Props> = ({ onViewResult, schemes: externalSchemes, onSchemesChange }) => {
+export interface BurstLocationSchemeQueryState {
+  queryAll: boolean;
+  queryDate: Dayjs | null;
+  expandedId: number | null;
+}
+
+export const createBurstLocationSchemeQueryState =
+  (): BurstLocationSchemeQueryState => ({
+    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,
+    createBurstLocationSchemeQueryState(),
+  );
+  const { queryAll, queryDate, expandedId } = queryState;
   const [internalSchemes, setInternalSchemes] = useState<BurstSchemeRecord[]>([]);
   const [loading, setLoading] = useState(false);
-  const [expandedId, setExpandedId] = useState<number | null>(null);
   const schemes = externalSchemes !== undefined ? externalSchemes : internalSchemes;
   const setSchemes = onSchemesChange || setInternalSchemes;
 
@@ -157,7 +182,7 @@ const SchemeQuery: React.FC<Props> = ({ onViewResult, schemes: externalSchemes,
                 <Checkbox
                   size="small"
                   checked={queryAll}
-                  onChange={(e) => setQueryAll(e.target.checked)}
+                  onChange={(e) => setQueryField("queryAll", e.target.checked)}
                 />
               }
               label={<Typography variant="body2">查询全部</Typography>}
@@ -166,7 +191,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: 200 } } }}
@@ -281,7 +306,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"