refactor(hooks): extract classroom data hook

Author: bingling-sama

src/app/(mainPage)/classroom.tsx

@@ -2,18 +2,17 @@ import { router, useFocusEffect } from 'expo-router';
 import * as React from 'react';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
 
+import { useClassroomData } from '@/hooks';
+
 import Modal from '@/components/modal';
 import Text from '@/components/text';
 
-import { useHeaderRightStore } from '@/store/headerRight';
 import { useClassroomWarningStore } from '@/store/classroom';
+import { useHeaderRightStore } from '@/store/headerRight';
 import useVisualScheme from '@/store/visualScheme';
 
 import StarIcon from '@/assets/icons/star.svg';
-import {
-  ClassroomContent,
-  useClassroomData,
-} from '@/modules/mainPage/components/classroom';
+import { ClassroomContent } from '@/modules/mainPage/components/classroom';
 
 export default function Classroom() {
   const currentStyle = useVisualScheme(state => state.currentStyle);

src/app/(mainPage)/classroomStar.tsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import {
-  ClassroomContent,
-  useClassroomData,
-} from '@/modules/mainPage/components/classroom';
+import { useClassroomData } from '@/hooks';
 
 import { useHeaderRightStore } from '@/store/headerRight';
 import useVisualScheme from '@/store/visualScheme';
 
+import { ClassroomContent } from '@/modules/mainPage/components/classroom';
+
 export default function ClassroomStar() {
   const currentStyle = useVisualScheme(state => state.currentStyle);
   const setHeaderRight = useHeaderRightStore(state => state.setContent);

src/components/picker/index.tsx

@@ -74,6 +74,8 @@ const Picker: React.FC<DatePickerProps> = ({
   onConfirm,
   onClose,
   defaultValue,
+  controlledValue,
+  onColumnChange,
   prefixes,
   mode = 'bottom',
   style,
@@ -97,19 +99,39 @@ const Picker: React.FC<DatePickerProps> = ({
       : commonColors.darkGray;
   }, [themeName]);
   const [pickerValue, setPickerValue] = useState<(string | number)[]>([]);
+  // 用 ref 追踪上一次值，用于检测哪列发生了变化
+  const prevPickerValue = React.useRef<(string | number)[]>([]);
+
   const title = useMemo(
     () => titleDisplayLogic(pickerValue, data),
     [pickerValue, data]
   );
   const isBottomMode = useMemo(() => {
     return mode !== 'middle';
   }, [mode]);
-  // 默认选择逻辑
+  // 默认选择逻辑（仅 mount 时）
   useEffect(() => {
-    handlePick(defaultValue ? defaultValue : data.map(item => item[0].value));
+    const initial = defaultValue ?? data.map(item => item[0].value);
+    prevPickerValue.current = initial;
+    setPickerValue(initial);
   }, []);
+  // 外部 controlledValue 变化时同步内部状态（用于级联重置）
+  useEffect(() => {
+    if (!controlledValue) return;
+    const serialized = JSON.stringify(controlledValue);
+    if (serialized === JSON.stringify(prevPickerValue.current)) return;
+    prevPickerValue.current = [...controlledValue];
+    setPickerValue([...controlledValue]);
+  }, [JSON.stringify(controlledValue)]);
+
   const handlePick = (pickedValue: (string | number)[]) => {
+    const prev = prevPickerValue.current;
+    const changedIndex = pickedValue.findIndex((v, i) => v !== prev[i]);
+    prevPickerValue.current = [...pickedValue];
     setPickerValue(pickedValue);
+    if (onColumnChange && changedIndex >= 0) {
+      onColumnChange(pickedValue, changedIndex);
+    }
   };
   const handleConfirm = () => {
     if (onConfirm) onConfirm(pickerValue.map(item => String(item)));

src/components/picker/types.ts

@@ -7,10 +7,17 @@ export type ConnectorDataType = { content: string; columnIndex: number }[];
 export interface DatePickerProps extends Omit<ModalTriggerProps, 'onConfirm'> {
   /** 数据，必须有 label 和 value */
   data?: PickerDataType;
-  /** 默认选择的数据 */
+  /** 默认选择的数据（仅首次 mount 时生效） */
   defaultValue?: (string | number)[];
+  /** 外部控制当前选中值，变化时同步到内部 pickerValue */
+  controlledValue?: (string | number)[];
   /** 与 Modal 不同，这里 onConfirm 需要带回选中数据 */
   onConfirm?: (_values: string[]) => void;
+  /** 用户滑动任意列时实时回调，可用于级联更新 data */
+  onColumnChange?: (
+    _values: (string | number)[],
+    _changedIndex: number
+  ) => void;
   /** 自定义标题展示逻辑 */
   titleDisplayLogic?: (
     _picked: (string | number)[],

src/hooks/index.ts

@@ -1,4 +1,5 @@
 export { default as useBadgeSync } from './useBadgeSync';
+export { default as useClassroomData } from './useClassroomData';
 export { default as useDebounce } from './useDebounce';
 export { default as useJPush } from './useJPush';
 export { default as useKeyboardStatus } from './useKeyboardStatus';