feat: invite capa page

src/components/partner-invite-list/index.tsx

@@ -12,6 +12,8 @@ import './index.less';
 const PREFIX = 'partner-invite-list';
 const log = logWithPrefix(PREFIX);
 
+const FIRST_PAGE = 0;
+
 function PartnerList(props: {
   refreshDisabled?: boolean;
   visible?: boolean;
@@ -20,10 +22,12 @@ function PartnerList(props: {
   onListEmpty?: () => void;
 }) {
   const { className, listHeight, refreshDisabled, visible = true, onListEmpty } = props;
+  const [hasMore, setHasMore] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
   const [loadingMore, setLoadingMore] = useState(false);
   const [loadMoreError, setLoadMoreError] = useState(false);
   const [dataList, setDataList] = useState<InviteUserInfo[]>([]);
+  const currentPage = useRef<number>(FIRST_PAGE);
   const onListEmptyRef = useRef(onListEmpty);
 
   const handleRefresh = useCallback(async () => {
@@ -31,19 +35,44 @@ function PartnerList(props: {
     try {
       setRefreshing(true);
       setLoadMoreError(false);
-      const list = await requestData();
+      const { content, totalPages } = await requestData({ page: 1 });
-      setDataList(list);
+      setDataList(content);
-      !list.length && onListEmptyRef.current?.();
+      currentPage.current = 1;
+      setHasMore(currentPage.current < totalPages);
+      !content.length && onListEmptyRef.current?.();
       log('pull refresh success');
     } catch (e) {
       setDataList([]);
+      setHasMore(false);
       setLoadMoreError(true);
+      currentPage.current = FIRST_PAGE;
       log('pull refresh failed');
     } finally {
       setRefreshing(false);
     }
   }, []);
 
+  const handleLoadMore = useCallback(async () => {
+    log('start load more', hasMore);
+    if (!hasMore) {
+      return;
+    }
+    setLoadMoreError(false);
+    setLoadingMore(true);
+    try {
+      const { totalPages, content } = await requestData({ page: currentPage.current + 1 });
+      setDataList([...dataList, ...content]);
+      currentPage.current = currentPage.current + 1;
+      setHasMore(currentPage.current < totalPages);
+      log('load more success');
+    } catch (e) {
+      setLoadMoreError(true);
+      log('load more failed');
+    } finally {
+      setLoadingMore(false);
+    }
+  }, [dataList, hasMore]);
+
   useEffect(() => {
     onListEmptyRef.current = onListEmpty;
   }, [onListEmpty]);
@@ -62,11 +91,14 @@ function PartnerList(props: {
         setDataList([]);
         setLoadingMore(true);
         setLoadMoreError(false);
-        const list = await requestData();
+        const { totalPages, content } = await requestData({ page: 1 });
-        setDataList(list);
+        setDataList(content);
-        !list.length && onListEmptyRef.current?.();
+        currentPage.current = 1;
+        setHasMore(currentPage.current < totalPages);
+        !content.length && onListEmptyRef.current?.();
       } catch (e) {
         setDataList([]);
+        setHasMore(false);
         setLoadMoreError(true);
       } finally {
         log('visible changed, refresh list data end');
@@ -90,8 +122,8 @@ function PartnerList(props: {
         disabled={refreshDisabled}
       >
         <List
-          hasMore={false}
+          hasMore={hasMore}
-          onLoad={() => {}}
+          onLoad={handleLoadMore}
           loading={loadingMore || refreshing}
           disabled={loadMoreError}
           fixedHeight={typeof listHeight !== 'undefined'}

src/http/api.ts

@@ -78,7 +78,7 @@ export enum API {
   // partner
   PARTNER_QRCODE = '/user/getInviteQrCode',
   GET_INVITE_CODE = '/user/getUserInviteCode',
-  GET_INVITE_LIST = '/user/inviteUsers',
+  GET_INVITE_LIST = '/user/inviteUsers/list',
   BECOME_PARTNER = '/user/becomePartner',
   GET_PROFIT_LIST = '/user/profit/list',
   GET_PROFIT_STAT = '/user/profits',

src/utils/partner.ts

@@ -5,6 +5,7 @@ import http from '@/http';
 import { API } from '@/http/api';
 import store from '@/store';
 import { setInviteCode } from '@/store/actions/partner';
+import { IPaginationRequest } from '@/types/common';
 import {
   GetProfitRequest,
   InviteUserInfo,
@@ -51,8 +52,11 @@ export const getPartnerQrcode = async () => {
 export const getPartnerProfitStat = async () => {
   return await http.post<PartnerProfitsState>(API.GET_PROFIT_STAT);
 };
-export const getPartnerInviteList = async () => {
+export const getPartnerInviteList = async (data: IPaginationRequest) => {
-  return await http.post<InviteUserInfo[]>(API.GET_INVITE_LIST);
+  return await http.post<{ content: InviteUserInfo[]; totalPages: number }>(API.GET_INVITE_LIST, {
+    data,
+    contentType: 'application/x-www-form-urlencoded',
+  });
 };
 export const dispatchUpdateInviteCode = (code: string) => store.dispatch(setInviteCode(code));
 export const getInviteCode = async () => {