hms/apps/miniprogram/src/hooks/usePagination.ts

import { useState, useCallback, useRef } from 'react';

interface PaginationResult<T> {
  list: T[];
  setList: React.Dispatch<React.SetStateAction<T[]>>;
  loading: boolean;
  hasMore: boolean;
  total: number;
  loadMore: () => Promise<void>;
  refresh: () => Promise<void>;
}

export function usePagination<T>(
  fetcher: (page: number, pageSize: number) => Promise<{ data: T[]; total: number }>,
  pageSize = 10,
): PaginationResult<T> {
  const [list, setList] = useState<T[]>([]);
  const [loading, setLoading] = useState(false);
  const [hasMore, setHasMore] = useState(true);
  const [total, setTotal] = useState(0);
  const pageRef = useRef(1);
  const loadingRef = useRef(false);

  const loadMore = useCallback(async () => {
    if (loadingRef.current || !hasMore) return;
    loadingRef.current = true;
    setLoading(true);
    try {
      const res = await fetcher(pageRef.current, pageSize);
      const items = res.data || [];
      setList((prev) => [...prev, ...items]);
      setTotal(res.total);
      setHasMore(items.length >= pageSize);
      pageRef.current += 1;
    } catch (err) {
      console.warn('[pagination] 加载分页数据失败:', err);
    } finally {
      loadingRef.current = false;
      setLoading(false);
    }
  }, [fetcher, pageSize, hasMore]);

  const refresh = useCallback(async () => {
    if (loadingRef.current) return;
    loadingRef.current = true;
    setLoading(true);
    pageRef.current = 1;
    setHasMore(true);
    try {
      const res = await fetcher(1, pageSize);
      const items = res.data || [];
      setList(items);
      setTotal(res.total);
      setHasMore(items.length >= pageSize);
      pageRef.current = 2;
    } catch (err) {
      console.warn('[pagination] 加载分页数据失败:', err);
    } finally {
      loadingRef.current = false;
      setLoading(false);
    }
  }, [fetcher, pageSize]);

  return { list, setList, loading, hasMore, total, loadMore, refresh };
}