import React from 'react';

interface ListResponse<T> {
  code: number;
  data: {
    list: T[];
    total: number;
  };
}

interface DetailResponse<T> {
  code: number;
  data: T;
}

//试验性质的封装，还没完全想清楚

interface useListResult<T> {
  allIds: T[];
  total: number;
  loading: boolean;
  loaded: boolean;
}

interface useDetailResult<T> {
  detail?: T;
  setDetail?: (detail: T) => void;
  loading: boolean;
  loaded: boolean;
}

export const useList = <T>(
  request: (payload: object) => Promise<ListResponse<T>>,
  payload: object = {},
  deps: any[] = [],
  callback?: () => void
): useListResult<T> => {
  const [allIds, setAllIds] = React.useState<T[]>([]);
  const [loading, setLoading] = React.useState(false);
  const [loaded, setLoaded] = React.useState(false);
  const [total, setTotal] = React.useState(0);
  React.useEffect(() => {
    async function fetchData() {
      setLoading(true);
      try {
        const { code, data } = await request(payload);
        if (code === 0 || code === 200) {
          const { list, total } = data;
          setAllIds(list);
          setTotal(total);
          setLoaded(true);
        }
      } catch (error) {}

      setLoading(false);
      callback?.();
    }
    fetchData();
  }, deps);

  return { allIds, total, loading, loaded };
};

export const useDetail = <T>(
  request: (payload: object) => Promise<DetailResponse<T>>,
  payload: object = {},
  deps: any[] = [],
  callback?: () => void
): useDetailResult<T> => {
  const [detail, setDetail] = React.useState<T>();
  const [loading, setLoading] = React.useState(false);
  const [loaded, setLoaded] = React.useState(false);
  React.useEffect(() => {
    async function fetchData() {
      setLoading(true);
      try {
        const { code, data } = await request(payload);
        if (code === 0 || code === 200) {
          callback?.();
          setDetail(data);
          setLoaded(true);
        }
      } catch (error) {}
      setLoading(false);
    }
    fetchData();
  }, deps);

  return { detail, setDetail, loading, loaded };
};