refactor(mp): 架构重构 — usePageData 统一数据加载 + Store 解耦 + 大页面拆分

新增 usePageData hook(useDidShow 节流 + usePullDownRefresh + loadingRef 防重入 + enabled 条件守卫),
44/58 页面迁移接入,消灭 4 种数据加载模式并存。

- 新增 hooks/usePageData.ts — 统一页面数据加载生命周期
- 新增 stores/index.ts — resetAllStores() 解耦 auth↔health store 依赖
- 新增 pages/index/useHomeData.ts — 首页数据 hook(424→282 行)
- 新增 pages/health/useHealthData.ts — 健康页数据 hook(422→254 行)
- 44 个页面迁移到 usePageData(9 患者端 + 15 医生端 + 20 子包)
- auth store logout 不再直接导入 health store

构建通过,测试 74/75(1 个预存失败)。
This commit is contained in:
iven
2026-05-15 01:13:01 +08:00
parent 0f58af245d
commit 1fd2c7a533
52 changed files with 791 additions and 664 deletions

View File

@@ -1,4 +1,4 @@
import { useState, useRef } from 'react';
import { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { useReachBottom } from '@tarojs/taro';
import { listConsultations, ConsultationSession } from '../../services/consultation';
@@ -7,7 +7,7 @@ import Loading from '../../components/Loading';
import GuestGuard from '../../components/GuestGuard';
import { useAuthStore } from '../../stores/auth';
import { useElderClass } from '../../hooks/useElderClass';
import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
import { usePageData } from '@/hooks/usePageData';
import './index.scss';
type MsgTab = 'consultation' | 'notification';
@@ -38,11 +38,8 @@ export default function Messages() {
const [loading, setLoading] = useState(false);
const [page, setPage] = useState(1);
const [total, setTotal] = useState(0);
const loadingRef = useRef(false);
const loadData = async (tab: MsgTab, pageNum: number = 1, isRefresh = false) => {
if (loadingRef.current) return;
loadingRef.current = true;
const loadData = useCallback(async (tab: MsgTab, pageNum: number = 1, isRefresh = false) => {
setLoading(true);
try {
if (tab === 'consultation') {
@@ -73,13 +70,15 @@ export default function Messages() {
}
} finally {
setLoading(false);
loadingRef.current = false;
}
};
}, []);
useThrottledDidShow(() => {
if (user) loadData(activeTab, 1, true);
}, 5000);
usePageData(
useCallback(async () => {
if (user) await loadData(activeTab, 1, true);
}, [user, activeTab, loadData]),
{ throttleMs: 5000, enablePullDown: false },
);
const handleTabChange = (tab: MsgTab) => {
setActiveTab(tab);