@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

package/es/ProForm/components/combination/ProModalSelect/hooks/useRequestList.js

@@ -1,40 +1,30 @@
-import _isEqual from "lodash/isEqual";
-import { useDebounceFn, usePrevious, useRequest } from 'ahooks';
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useDebounceFn, usePrevious, useRequest } from "ahooks";
+import isEqual from "lodash/isEqual";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import locale, { formatMessage } from "../../../../../locale";
 const defaultPage = {
   pageNum: 1,
   pageSize: 10
 };
-const useDefaultOptions = options => {
-  const customizePage = options?.customizePage;
+const useDefaultOptions = (options) => {
+  const customizePage = options == null ? void 0 : options.customizePage;
   const [page, onPageChange] = useState(customizePage || defaultPage);
   return {
     ...options,
-    withPagination: options?.withPagination ?? true,
-    page: options?.page || page,
-    onPageChange: options?.onPageChange || onPageChange
+    withPagination: (options == null ? void 0 : options.withPagination) ?? true,
+    page: (options == null ? void 0 : options.page) || page,
+    onPageChange: (options == null ? void 0 : options.onPageChange) || onPageChange
   };
 };
 const defaultService = async () => {
   return {};
 };
-export function useRequestList(service, options, useRequestOptions) {
-  const {
-    page,
-    withPagination,
-    onPageChange,
-    transformParams,
-    transformResponse
-  } = useDefaultOptions(options);
-  const {
-    defaultParams
-  } = useRequestOptions || {};
-  const _defaultParams = Array.isArray(defaultParams) ? defaultParams?.[0] : defaultParams || {};
-  // 搜索表单里的值
-  const [searchValues, setSearchValues] = useState();
-
-  // 当次执行service的请求,包括page参数
+function useRequestList(service, options, useRequestOptions) {
+  var _a;
+  const { page, withPagination, onPageChange, transformParams, transformResponse } = useDefaultOptions(options);
+  const { defaultParams } = useRequestOptions || {};
+  const _defaultParams = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
+  const [searchValues, setSearchValues] = useState({});
   const params = useMemo(() => {
     const _condition = {
       ..._defaultParams,
@@ -46,60 +36,68 @@ export function useRequestList(service, options, useRequestOptions) {
     } : _condition;
     return transformParams ? transformParams(tempParams) : tempParams;
   }, [page, searchValues, _defaultParams, transformParams]);
-
-  // 调接口
   const result = useRequest(service || defaultService, {
     ...useRequestOptions,
     defaultParams: [params]
   });
-  const {
-    data,
-    run,
-    loading
-  } = result;
-
-  // 搜索条件变化时触发
+  const { data, run, loading } = result;
   const prevParams = usePrevious(params);
-  const {
-    run: queryList
-  } = useDebounceFn(() => {
-    run(params);
-  }, {
-    wait: 300
-  });
-  useEffect(() => {
-    if (prevParams && !_isEqual(prevParams, params)) {
-      queryList();
+  const ready = useRequestOptions == null ? void 0 : useRequestOptions.ready;
+  const prevReadyRef = useRef(ready);
+  const { run: queryList, cancel: cancelQueryList } = useDebounceFn(
+    () => {
+      run(params);
+    },
+    {
+      wait: 300
     }
-  }, [params, prevParams, queryList]);
-
-  // 分页变更
-  const onChange = useCallback((current, pageSize) => {
-    onPageChange({
-      pageNum: current,
-      pageSize
-    });
-  }, [onPageChange]);
-  const onSearch = useCallback(values => {
-    if (page.pageNum !== 1) {
-      // 查询或重置都从第一页开始，保留当前每页条数
-      onChange(1, page.pageSize);
+  );
+  useEffect(() => {
+    const prevReady = prevReadyRef.current;
+    prevReadyRef.current = ready;
+    const isAutomaticReadyRun = (useRequestOptions == null ? void 0 : useRequestOptions.manual) !== true && prevReady === false && ready === true;
+    if (ready === false || isAutomaticReadyRun) {
+      cancelQueryList();
+      return;
     }
-    if (!_isEqual(searchValues, values)) {
-      setSearchValues(values);
+    if (prevParams && !isEqual(prevParams, params)) {
+      queryList();
     }
-  }, [onChange, searchValues, page]);
-
-  // 重置查询条件
+  }, [cancelQueryList, params, prevParams, queryList, ready, useRequestOptions == null ? void 0 : useRequestOptions.manual]);
+  useEffect(() => cancelQueryList, [cancelQueryList]);
+  const onChange = useCallback(
+    (current, pageSize) => {
+      onPageChange({
+        pageNum: current,
+        pageSize
+      });
+    },
+    [onPageChange]
+  );
+  const onSearch = useCallback(
+    (values, force = false) => {
+      const normalizedValues = values && typeof values === "object" && Object.values(values).every((value) => value === void 0) ? {} : values;
+      if (page.pageNum !== 1) {
+        onChange(1, page.pageSize);
+      }
+      if (!isEqual(searchValues, normalizedValues)) {
+        setSearchValues(normalizedValues);
+      } else if (force && page.pageNum === 1) {
+        run(params);
+      }
+    },
+    [onChange, page, params, run, searchValues]
+  );
   const onReset = useCallback(() => {
     onSearch({});
   }, [onSearch]);
   const dataSource = useMemo(() => {
+    var _a2;
     if (data) {
       if (transformResponse) {
-        return data?.data ? transformResponse(data?.data) : transformResponse(data);
+        return (data == null ? void 0 : data.data) ? transformResponse(data == null ? void 0 : data.data) : transformResponse(data);
       }
-      const list = withPagination ? data?.data?.list : data?.data;
+      const list = withPagination ? (_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.list : data == null ? void 0 : data.data;
       return list ?? [];
     }
     return [];
@@ -115,7 +113,7 @@ export function useRequestList(service, options, useRequestOptions) {
       current: page.pageNum,
       pageSize: page.pageSize,
       onPaginationChange: true,
-      total: data?.data?.total,
+      total: (_a = data == null ? void 0 : data.data) == null ? void 0 : _a.total,
       onChange,
       pageSizeOptions: [10, 20, 50, 100],
       showQuickJumper: true,
@@ -123,13 +121,17 @@ export function useRequestList(service, options, useRequestOptions) {
       onShowSizeChange: onChange,
       hideOnSinglePage: page.pageSize === 10,
       // 只有一页时隐藏分页器
-      showTotal: total => {
-        if (!total) return;
-        return formatMessage(locale?.ProEditTable?.total, {
-          total
-        });
+      showTotal: (total) => {
+        var _a2, _b;
+        if (!total)
+          return;
+        return formatMessage((_b = (_a2 = locale) == null ? void 0 : _a2.ProEditTable) == null ? void 0 : _b.total, { total });
       }
     } : false
   };
 }
-export default useRequestList;
+var useRequestList_default = useRequestList;
+export {
+  useRequestList_default as default,
+  useRequestList
+};