@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/lib/ProTable/useAntdTable.js

@@ -13,7 +13,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _antd = require("antd");
 var _index = require("./index");
+var _utils = require("./utils");
 var _excluded = ["page", "filters", "sorter"];
 var useDefaultOptions = function useDefaultOptions(options) {
   var _useState = (0, _react.useState)((options === null || options === void 0 ? void 0 : options.page) || _index.defaultPage),
@@ -28,6 +31,8 @@ var useDefaultOptions = function useDefaultOptions(options) {
 };
 function useAntdTable(service, options, useRequestOptions) {
   var _useSetState = (0, _ahooks.useSetState)({
+      data: [],
+      total: 0,
       selectedRecords: [],
       selectedRowKeys: [],
       searchValues: undefined,
@@ -36,6 +41,8 @@ function useAntdTable(service, options, useRequestOptions) {
     }),
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     _useSetState2$ = _useSetState2[0],
+    data = _useSetState2$.data,
+    total = _useSetState2$.total,
     selectedRecords = _useSetState2$.selectedRecords,
     selectedRowKeys = _useSetState2$.selectedRowKeys,
     searchValues = _useSetState2$.searchValues,
@@ -64,10 +71,8 @@ function useAntdTable(service, options, useRequestOptions) {
   var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
   var initPage = (options === null || options === void 0 ? void 0 : options.page) || _index.defaultPage;
   var getTransformParams = (0, _react.useCallback)(function (params) {
+    var _pickBy;
     var realParams = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParam), extraParams), params);
-    if (transformParams) {
-      return transformParams(realParams);
-    }
     var _realParams$page = realParams.page,
       page = _realParams$page === void 0 ? initPage : _realParams$page,
       filters = realParams.filters,
@@ -77,9 +82,15 @@ function useAntdTable(service, options, useRequestOptions) {
       filters: JSON.stringify(filters) === '{}' ? undefined : filters,
       sorter: JSON.stringify(sorter) === '{}' ? undefined : sorter
     }, otherParams);
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, page), {}, {
-      queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
+    var requestParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, page), {}, {
+      queryBean: (_pickBy = (0, _lodash.pickBy)(queryBean, function (item) {
+        return item !== undefined;
+      })) !== null && _pickBy !== void 0 ? _pickBy : {}
     });
+    if (transformParams) {
+      return transformParams(realParams, requestParams);
+    }
+    return requestParams;
   }, [defaultParam, extraParams]);
   var params = (0, _react.useMemo)(function () {
     var newQueryBean = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, searchValues), extraFilter);
@@ -90,25 +101,32 @@ function useAntdTable(service, options, useRequestOptions) {
   // 调接口
   var result = (0, _ahooks.useRequest)(service, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, useRequestOptions), {}, {
     debounceWait: 50,
-    defaultParams: [getTransformParams()]
+    defaultParams: [getTransformParams()],
+    onSuccess: function onSuccess(res, params) {
+      var transformResult = transformResponse ? transformResponse(res) : res || {};
+      var _ref2 = (0, _utils.isListResult)(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
+        _ref2$list = _ref2.list,
+        list = _ref2$list === void 0 ? [] : _ref2$list,
+        _ref2$total = _ref2.total,
+        total = _ref2$total === void 0 ? 0 : _ref2$total;
+      if (list !== null && !Array.isArray(list)) {
+        return _antd.message.error('请返回正确的数据类型');
+      }
+      setState({
+        total: total,
+        data: list || []
+      });
+      if (useRequestOptions === null || useRequestOptions === void 0 ? void 0 : useRequestOptions.onSuccess) {
+        useRequestOptions.onSuccess(res, params);
+      }
+    }
   }));
-  var _result$data = result.data,
-    data = _result$data === void 0 ? {} : _result$data,
-    run = result.run,
-    refresh = result.refresh;
-  var _ref2 = transformResponse ? transformResponse(data) : data || {},
-    _ref2$data = _ref2.data,
-    dataSource = _ref2$data === void 0 ? {} : _ref2$data;
-  var _ref3 = dataSource || {},
-    _ref3$list = _ref3.list,
-    newList = _ref3$list === void 0 ? [] : _ref3$list,
-    _ref3$total = _ref3.total,
-    total = _ref3$total === void 0 ? 0 : _ref3$total;
+  var run = result.run,
+    refreshAsync = result.refreshAsync;
   var curService = (0, _react.useMemo)(function () {
     return service.toString();
   }, [service]);
   // service变化时触发 (禁止掉防止service变更时导致的死循环)
