Files
hms/apps/miniprogram/src/stores/health.ts
iven fcfc0ba5d9
Some checks failed
CI / rust-check (push) Has been cancelled
CI / rust-test (push) Has been cancelled
CI / frontend-build (push) Has been cancelled
CI / security-audit (push) Has been cancelled
perf(miniprogram): 全面性能优化 — 分包加载 + 请求缓存 + 渲染优化
分包加载(主包从 517KB 降至 275KB,-47%):
- 将 27 个页面拆入 6 个分包(health/doctor/mall/profile/content/device)
- vendors.js 从 192KB 降至 36KB(-81%)
- echarts 514KB 仅在访问健康趋势页时按需加载

请求层优化:
- GET 请求增加 in-flight 去重 + 60s TTL 响应缓存
- 新建 points store 集中管理积分/签到状态(消除 5 处重复调用)
- health store todaySummary 增加 60s TTL
- mutation 后自动失效缓存(health input/daily-monitoring)
- logout 时清空请求缓存

渲染优化:
- 7 个组件添加 React.memo(EcCanvas/TrendChart/Loading/EmptyState 等)
- 修复 TrendChart setChartReady 导致的双重渲染
- 静态数组(quickServices/quickActions/trendLinks)提取到模块级
- restoreAuth 从页面级提升到 App 级别
- 文章列表图片添加 lazyLoad

构建优化:
- prod 配置添加 terser(drop_console + drop_debugger)
- crypto-js 从全量引入改为按需引入(AES + Utf8)
2026-04-28 11:44:37 +08:00

63 lines
1.9 KiB
TypeScript

import { create } from 'zustand';
import Taro from '@tarojs/taro';
import * as healthApi from '@/services/health';
interface CachedTrend {
data: { date: string; value: number }[];
cachedAt: number;
}
interface HealthState {
todaySummary: healthApi.TodaySummary | null;
todaySummaryFetchedAt: number;
trendData: Record<string, CachedTrend>;
loading: boolean;
refreshToday: (force?: boolean) => Promise<void>;
getTrend: (indicator: string, range: string) => Promise<{ date: string; value: number }[]>;
clearCache: () => void;
}
const CACHE_TTL = 5 * 60 * 1000;
const TODAY_SUMMARY_TTL = 60_000;
export const useHealthStore = create<HealthState>((set, get) => ({
todaySummary: null,
todaySummaryFetchedAt: 0,
trendData: {},
loading: false,
refreshToday: async (force = false) => {
const state = get();
if (!force && state.todaySummary && Date.now() - state.todaySummaryFetchedAt < TODAY_SUMMARY_TTL) {
return;
}
set({ loading: true });
try {
const patientId = Taro.getStorageSync('current_patient_id') || undefined;
const data = await healthApi.getTodaySummary(patientId);
set({ todaySummary: data, todaySummaryFetchedAt: Date.now(), loading: false });
} catch {
set({ loading: false });
}
},
getTrend: async (indicator: string, range: string) => {
const cacheKey = `${indicator}_${range}`;
const cached = get().trendData[cacheKey];
if (cached && Date.now() - cached.cachedAt < CACHE_TTL) {
return cached.data;
}
try {
const resp = await healthApi.getTrend(indicator, range);
const points = resp.data_points || [];
set((s) => ({ trendData: { ...s.trendData, [cacheKey]: { data: points, cachedAt: Date.now() } } }));
return points;
} catch {
return [];
}
},
clearCache: () => set({ trendData: {}, todaySummary: null, todaySummaryFetchedAt: 0 }),
}));