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

package/es/ProAction/components/CheckModalContent/index.js

@@ -17,10 +17,10 @@ const CheckModalContent = props => {
         children: list[0]
       }) : null, Array.isArray(list) && list.length > 1 ? /*#__PURE__*/_jsx("div", {
         className: "list-wrap",
-        children: list.map(item => /*#__PURE__*/_jsx("div", {
+        children: list.map((item, index) => /*#__PURE__*/_jsx("div", {
           className: "err-item",
           children: item
-        }))
+        }, `${item}-${index}`))
       }) : null]
     })
   });

package/es/ProDownload/index.d.ts

@@ -1,6 +1,7 @@
+import { DownloadRequest } from './utils';
 import type { ProDownloadType } from './propsType';
 declare const ProDownload: {
     (props: ProDownloadType): import("react/jsx-runtime").JSX.Element;
-    downLoadRequest: import("./utils").DownloadRequestProps;
+    downLoadRequest: typeof DownloadRequest;
 };
 export default ProDownload;

package/es/ProDownload/index.js

@@ -6,6 +6,12 @@ import classNames from 'classnames';
 import { BlobMakeFile, DownloadRequest } from "./utils";
 import { useProConfig } from "../ProConfigProvider";
 import { jsx as _jsx } from "react/jsx-runtime";