-  // const prevService = usePrevious(curService);
   var clearSelected = (0, _react.useCallback)(function () {
     setState({
       allSelected: false,
@@ -116,9 +134,9 @@ function useAntdTable(service, options, useRequestOptions) {
       selectedRowKeys: []
     });
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(function () {
     if (allSelected) {
-      var filterList = newList.filter(function (item) {
+      var filterList = data.filter(function (item) {
         return !selectedRowKeys.includes(item === null || item === void 0 ? void 0 : item[rowKey]);
       });
       setState({
@@ -128,7 +146,7 @@ function useAntdTable(service, options, useRequestOptions) {
         })))
       });
     }
-  }, [allSelected, newList]);
+  }, [allSelected, data]);
   // 分页变更
   var handlePageChange = (0, _react.useCallback)(function (current, pageSize) {
     var page = {
@@ -145,7 +163,7 @@ function useAntdTable(service, options, useRequestOptions) {
     run(getTransformParams((0, _objectSpread2.default)((0, _objectSpread2.default)({
       page: page
     }, searchValues), extraFilter)));
-  }, [allSelected, searchValues, extraFilter, newList, getTransformParams]);
+  }, [allSelected, searchValues, extraFilter, data, getTransformParams]);
   var handleTableChange = (0, _react.useCallback)(function (pagination, filters, sorter, extra) {
     // 跳过分页改变，使用pagination的onChange
     if (extra.action === 'paginate') {
@@ -215,14 +233,49 @@ function useAntdTable(service, options, useRequestOptions) {
       }));
     }
   }, [page.pageSize, run, resetParams, getTransformParams]);
