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

package/es/ProTable/hooks/useAntdTable.js

@@ -1,45 +1,40 @@
-import _omit from "lodash/omit";
-import _isEqual from "lodash/isEqual";
-import _set from "lodash/set";
-import _merge from "lodash/merge";
-import _isObject from "lodash/isObject";
-import _pickBy from "lodash/pickBy";
-import { useEffect, useMemo, useState } from 'react';
-import { useRequest, useSetState, useDeepCompareEffect, usePrevious } from 'ahooks';
-import { Form, message } from 'antd';
+import { useEffect, useMemo, useState } from "react";
+import { useRequest, useSetState, useDeepCompareEffect, usePrevious } from "ahooks";
+import pickBy from "lodash/pickBy";
+import isObject from "lodash/isObject";
+import merge from "lodash/merge";
+import isEqual from "lodash/isEqual";
+import omit from "lodash/omit";
+import { Form, message } from "antd";
 import { defaultPage } from "../index";
 import { isListResult, removeEmptyKeys, isNonEmptyObject } from "../utils";
 import locale, { formatMessage } from "../../locale";
-const useDefaultOptions = options => {
-  const [page, onPageChange] = useState(options?.page || defaultPage);
+const useDefaultOptions = (options) => {
+  const [page, onPageChange] = useState((options == null ? void 0 : options.page) || defaultPage);
   return {
     ...options,
-    rowSelectType: options?.rowSelectType || 'checkbox',
+    rowSelectType: (options == null ? void 0 : options.rowSelectType) || "checkbox",
     page,
-    onPageChange: options?.onPageChange || onPageChange
+    onPageChange: (options == null ? void 0 : options.onPageChange) || onPageChange
   };
 };
 let previousSearchValues = null;
-export const SELECTION_ALL = 'SELECTION_ALL';
-export const CURRENT_PAGE = 'CURRENT_PAGE';
-export const UNCHECK_ALL = 'UNCHECK_ALL';
+const SELECTION_ALL = "SELECTION_ALL";
+const CURRENT_PAGE = "CURRENT_PAGE";
+const UNCHECK_ALL = "UNCHECK_ALL";
 function useAntdTable(service, options, useRequestOptions) {
-  const [{
-    data,
-    total,
-    selectedRecords,
-    selectedRowKeys,
-    extraFilter,
-    allSelected,
-    searchValues
-  }, setState] = useSetState({
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const [
+    { data, total, selectedRecords, selectedRowKeys, extraFilter, allSelected, searchValues },
+    setState
+  ] = useSetState({
     data: [],
     total: 0,
     selectedRecords: [],
     selectedRowKeys: [],
     extraFilter: {
-      filters: undefined,
-      sorter: undefined
+      filters: void 0,
+      sorter: void 0
     },
     allSelected: false,
     searchValues: {}
@@ -60,32 +55,25 @@ function useAntdTable(service, options, useRequestOptions) {
     disabled
   } = useDefaultOptions(options);
   const [form] = Form.useForm(_form);
-  const {
-    defaultParams
-  } = useRequestOptions || {};
-  const defaultParam = Array.isArray(defaultParams) ? defaultParams?.[0] : defaultParams || {};
-  const initPage = options?.page || defaultPage;
+  const { defaultParams } = useRequestOptions || {};
+  const defaultParam = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
+  const initPage = (options == null ? void 0 : options.page) || defaultPage;
   const previousPage = usePrevious(page || defaultPage);
-  const getTransformParams = params => {
+  const getTransformParams = (params) => {
     const realParams = {
       ...defaultParam,
       ...extraParams,
       ...params
     };
-    const {
-      page = initPage,
-      filters,
-      sorter,
-      ...otherParams
-    } = realParams;
+    const { page: page2 = initPage, filters, sorter, ...otherParams } = realParams;
     const queryBean = {
-      filters: JSON.stringify(filters) === '{}' ? undefined : filters,
-      sorter: JSON.stringify(sorter) === '{}' ? undefined : sorter,
+      filters: JSON.stringify(filters) === "{}" ? void 0 : filters,
+      sorter: JSON.stringify(sorter) === "{}" ? void 0 : sorter,
       ...otherParams
     };
     const requestParams = {
-      ...page,
-      queryBean: _pickBy(queryBean, item => item !== undefined) ?? {}
+      ...page2,
+      queryBean: pickBy(queryBean, (item) => item !== void 0) ?? {}
     };
     if (transformParams) {
       const mergedParams = {
@@ -96,9 +84,7 @@ function useAntdTable(service, options, useRequestOptions) {
     }
     return requestParams;
   };
-
-  // 仅清数据源相关，查询相关
-  const handleSetStateCallback = values => {
+  const handleSetStateCallback = (values) => {
     setState({
       data: [],
       total: 0,
@@ -112,37 +98,27 @@ function useAntdTable(service, options, useRequestOptions) {
   const curExtraParams = useMemo(() => {
     return extraParams ? JSON.stringify(extraParams) : extraParams;
   }, [extraParams]);
-
-  // 调接口
   const result = useRequest(service, {
     debounceWait: 300,
     ...useRequestOptions,
     defaultParams: [getTransformParams()],
     onSuccess: (res, params) => {
+      var _a2, _b2;
       const transformResult = transformResponse ? transformResponse(res) : res || {};
-      const {
-        list = [],
-        total = 0
-      } = isListResult(transformResult) ? transformResult : transformResult?.data || {};
+      const { list = [], total: total2 = 0 } = isListResult(transformResult) ? transformResult : (transformResult == null ? void 0 : transformResult.data) || {};
       if (list !== null && !Array.isArray(list)) {
-        return message.error(locale?.ProTable?.transformResponseMsg);
+        return message.error((_b2 = (_a2 = locale) == null ? void 0 : _a2.ProTable) == null ? void 0 : _b2.transformResponseMsg);
       }
       setState({
-        total,
+        total: total2,
         data: list || []
       });
-      if (useRequestOptions?.onSuccess) {
+      if (useRequestOptions == null ? void 0 : useRequestOptions.onSuccess) {
         useRequestOptions.onSuccess(res, params);
       }
     }
   });
-  const {
-    run,
-    refreshAsync
-  } = result;
-
-  // service变化时触发 (禁止掉防止service变更时导致的死循环)
-
+  const { run, refreshAsync } = result;
   const clearSelected = () => {
     setState({
       allSelected: false,
@@ -157,15 +133,13 @@ function useAntdTable(service, options, useRequestOptions) {
       selectedRecords: [],
       selectedRowKeys: [],
       extraFilter: {
-        filters: undefined,
-        sorter: undefined
+        filters: void 0,
+        sorter: void 0
       }
     });
   };
-
-  // 重置查询条件: 页码还原、勾选清空
-  const onReset = refresh => {
-    form?.resetFields();
+  const onReset = (refresh) => {
+    form == null ? void 0 : form.resetFields();
     const newPage = {
       pageNum: 1,
       pageSize: page.pageSize
@@ -173,27 +147,20 @@ function useAntdTable(service, options, useRequestOptions) {
     resetParams();
     if (isResetQuery || refresh) {
       onPageChange(newPage);
-      run(getTransformParams({
-        page: newPage
-      }));
+      run(
+        getTransformParams({
+          page: newPage
+        })
+      );
     }
   };
-
-  /**
-   * 手动触发时，手动调用run
-   */
   useEffect(() => {
-    if (!useRequestOptions?.manual) {
+    if (!(useRequestOptions == null ? void 0 : useRequestOptions.manual)) {
       onReset(true);
     }
-  }, [useRequestOptions?.manual, curExtraParams, curService]);
-
-  /**
-   * 手动触发时，手动调用run
-   */
+  }, [useRequestOptions == null ? void 0 : useRequestOptions.manual, curExtraParams, curService]);
   useEffect(() => {
-    if (!useRequestOptions?.manual) {
-      // 当 extraParams 变化时,重置分页和选中状态
+    if (!(useRequestOptions == null ? void 0 : useRequestOptions.manual)) {
       onPageChange(initPage);
       setState({
         searchValues: {},
@@ -201,56 +168,47 @@ function useAntdTable(service, options, useRequestOptions) {
         selectedRecords: [],
         selectedRowKeys: [],
         extraFilter: {
-          filters: undefined,
-          sorter: undefined
+          filters: void 0,
+          sorter: void 0
         }
       });
-      run(getTransformParams({
-        page: initPage
-      }));
+      run(getTransformParams({ page: initPage }));
     }
-  }, [useRequestOptions?.manual, curExtraParams, curService]);
+  }, [useRequestOptions == null ? void 0 : useRequestOptions.manual, curExtraParams, curService]);
   useDeepCompareEffect(() => {
     if (allSelected) {
-      const filterList = data.filter(item => !selectedRowKeys.includes(item?.[rowKey]));
+      const filterList = data.filter((item) => !selectedRowKeys.includes(item == null ? void 0 : item[rowKey]));
       let nextObject = {
         selectedRecords: [...selectedRecords, ...filterList],
-        selectedRowKeys: [...selectedRowKeys, ...filterList?.map(item => item?.[rowKey])]
+        selectedRowKeys: [
+          ...selectedRowKeys,
+          ...filterList == null ? void 0 : filterList.map((item) => item == null ? void 0 : item[rowKey])
+        ]
       };
-      if (typeof disabled === 'function') {
-        const {
-          selectedRecords
-        } = nextObject;
-        const nextSelectRecords = selectedRecords.filter(item => {
-          // 去掉禁用的
+      if (typeof disabled === "function") {
+        const { selectedRecords: selectedRecords2 } = nextObject;
+        const nextSelectRecords = selectedRecords2.filter((item) => {
           return !disabled(item);
         }) ?? [];
-        const nextSelectedRowKeys = nextSelectRecords.map(item => {
-          return item?.[rowKey];
+        const nextSelectedRowKeys = nextSelectRecords.map((item) => {
+          return item == null ? void 0 : item[rowKey];
         }) ?? [];
-        nextObject = {
-          selectedRecords: nextSelectRecords,
-          selectedRowKeys: nextSelectedRowKeys
-        };
+        nextObject = { selectedRecords: nextSelectRecords, selectedRowKeys: nextSelectedRowKeys };
       }
       setState(nextObject);
     }
   }, [allSelected, data]);
-
-  // 释放
   useEffect(() => {
     return () => {
       previousSearchValues = null;
     };
   }, []);
-
-  // 分页变更
   const handlePageChange = (current, pageSize) => {
-    const page = {
+    const page2 = {
       pageNum: current,
       pageSize
     };
-    onPageChange(page);
+    onPageChange(page2);
     if (!rowSelections && !crossPageSelect) {
       setState({
         selectedRecords: [],
@@ -259,22 +217,23 @@ function useAntdTable(service, options, useRequestOptions) {
     }
     const newValues = form.getFieldsValue() ?? {};
     const nextValues = removeEmptyKeys(newValues);
-    run(getTransformParams({
-      page,
-      ...nextValues,
-      ...extraFilter
-    }));
+    run(
+      getTransformParams({
+        page: page2,
+        ...nextValues,
+        ...extraFilter
+      })
+    );
   };
-  const handleTableChange = (pagination, filters, sorter, extra) => {
-    // 跳过分页改变，使用pagination的onChange
-    if (extra.action === 'paginate') {
+  const handleTableChange = (pagination2, filters, sorter, extra) => {
+    if (extra.action === "paginate") {
       return;
     }
-    const page = {
-      pageNum: pagination.current,
-      pageSize: pagination.pageSize
+    const page2 = {
+      pageNum: pagination2.current,
+      pageSize: pagination2.pageSize
     };
-    onPageChange(page);
+    onPageChange(page2);
     setState({
       selectedRecords: [],
       selectedRowKeys: [],
@@ -283,28 +242,26 @@ function useAntdTable(service, options, useRequestOptions) {
         sorter
       }
     });
-    const _values = form?.getFieldsValue() ?? {};
-    run(getTransformParams({
-      page,
-      ..._values,
-      filters,
-      sorter
-    }));
+    const _values = (form == null ? void 0 : form.getFieldsValue()) ?? {};
+    run(
+      getTransformParams({
+        page: page2,
+        ..._values,
+        filters,
+        sorter
+      })
+    );
   };
-  const onSearch = values => {
+  const onSearch = (values) => {
     const newPage = {
       pageNum: 1,
       pageSize: page.pageSize
     };
     const _values = removeEmptyKeys(values);
-
-    // 如果 previousPage 存在且与 page 不相等，则触发页面变化
-    if (previousPage && !_isEqual(previousPage, page)) {
+    if (previousPage && !isEqual(previousPage, page)) {
       onPageChange(newPage);
     }
-
-    // 减少查询按钮的渲染，只有需要重置值时才需要调用
-    if (selectedRecords?.length || isNonEmptyObject(_values) || !_isEqual(previousSearchValues, _values)) {
+    if ((selectedRecords == null ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) || !isEqual(previousSearchValues, _values)) {
       previousSearchValues = _values;
       setState({
         searchValues: _values,
@@ -313,27 +270,29 @@ function useAntdTable(service, options, useRequestOptions) {
         selectedRowKeys: []
       });
     }
-    run(getTransformParams({
-      page: newPage,
-      ...extraFilter,
-      ..._values
-    }));
+    run(
+      getTransformParams({
+        page: newPage,
+        ...extraFilter,
+        ..._values
+      })
+    );
   };
-  const refreshPage = res => {
+  const refreshPage = (res) => {
     const transformResult = transformResponse ? transformResponse(res) : res || {};
-    const {
-      total = 0
-    } = isListResult(transformResult) ? transformResult : transformResult?.data || {};
-    const totalPage = Math.floor((total + page.pageSize - 1) / page.pageSize) || 1;
+    const { total: total2 = 0 } = isListResult(transformResult) ? transformResult : (transformResult == null ? void 0 : transformResult.data) || {};
+    const totalPage = Math.floor((total2 + page.pageSize - 1) / page.pageSize) || 1;
     if (page.pageNum > totalPage) {
       const newPage = {
         pageNum: totalPage,
         pageSize: page.pageSize
       };
       onPageChange(newPage);
-      run(getTransformParams({
-        page: newPage
-      }));
+      run(
+        getTransformParams({
+          page: newPage
+        })
+      );
     }
   };
   const handleRefresh = async () => {
@@ -345,50 +304,48 @@ function useAntdTable(service, options, useRequestOptions) {
     const res = await refreshAsync();
     refreshPage(res);
   };
-
-  // 内置选择下拉
-  const defaultSelections = [{
-    key: 'currentPage',
-    text: formatMessage(locale?.ProTable?.selectCurPage, {
-      total: data?.length || 0
-    }),
-    onSelect: changeableRowKeys => {
-      setState({
-        allSelected: false,
-        selectedRecords: [...data],
-        selectedRowKeys: changeableRowKeys
-      });
-    }
-  }, {
-    key: 'all',
-    text: formatMessage(locale?.ProTable?.selectAll, {
-      total
-    }),
-    onSelect: async changeableRowKeys => {
-      setState({
-        allSelected: true,
-        selectedRecords: [...data],
-        selectedRowKeys: changeableRowKeys
-      });
-    }
-  }, {
-    key: 'uncheckAll',
-    text: locale?.ProTable?.deselect,
-    onSelect: async () => {
-      setState({
-        allSelected: false,
-        selectedRecords: [],
-        selectedRowKeys: []
-      });
+  const defaultSelections = [
+    {
+      key: "currentPage",
+      text: formatMessage((_b = (_a = locale) == null ? void 0 : _a.ProTable) == null ? void 0 : _b.selectCurPage, { total: (data == null ? void 0 : data.length) || 0 }),
+      onSelect: (changeableRowKeys) => {
+        setState({
+          allSelected: false,
+          selectedRecords: [...data],
+          selectedRowKeys: changeableRowKeys
+        });
+      }
+    },
+    {
+      key: "all",
+      text: formatMessage((_d = (_c = locale) == null ? void 0 : _c.ProTable) == null ? void 0 : _d.selectAll, { total }),
+      onSelect: async (changeableRowKeys) => {
+        setState({
+          allSelected: true,
+          selectedRecords: [...data],
+          selectedRowKeys: changeableRowKeys
+        });
+      }
+    },
+    {
+      key: "uncheckAll",
+      text: (_f = (_e = locale) == null ? void 0 : _e.ProTable) == null ? void 0 : _f.deselect,
+      onSelect: async () => {
+        setState({
+          allSelected: false,
+          selectedRecords: [],
+          selectedRowKeys: []
+        });
+      }
     }
-  }];
+  ];
   const selections = useMemo(() => {
     if (rowSelections === true) {
       return defaultSelections;
     }
     if (Array.isArray(rowSelections)) {
-      return rowSelections.map(item => {
-        if (typeof item === 'string') {
+      return rowSelections.map((item) => {
+        if (typeof item === "string") {
           if (item === CURRENT_PAGE) {
             return defaultSelections[0];
           }
@@ -407,18 +364,24 @@ function useAntdTable(service, options, useRequestOptions) {
   const _rowSelection = {
     fixed: true,
     type: rowSelectType,
-    columnWidth: rowSelections ? 64 : undefined,
+    columnWidth: rowSelections ? 64 : void 0,
     selectedRowKeys,
     onChange(rowKeys, rows) {
+      var _a2, _b2, _c2;
       if (crossPageSelect) {
-        const removeKeys = data?.map(item => item?.[rowKey])?.filter(key => !rowKeys.includes(key));
-        const newSelectedKeys = Array.from(new Set([...selectedRowKeys, ...rowKeys]))?.filter(item => !removeKeys.includes(item));
-        const selectedRecordObj = [...selectedRecords, ...rows]?.reduce((acc, cur) => {
-          acc[cur?.[rowKey]] = cur;
+        const removeKeys = (_a2 = data == null ? void 0 : data.map((item) => item == null ? void 0 : item[rowKey])) == null ? void 0 : _a2.filter((key) => !rowKeys.includes(key));
+        const newSelectedKeys = (_b2 = Array.from(/* @__PURE__ */ new Set([...selectedRowKeys, ...rowKeys]))) == null ? void 0 : _b2.filter(
+          (item) => !removeKeys.includes(item)
+        );
+        const selectedRecordObj = (_c2 = [
+          ...selectedRecords,
+          ...rows
+        ]) == null ? void 0 : _c2.reduce((acc, cur) => {
+          acc[cur == null ? void 0 : cur[rowKey]] = cur;
           return acc;
         }, {});
         setState({
-          selectedRecords: newSelectedKeys?.map(item => selectedRecordObj?.[String(item)]),
+          selectedRecords: newSelectedKeys == null ? void 0 : newSelectedKeys.map((item) => selectedRecordObj == null ? void 0 : selectedRecordObj[String(item)]),
           selectedRowKeys: newSelectedKeys
         });
       } else {
@@ -428,7 +391,7 @@ function useAntdTable(service, options, useRequestOptions) {
         });
       }
     },
-    onSelectAll: selected => {
+    onSelectAll: (selected) => {
       if (rowSelections && allSelected && !selected) {
         setState({
           allSelected: false,
@@ -437,27 +400,28 @@ function useAntdTable(service, options, useRequestOptions) {
         });
       }
     },
-    getCheckboxProps: record => ({
-      className: allSelected && rowSelections ? 'checkbox-disabled' : ''
+    getCheckboxProps: (record) => ({
+      className: allSelected && rowSelections ? "checkbox-disabled" : ""
     }),
     selections
   };
-  const rowSelection = _isObject(returnRowSelection) ? _merge(_rowSelection, returnRowSelection) : _rowSelection;
-  if (_isObject(returnRowSelection) && !_isEqual(rowSelection, _rowSelection)) {
-    // getCheckboxProps需要特殊兼容原有的逻辑，特殊处理
-    const isHasGetCheckboxProps = Reflect.ownKeys(returnRowSelection).includes('getCheckboxProps');
-    if (isHasGetCheckboxProps) {
-      _set(rowSelection, 'getCheckboxProps', record => {
-        const passReturnObjects = rowSelection.getCheckboxProps(record) ?? {};
+  const rowSelection = isObject(returnRowSelection) ? merge({}, _rowSelection, returnRowSelection) : _rowSelection;
+  if (isObject(returnRowSelection)) {
+    const customGetCheckboxProps = returnRowSelection.getCheckboxProps;
+    if (typeof customGetCheckboxProps === "function") {
+      rowSelection.getCheckboxProps = (record) => {
+        const internalProps = _rowSelection.getCheckboxProps(record);
+        const customProps = customGetCheckboxProps(record) ?? {};
         return {
-          className: allSelected && rowSelections ? 'checkbox-disabled' : '',
-          ...passReturnObjects
+          ...internalProps,
+          ...customProps,
+          className: [customProps.className, internalProps.className].filter(Boolean).join(" ")
         };
-      });
+      };
     }
   }
-  const selectedTip = allSelected && selectedRowKeys.length ? formatMessage(locale?.ProTable?.selectAll, {
-    total: allSelected ? total : selectedRowKeys?.length
+  const selectedTip = allSelected && selectedRowKeys.length ? formatMessage((_h = (_g = locale) == null ? void 0 : _g.ProTable) == null ? void 0 : _h.selectAll, {
+    total: allSelected ? total : selectedRowKeys == null ? void 0 : selectedRowKeys.length
   }) : null;
   const pagination = {
     current: page.pageNum,
@@ -466,11 +430,11 @@ function useAntdTable(service, options, useRequestOptions) {
     showQuickJumper: true,
     onPaginationChange: true,
     total,
-    showTotal: total => {
-      if (!total) return;
-      return formatMessage(locale?.ProTable?.total, {
-        total
-      });
+    showTotal: (total2) => {
+      var _a2, _b2;
+      if (!total2)
+        return;
+      return formatMessage((_b2 = (_a2 = locale) == null ? void 0 : _a2.ProTable) == null ? void 0 : _b2.total, { total: total2 });
     },
     onShowSizeChange: handlePageChange,
     onChange: handlePageChange
@@ -479,22 +443,22 @@ function useAntdTable(service, options, useRequestOptions) {
     ...result,
     form,
     data,
-    params: result?.params?.[0] || {},
+    params: ((_i = result == null ? void 0 : result.params) == null ? void 0 : _i[0]) || {},
     rowSelection,
-    searchValues: form?.getFieldsValue() ?? {},
+    searchValues: (form == null ? void 0 : form.getFieldsValue()) ?? {},
     allSelected,
     selectedTip,
     selectedRowKeys,
     selectedRecords,
     clearSelected,
-    setSelectedRowKeys: selectedRowKeys => {
+    setSelectedRowKeys: (selectedRowKeys2) => {
       setState({
-        selectedRowKeys
+        selectedRowKeys: selectedRowKeys2
       });
     },
-    setSelectedRecords: selectedRecords => {
+    setSelectedRecords: (selectedRecords2) => {
       setState({
-        selectedRecords
+        selectedRecords: selectedRecords2
       });
     },
     pagination,
@@ -505,16 +469,19 @@ function useAntdTable(service, options, useRequestOptions) {
       rowKey,
       loading: result.loading,
       dataSource: data,
-      rowSelection: returnRowSelection || rowSelections ? rowSelection : undefined,
+      rowSelection: returnRowSelection || rowSelections ? rowSelection : void 0,
       pagination,
       onChange: handleTableChange
     },
     handleSetStateCallback
   };
-  useAntdTableProps.tableProps.formTableProps = {
-    ..._omit(useAntdTableProps, 'tableProps'),
-    form
-  };
+  useAntdTableProps.tableProps.formTableProps = { ...omit(useAntdTableProps, "tableProps"), form };
   return useAntdTableProps;
 }
-export default useAntdTable;
+var useAntdTable_default = useAntdTable;
+export {
+  CURRENT_PAGE,
+  SELECTION_ALL,
+  UNCHECK_ALL,
+  useAntdTable_default as default
+};