+const normalizeError = error => {
+  if (error !== null && typeof error === 'object') {
+    return error;
+  }
+  return new Error(error == null ? 'Download request failed' : String(error));
+};
 const ProDownload = props => {
   const {
     source,
@@ -31,33 +37,40 @@ const ProDownload = props => {
     headers,
     onError: onErrorConfig
   } = useProConfig('ProDownload') || {};
+  const reportError = onError || onErrorConfig;
   defaultProps.headers = {
     ...headers,
     ...defaultProps.headers
   };
   const handDownload = async (_params = params) => {
     if (source === 'url') {
-      try {
-        fetch(url || action).then(response => {
-          if (response.status > 400) {
-            return Promise.reject(new Error(`Service exception: ${response.status}`));
-          }
-          return response.blob();
-        }).then(res => {
-          const blob = new Blob([res]);
-          BlobMakeFile({
-            blob,
-            fileName
-          });
+      fetch(url || action).then(response => {
+        if (response.status > 400) {
+          return Promise.reject(new Error(`Service exception: ${response.status}`));
+        }
+        return response.blob();
+      }).then(res => {
+        const blob = new Blob([res]);
+        BlobMakeFile({
+          blob,
+          fileName
         });
-      } catch (error) {
-        Promise.reject(error);
-      }
+      }).catch(error => {
+        reportError?.(normalizeError(error));
+      });
       return;
     }
     setState({
       loading: true
     });
+    let errorReported = false;
+    const requestOnError = error => {
+      if (errorReported) {
+        return;
+      }
+      errorReported = true;
+      reportError?.(normalizeError(error));
+    };
     try {
       // 发起请求
       await DownloadRequest({
@@ -68,8 +81,10 @@ const ProDownload = props => {
         transformResponse,
         fileName,
         onFinish,
-        onError: onError || onErrorConfig
+        onError: requestOnError
       });
+    } catch (error) {
+      requestOnError(error);
     } finally {
       setState({
         loading: false

package/es/ProDownload/utils.d.ts

@@ -3,7 +3,7 @@ export interface PropsWithMakeFilePropsType {
     fileName: string;
     url?: string;
 }
-export interface IDownloadRequestPropsType {
+export interface IDownloadRequestPropsType<TResult = Response> {
     /**
      * @description       下载请求的地址
      * @default           (必选)
@@ -21,12 +21,12 @@ export interface IDownloadRequestPropsType {
     params?: any;
     headers?: any;
     /** 格式化数据 */
-    transformResponse?: (data: any) => any;
+    transformResponse?: (data: any) => TResult | Promise<TResult>;
     /**
      * @description       service 执行完成时触发
      * @default           -
      */
-    onFinish?: (response: object, params: object) => void;
+    onFinish?: (response: Awaited<TResult>, params: object) => void;
     /**
      * @description       下载保存的文件名
      * @default           (必选)
@@ -47,7 +47,6 @@ export interface IDownloadRequestPropsType {
  * @constructor
  */
 export declare function BlobMakeFile({ blob, fileName, url }: PropsWithMakeFilePropsType): void;
-export type DownloadRequestProps = (props: IDownloadRequestPropsType) => Promise<Response>;
 type convertBase64ToBlobType = (base64: string, fileType?: string, slice?: number) => Blob;
 export declare const convertBase64ToBlob: convertBase64ToBlobType;
 /**
@@ -56,5 +55,11 @@ export declare const convertBase64ToBlob: convertBase64ToBlobType;
  * @returns string
  */
 export declare function getFilenameFromContentDisposition(contentDisposition: any): string;
-export declare const DownloadRequest: DownloadRequestProps;
+export declare function DownloadRequest<TResult>(props: IDownloadRequestPropsType<TResult> & {
+    transformResponse: (data: any) => TResult | Promise<TResult>;
+}): Promise<Awaited<TResult>>;
+export declare function DownloadRequest(props: IDownloadRequestPropsType<Response> & {
+    transformResponse?: undefined;
+}): Promise<Response>;
+export type DownloadRequestProps = typeof DownloadRequest;
 export {};

package/es/ProDownload/utils.js

@@ -71,7 +71,8 @@ export function getFilenameFromContentDisposition(contentDisposition) {
 }
 
 // 发起请求获取下载文件
-export const DownloadRequest = async ({
+
+export async function DownloadRequest({
   url,
   method = 'post',
   params,
@@ -80,7 +81,7 @@ export const DownloadRequest = async ({
   fileName,
   onFinish,
   onError
-}) => {
+}) {
   const config = {
     method,
     credentials: 'include',
@@ -159,10 +160,11 @@ export const DownloadRequest = async ({
     fileBlob = await response.blob();
   }
   // 完成回调
-  onFinish?.(_isFunction(transformResponse) ? res : response, params);
+  const result = _isFunction(transformResponse) ? res : response;
+  onFinish?.(result, params);
   BlobMakeFile({
     blob: fileBlob,
     fileName: fileName || contentFileName
   });
-  return Promise.resolve(_isFunction(transformResponse) ? res : response);
-};
+  return result;
+}

package/es/ProEditTable/utils/index.js

@@ -112,7 +112,12 @@ const getActionColumn = config => {
         }
       }
       // 编辑状态使用自定义form值，非编辑状态直接使用行数据
-      const lastRecord = filterInternalFields(form.getFieldValue(rowName) ?? record);
+      const fieldRecord = filterInternalFields(form.getFieldValue(rowName));
+      const lastRecord = {
+        ...record,
+        ...(fieldRecord && typeof fieldRecord === 'object' ? fieldRecord : {}),
+        rowKey: record.rowKey
+      };
       // 新增事件可以设置初始默认值，当做函数的出参导出
       const onEvent = onClick || onHandle;
       let result;

package/es/ProEnum/hooks/useEnumRequest.js

@@ -34,6 +34,7 @@ const useEnumRequest = (props, dispatch) => {
   // 而非跳过 run()。这样 enumRes.data/loading 正常变更，
   // ProConfigProvider 的 onSuccess 回调能正常触发（修复白屏问题）。
   const fromCacheRef = useRef(null);
+  const errorReportedRef = useRef(false);
   const originalService = useRequest?.service;
   const serviceForRequest = useMemo(() => {
     if (!originalService || storage !== 'indexedDB') {
@@ -54,19 +55,102 @@ const useEnumRequest = (props, dispatch) => {
       return originalService(...args);
     };
   }, [originalService, storage, requestRefresh, cacheKey]);
+  const reportBackgroundError = (error, params = []) => {
+    if (errorReportedRef.current) {
+      return;
+    }
+    errorReportedRef.current = true;
+    const normalizedError = error instanceof Error ? error : new Error(String(error));
+    useRequest?.options?.onError?.(normalizedError, params);
+  };
   const enumRes = useRequestFunc(serviceForRequest, {
     manual: true,
     cacheKey,
     cacheTime: -1,
     staleTime: 6e4 * 60,
     ...useRequest?.options,
+    onBefore: params => {
+      errorReportedRef.current = false;
+      useRequest?.options?.onBefore?.(params);
+    },
+    onError: reportBackgroundError,
     setCache: async res => {
-      // 缓存命中时跳过 transformResponse 和重复处理，直接 dispatch
-      if (fromCacheRef.current) {
-        const cachedData = fromCacheRef.current;
+      try {
+        // 缓存命中时跳过 transformResponse 和重复处理，直接 dispatch
+        if (fromCacheRef.current) {
+          const cachedData = fromCacheRef.current;
+          const mergedPayload = {
+            ...dics,
+            ...cachedData,
+            ...dataSource
+          };
+          dispatch({
+            type: 'setProEnumDic',
+            payload: mergedPayload
+          });
+          if (main) {
+            setTimeout(() => {
+              window?.eventCenter?.publish('pro-enum-event', cachedData);
+              logDebug(locale?.ProEnum?.mainInitByCache);
+            }, 10000);
+          }
+          fromCacheRef.current = null;
+          return res;
+        }
+        let response = res.data;
+        if (transformResponse && typeof transformResponse === 'function') {
+          response = await transformResponse(res.data);
+          if (typeof response !== 'object' || response == null) {
+            throw new Error(locale?.ProEnum?.errorMessage);
+          } else {
+            res.data = response;
+          }
+        }
+        if (typeof response !== 'object' || response === null) {
+          throw Error('response enum data must be object');
+        }
+        if (Object.keys(response).length === 0) {
+          throw Error('Please return valid enumeration data');
+        }
+
+        // 只返回fieldNames对象的key
+        if (clear) {
+          // 忽略清洗的 codes
+          const ignoreCodes = useRequest?.options?.ignoreCodes || [];
+          Object.keys(response).forEach(key => {
+            if (!response[key] || !Array.isArray(response[key])) {
+              return;
+            }
+            const options = [...response[key]];
+            if (ignoreCodes.includes(key)) {
+              response[key] = options;
+            } else {
+              response[key] = options.map(item => {
+                return cacheFieldNames(fieldNames, item);
+              });
+            }
+          });
+          res.data = response;
+        }
+
+        // 获取缓存数据（支持异步）
+        const cacheData = await Promise.resolve(getEnumData(storage, cacheKey) || {
+          data: {}
+        });
+
+        // 合并缓存数据
+        res.data = {
+          ...cacheData?.data,
+          ...res.data
+        };
+
+        // 设置缓存数据（支持异步）
+        await Promise.resolve(setEnumData(storage, cacheKey, res));
+
+        // 同步数据到全局
         const mergedPayload = {
           ...dics,
-          ...cachedData,
+          ...res.data,
           ...dataSource
         };
         dispatch({
@@ -75,80 +159,15 @@ const useEnumRequest = (props, dispatch) => {
         });
         if (main) {
           setTimeout(() => {
-            window?.eventCenter?.publish('pro-enum-event', cachedData);
-            logDebug(locale?.ProEnum?.mainInitByCache);
+            window?.eventCenter?.publish('pro-enum-event', res.data);
+            logDebug(locale?.ProEnum?.mainInitByRequest);
           }, 10000);
         }
-        fromCacheRef.current = null;
+        return res;
+      } catch (error) {
+        reportBackgroundError(error);
         return res;
       }
-      let response = res.data;
-      if (transformResponse && typeof transformResponse === 'function') {
-        response = await transformResponse(res.data);
-        if (typeof response !== 'object' || response == null) {
-          throw new Error(locale?.ProEnum?.errorMessage);
-        } else {
-          res.data = response;
-        }
-      }
-      if (typeof response !== 'object' || response === null) {
-        throw Error('response enum data must be object');
-      }
-      if (Object.keys(response).length === 0) {
-        throw Error('Please return valid enumeration data');
-      }
-
-      // 只返回fieldNames对象的key
-      if (clear) {
-        // 忽略清洗的 codes
-        const ignoreCodes = useRequest?.options?.ignoreCodes || [];
-        Object.keys(response).forEach(key => {
-          if (!response[key] || !Array.isArray(response[key])) {
-            return;
-          }
-          const options = [...response[key]];
-          if (ignoreCodes.includes(key)) {
-            response[key] = options;
-          } else {
-            response[key] = options.map(item => {
-              return cacheFieldNames(fieldNames, item);
-            });
-          }
-        });
-        res.data = response;
-      }
-
-      // 获取缓存数据（支持异步）
-      const cacheData = await Promise.resolve(getEnumData(storage, cacheKey) || {
-        data: {}
-      });
-
-      // 合并缓存数据
-      res.data = {
-        ...cacheData?.data,
-        ...res.data
-      };
-
-      // 设置缓存数据（支持异步）
-      await Promise.resolve(setEnumData(storage, cacheKey, res));
-
-      // 同步数据到全局
-      const mergedPayload = {
-        ...dics,
-        ...res.data,
-        ...dataSource
-      };
-      dispatch({
-        type: 'setProEnumDic',
-        payload: mergedPayload
-      });
-      if (main) {
-        setTimeout(() => {
-          window?.eventCenter?.publish('pro-enum-event', res.data);
-          logDebug(locale?.ProEnum?.mainInitByRequest);
-        }, 10000);
-      }
-      return res;
     },
     getCache: params => {
       if (storage === 'indexedDB') {
@@ -250,6 +269,7 @@ const useEnumRequest = (props, dispatch) => {
     }
   };
   useDeepCompareEffect(() => {
+    errorReportedRef.current = false;
     const executeAsync = async () => {
       if (useRequest && useRequest?.service) {
         const {
@@ -264,7 +284,7 @@ const useEnumRequest = (props, dispatch) => {
           }
         }
         enumRes.run(params);
-        mergeData();
+        void mergeData().catch(reportBackgroundError);
       } else if (dataSource && Object.keys(dataSource).length > 0) {
         const res = await Promise.resolve(getEnumData(storage, cacheKey) || {
           data: {}
@@ -294,19 +314,20 @@ const useEnumRequest = (props, dispatch) => {
         });
       }
     };
-    executeAsync();
+    void executeAsync().catch(reportBackgroundError);
   }, [useRequest?.options]);
   const shareProEnumDic = async cacheData => {
     logDebug(cacheData);
     const storageData = await Promise.resolve(getEnumData(storage, cacheKey) || {
       data: {}
     });
+    const storagePayload = typeof storageData?.data === 'object' && storageData.data !== null ? storageData.data : storageData;
     dispatch({
       type: 'setProEnumDic',
       payload: {
         ...dataSource,
         ...cacheData,
-        ...storageData
+        ...storagePayload
       }
     });
   };

package/es/ProForm/components/combination/FormList/components/ActionButton.js

@@ -250,7 +250,7 @@ const ActionButton = props => {
           });
           if (!_onClick || data === true) {
             // 如果有 addIndex 配置，使用它计算插入位置
-            if (item.addIndex) {
+            if (item.addIndex !== undefined) {
               const insertIndex = typeof item.addIndex === 'function' ? item.addIndex(value, {
                 index,
                 namePath,
@@ -265,7 +265,7 @@ const ActionButton = props => {
           }
           if (item?.type === 'add') {
             // 如果有 addIndex 配置，使用它计算插入位置
-            if (item.addIndex) {
+            if (item.addIndex !== undefined) {
               const insertIndex = typeof item.addIndex === 'function' ? item.addIndex(value, {
                 index,
                 namePath,

package/es/ProForm/components/combination/FormList/components/BlockFields.js

@@ -58,6 +58,7 @@ const BlockFields = props => {
         }), /*#__PURE__*/_jsx("div", {
           className: "pro-form-list-left-content",
           children: /*#__PURE__*/_jsx(ProCollapse, {
+            className: "pro-form-list-left-action-right",
             title: _title,
             index: index,
             form: form,

package/es/ProForm/components/combination/FormList/components/Empty.js

@@ -36,7 +36,7 @@ const Empty = ({
   const getBtnText = () => {
     return emptyBtnText || addConfig?.label || locale.ProForm.formListActions[6];
   };
-  let show = true;
+  let show = toolbarProps !== false;
   if (addConfig?.show !== undefined) {
     show = _isFunction(addConfig.show) ? addConfig.show(form.getFieldValue(namePath), {
       namePath,

package/es/ProForm/components/combination/FormList/components/ToolbarButton.js

@@ -20,7 +20,7 @@ const actions = {
 const defaultActionProps = [{
   type: 'add'
 }];
-const filterKeys = ['actionType', 'addIndex'];
+const filterKeys = ['actionType', 'addIndex', 'show'];
 const ToolbarButton = props => {
   const {
     namePath,
@@ -59,7 +59,7 @@ const ToolbarButton = props => {
     if (!callback || data === true) {
       if (item?.type === 'add') {
         // 如果有 addIndex 配置，使用它计算插入位置
-        if (item.addIndex) {
+        if (item.addIndex !== undefined) {
           const insertIndex = typeof item.addIndex === 'function' ? item.addIndex(value, {
             namePath,
             form,
@@ -82,7 +82,7 @@ const ToolbarButton = props => {
     }
     if (item?.type === 'add' && data) {
       // 如果有 addIndex 配置，使用它计算插入位置
-      if (item.addIndex) {
+      if (item.addIndex !== undefined) {
         const insertIndex = typeof item.addIndex === 'function' ? item.addIndex(value, {
           namePath,
           form,

package/es/ProForm/components/combination/FormList/style/index.less

@@ -158,6 +158,12 @@
     }
   }
 
+  .pro-form-list-left-action-right {
+    .@{ant-prefix}-collapse-extra {
+      margin-inline-start: auto;
+    }
+  }
+
   // 移动端响应式
   @media (max-width: 768px) {
     .pro-form-list-left-title-wrapper {

package/es/ProForm/components/combination/Group/component/FlexibleGroup.js

@@ -1,5 +1,4 @@
 import _isFunction from "lodash/isFunction";
-import _isEmpty from "lodash/isEmpty";
 import React from 'react';
 import { Space, Form } from 'antd';
 import classnames from 'classnames';
@@ -219,7 +218,7 @@ const FlexibleGroupRender = props => {
         requiredOnView: otherProps?.requiredOnView,
         viewRender: child.viewRender
       })
-    }, child.name || `item-${index}`);
+    }, String(child.name ?? `item-${index}`));
   };
 
   // 非compact模式：正常的表单项渲染
@@ -248,13 +247,13 @@ const FlexibleGroupRender = props => {
       // 添加分隔符（除最后一个元素外）
       if (index < visibleChildren.length - 1 && space?.separator) {
         // 检查是否在指定位置添加分隔符
-        const shouldAddSeparator = space.separatorIndex ? Array.isArray(space.separatorIndex) ? space.separatorIndex.includes(originalIndex) : space.separatorIndex === originalIndex : true; // 默认每个元素后都加分隔符
+        const shouldAddSeparator = space.separatorIndex != null ? Array.isArray(space.separatorIndex) ? space.separatorIndex.includes(originalIndex) : space.separatorIndex === originalIndex : true; // 默认每个元素后都加分隔符
 
         if (shouldAddSeparator) {
           elements.push( /*#__PURE__*/_jsx("span", {
             className: "pro-group-separator-space",
             children: space.separator
-          }, child.name ? `separator-${child.name}` : `separator-${originalIndex}`));
+          }, `separator-${String(child.name ?? originalIndex)}`));
         }
       }
     });
@@ -288,14 +287,14 @@ const FlexibleGroupRender = props => {
       // 查看模式下，如果没有配置separator，使用默认的 finalSeparator
       const separatorToUse = isView ? space?.separator || finalSeparator : space?.separator;
       if (index < visibleChildren.length - 1 && separatorToUse) {
-        const shouldAddSeparator = space.separatorIndex ? Array.isArray(space.separatorIndex) ? space.separatorIndex.includes(originalIndex) : space.separatorIndex === originalIndex : true;
+        const shouldAddSeparator = space.separatorIndex != null ? Array.isArray(space.separatorIndex) ? space.separatorIndex.includes(originalIndex) : space.separatorIndex === originalIndex : true;
         if (shouldAddSeparator) {
           // 查看模式下使用不同的className，避免显示边框
           const separatorClassName = isView ? 'pro-group-separator-compact pro-group-separator-view' : 'pro-group-separator-compact';
           elements.push( /*#__PURE__*/_jsx("span", {
             className: separatorClassName,
             children: separatorToUse
-          }, child.name ? `separator-${child.name}` : `separator-${originalIndex}`));
+          }, `separator-${String(child.name ?? originalIndex)}`));
         }
       }
     });
@@ -316,11 +315,6 @@ const FlexibleGroupRender = props => {
   // 检查是否有子项包含 show 函数，如果有则需要响应式更新
   const hasShowFunction = children.some(child => _isFunction(child.show));
 
-  // 查看模式下空值处理
-  if (isView && _isEmpty(children)) {
-    return otherProps?.viewEmpty || '-';
-  }
-
   // 查看模式下，检查所有children的值是否都为空
   if (isView && form && children.length > 0) {
     const allValuesEmpty = children.every(child => {

package/es/ProForm/components/combination/Group/hooks/index.js

@@ -46,7 +46,7 @@ export const useTransformColumns = params => {
     // 响应式字段改变后的回调
     const changedCallback = (lastDependency, current) => {
       // 清值防抖  多次刷新时以最后一次为准
-      if (clearNotShow !== false && names) {
+      if (clearNotShow !== false && (names || value)) {
         if (current?.show === false) {
           clearInterval(timerRef.current[index]);
           timerRef.current[index] = setTimeout(() => {

package/es/ProForm/components/combination/Group/index.js

@@ -134,7 +134,7 @@ const LegacyGroup = props => {
         elements.push( /*#__PURE__*/_jsx("span", {
           className: "pro-group-separator-compact",
           children: newColumn.separator
-        }, `separator-${newColumn.name || index}`));
+        }, `separator-${String(newColumn.name ?? index)}`));
       }
     });
     return /*#__PURE__*/_jsx("div", {

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

@@ -1,6 +1,6 @@
 import _isEqual from "lodash/isEqual";
 import { useDebounceFn, usePrevious, useRequest } from 'ahooks';
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import locale, { formatMessage } from "../../../../../locale";
 const defaultPage = {
   pageNum: 1,
@@ -32,7 +32,7 @@ export function useRequestList(service, options, useRequestOptions) {
   } = useRequestOptions || {};
   const _defaultParams = Array.isArray(defaultParams) ? defaultParams?.[0] : defaultParams || {};
   // 搜索表单里的值
-  const [searchValues, setSearchValues] = useState();
+  const [searchValues, setSearchValues] = useState({});
 
   // 当次执行service的请求,包括page参数
   const params = useMemo(() => {
@@ -60,18 +60,29 @@ export function useRequestList(service, options, useRequestOptions) {
 
   // 搜索条件变化时触发
   const prevParams = usePrevious(params);
+  const ready = useRequestOptions?.ready;
+  const prevReadyRef = useRef(ready);
   const {
-    run: queryList
+    run: queryList,
+    cancel: cancelQueryList
   } = useDebounceFn(() => {
     run(params);
   }, {
     wait: 300
   });
   useEffect(() => {
+    const prevReady = prevReadyRef.current;
+    prevReadyRef.current = ready;
+    const isAutomaticReadyRun = useRequestOptions?.manual !== true && prevReady === false && ready === true;
+    if (ready === false || isAutomaticReadyRun) {
+      cancelQueryList();
+      return;
+    }
     if (prevParams && !_isEqual(prevParams, params)) {
       queryList();
     }
-  }, [params, prevParams, queryList]);
+  }, [cancelQueryList, params, prevParams, queryList, ready, useRequestOptions?.manual]);
+  useEffect(() => cancelQueryList, [cancelQueryList]);
 
   // 分页变更
   const onChange = useCallback((current, pageSize) => {
@@ -80,15 +91,18 @@ export function useRequestList(service, options, useRequestOptions) {
       pageSize
     });
   }, [onPageChange]);
-  const onSearch = useCallback(values => {
+  const onSearch = useCallback((values, force = false) => {
+    const normalizedValues = values && typeof values === 'object' && Object.values(values).every(value => value === undefined) ? {} : values;
     if (page.pageNum !== 1) {
       // 查询或重置都从第一页开始，保留当前每页条数
       onChange(1, page.pageSize);
     }
-    if (!_isEqual(searchValues, values)) {
-      setSearchValues(values);
+    if (!_isEqual(searchValues, normalizedValues)) {
+      setSearchValues(normalizedValues);
+    } else if (force && page.pageNum === 1) {
+      run(params);
     }
-  }, [onChange, searchValues, page]);
+  }, [onChange, page, params, run, searchValues]);
 
   // 重置查询条件
   const onReset = useCallback(() => {