-  var handleRefresh = function handleRefresh() {
-    setState({
-      allSelected: false,
-      selectedRecords: [],
-      selectedRowKeys: []
-    });
-    refresh();
+  var refreshPage = function refreshPage(res) {
+    var transformResult = transformResponse ? transformResponse(res) : res || {};
+    var _ref3 = (0, _utils.isListResult)(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
+      _ref3$total = _ref3.total,
+      total = _ref3$total === void 0 ? 0 : _ref3$total;
+    var totalPage = Math.floor((total + page.pageSize - 1) / page.pageSize) || 1;
+    if (page.pageNum > totalPage) {
+      var newPage = {
+        pageNum: totalPage,
+        pageSize: page.pageSize
+      };
+      onPageChange(newPage);
+      run(getTransformParams({
+        page: newPage
+      }));
+    }
   };
+  var handleRefresh = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var res;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setState({
+              allSelected: false,
+              selectedRecords: [],
+              selectedRowKeys: []
+            });
+            _context.next = 3;
+            return refreshAsync();
+          case 3:
+            res = _context.sent;
+            refreshPage(res);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleRefresh() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
   (0, _ahooks.useDeepCompareEffect)(function () {
     if (!manual && curService) {
       // service改变时重新请求
@@ -245,20 +298,22 @@ function useAntdTable(service, options, useRequestOptions) {
     }
   }, [extraParams]);
   var rowSelection = {
+    fixed: true,
     type: rowSelectType,
+    columnWidth: rowSelections ? 64 : undefined,
     selectedRowKeys: selectedRowKeys,
     onChange: function onChange(rowKeys, rows) {
       if (crossPageSelect) {
-        var _newList$map, _Array$from, _ref4;
-        var removeKeys = newList === null || newList === void 0 ? void 0 : (_newList$map = newList.map(function (item) {
+        var _data$map, _Array$from, _ref5;
+        var removeKeys = data === null || data === void 0 ? void 0 : (_data$map = data.map(function (item) {
           return item === null || item === void 0 ? void 0 : item[rowKey];
-        })) === null || _newList$map === void 0 ? void 0 : _newList$map.filter(function (key) {
+        })) === null || _data$map === void 0 ? void 0 : _data$map.filter(function (key) {
           return !rowKeys.includes(key);
         });
         var newSelectedKeys = (_Array$from = Array.from(new Set([].concat((0, _toConsumableArray2.default)(selectedRowKeys), (0, _toConsumableArray2.default)(rowKeys))))) === null || _Array$from === void 0 ? void 0 : _Array$from.filter(function (item) {
           return !removeKeys.includes(item);
         });
-        var selectedRecordObj = (_ref4 = [].concat((0, _toConsumableArray2.default)(selectedRecords), (0, _toConsumableArray2.default)(rows))) === null || _ref4 === void 0 ? void 0 : _ref4.reduce(function (acc, cur) {
+        var selectedRecordObj = (_ref5 = [].concat((0, _toConsumableArray2.default)(selectedRecords), (0, _toConsumableArray2.default)(rows))) === null || _ref5 === void 0 ? void 0 : _ref5.reduce(function (acc, cur) {
           acc[cur === null || cur === void 0 ? void 0 : cur[rowKey]] = cur;
           return acc;
         }, {});
@@ -291,11 +346,11 @@ function useAntdTable(service, options, useRequestOptions) {
     },
     selections: rowSelections ? [{
       key: 'currentPage',
-      text: "\u9009\u62E9\u5F53\u524D\u9875(".concat((newList === null || newList === void 0 ? void 0 : newList.length) || 0, "\u6761)"),
+      text: "\u9009\u62E9\u5F53\u524D\u9875(".concat((data === null || data === void 0 ? void 0 : data.length) || 0, "\u6761)"),
       onSelect: function onSelect(changeableRowKeys) {
         setState({
           allSelected: false,
-          selectedRecords: (0, _toConsumableArray2.default)(newList),
+          selectedRecords: (0, _toConsumableArray2.default)(data),
           selectedRowKeys: changeableRowKeys
         });
       }
@@ -303,20 +358,20 @@ function useAntdTable(service, options, useRequestOptions) {
       key: 'all',
       text: "\u9009\u62E9\u5168\u90E8(".concat(total, "\u6761)"),
       onSelect: function () {
-        var _onSelect = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(changeableRowKeys) {
-          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
+        var _onSelect = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(changeableRowKeys) {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
               case 0:
                 setState({
                   allSelected: true,
-                  selectedRecords: (0, _toConsumableArray2.default)(newList),
+                  selectedRecords: (0, _toConsumableArray2.default)(data),
                   selectedRowKeys: changeableRowKeys
                 });
               case 1:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
-          }, _callee);
+          }, _callee2);
         }));
         function onSelect(_x) {
           return _onSelect.apply(this, arguments);
@@ -327,9 +382,9 @@ function useAntdTable(service, options, useRequestOptions) {
       key: 'uncheckAll',
       text: '取消选择',
       onSelect: function () {
-        var _onSelect2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
-          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
+        var _onSelect2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
               case 0:
                 setState({
                   allSelected: false,
@@ -338,9 +393,9 @@ function useAntdTable(service, options, useRequestOptions) {
                 });
               case 1:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
-          }, _callee2);
+          }, _callee3);
         }));
         function onSelect() {
           return _onSelect2.apply(this, arguments);
@@ -365,7 +420,7 @@ function useAntdTable(service, options, useRequestOptions) {
     onChange: handlePageChange
   };
   return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), {}, {
-    data: newList,
+    data: data,
     params: params,
     rowSelection: rowSelection,
     searchValues: searchValues,
@@ -391,12 +446,11 @@ function useAntdTable(service, options, useRequestOptions) {
     tableProps: {
       rowKey: rowKey,
       loading: result.loading,
-      dataSource: newList,
+      dataSource: data,
       rowSelection: returnRowSelection || rowSelections ? rowSelection : undefined,
       pagination: pagination,
       onChange: handleTableChange
     }
   });
 }
-var _default = useAntdTable;
-exports.default = _default;
+var _default = exports.default = useAntdTable;

package/lib/ProTable/utils.d.ts

@@ -10,3 +10,11 @@ export declare const getColumnDataIndex: (dataIndex: string | string[]) => strin
  * @returns ReactNode 父级element
  */
 export declare const getParentElement: (element: any, name: any, type?: string) => React.ReactNode;
+/**
+ * 判断数据是否为Response<List<any>>结构
+ * @param data { [key: string]: any } 需要判断数据
+ * @returns boolean 是否
+ */
+export declare const isListResult: (data: {
+    [key: string]: any;
+}) => boolean;