@nickeylin/antd-mobile-pro 2.0.0

package/dist/es/components/pro-list/pro-list.js

@@ -0,0 +1,825 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["onSearch", "onClear", "onChange", "value"],
+  _excluded2 = ["render", "style"],
+  _excluded3 = ["render", "style"],
+  _excluded4 = ["onClick"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { useDeepCompareMemoize, useMergedState } from '@nickeylin/rc-utils';
+import { useMemoizedFn, useRequest, useSetState, useUpdateEffect } from 'ahooks';
+import { Button, InfiniteScroll, List, PullToRefresh, SearchBar, SpinLoading } from 'antd-mobile';
+import { CheckOutline } from 'antd-mobile-icons';
+import { withNativeProps } from 'antd-mobile/es/utils/native-props';
+import { isPromise } from 'antd-mobile/es/utils/validate';
+import classNames from 'classnames';
+import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { cn } from "../../utils/bem";
+import { devWarning } from "../../utils/dev-log";
+import { useConfig } from "../config-provider";
+import ErrorBlock from "../error-block";
+import { usePage } from "../page/page-context";
+import { getRowKey } from "./helper";
+import PaginationToolBar from "./pagination-toolbar";
+import SelectedRowsSummary from "./selected-rows-summary";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var bem = cn('pro-list');
+var defaultPageSize = 15;
+function ProList(props) {
+  var _search$defaultValue, _rowSelection$default;
+  var search = props.search,
+    toolbarProp = props.toolbar,
+    _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
+    renderItem = props.renderItem,
+    pagination = props.pagination,
+    paramsProp = props.params,
+    request = props.request,
+    manual = props.manual,
+    errorProps = props.errorProps,
+    emptyProps = props.emptyProps,
+    rowSelection = props.rowSelection,
+    actionRef = props.actionRef,
+    children = props.children,
+    filterSearch = props.filterSearch,
+    fillMaxPageHeight = props.fillMaxPageHeight,
+    styleProp = props.style;
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _ref = pagination === false ? {
+      type: 'none'
+    } : pagination !== null && pagination !== void 0 ? pagination : {},
+    _ref$type = _ref.type,
+    paginationType = _ref$type === void 0 ? 'infinite' : _ref$type,
+    _ref$pageIndex = _ref.pageIndex,
+    propPageIndex = _ref$pageIndex === void 0 ? 1 : _ref$pageIndex,
+    _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? defaultPageSize : _ref$pageSize;
+  var _usePage = usePage(),
+    inPage = _usePage.inPage,
+    headerSize = _usePage.headerSize,
+    footerSize = _usePage.footerSize;
+  var _useSetState = useSetState({
+      pageIndex: propPageIndex,
+      pageSize: pageSize
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    pageState = _useSetState2[0],
+    setPageState = _useSetState2[1];
+  var innerListStyle = useMemo(function () {
+    var result = {};
+    if (inPage && fillMaxPageHeight) {
+      var _headerSize$height, _footerSize$height;
+      var extraHeight = ((_headerSize$height = headerSize === null || headerSize === void 0 ? void 0 : headerSize.height) !== null && _headerSize$height !== void 0 ? _headerSize$height : 0) + ((_footerSize$height = footerSize === null || footerSize === void 0 ? void 0 : footerSize.height) !== null && _footerSize$height !== void 0 ? _footerSize$height : 0);
+      result['--extra-height'] = "".concat(extraHeight, "px");
+      result.height = 'calc(var(--page-height, 100vh) - var(--extra-height))';
+    }
+    return result;
+  }, [fillMaxPageHeight, footerSize === null || footerSize === void 0 ? void 0 : footerSize.height, headerSize === null || headerSize === void 0 ? void 0 : headerSize.height, inPage]);
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasMore = _useState2[0],
+    setHasMore = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    total = _useState4[0],
+    setTotal = _useState4[1];
+  var _useState5 = useState(search ? (_search$defaultValue = search.defaultValue) !== null && _search$defaultValue !== void 0 ? _search$defaultValue : '' : ''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchKeyword = _useState6[0],
+    setSearchKeyword = _useState6[1];
+  var listRef = useRef(null);
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    localLoading = _useState8[0],
+    setLocalLoading = _useState8[1];
+  var _useRequest = useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var pageIndex,
+        keywordParam,
+        keyword,
+        result,
+        params,
+        d,
+        _args = arguments;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            pageIndex = _args.length > 0 && _args[0] !== undefined ? _args[0] : 1;
+            keywordParam = _args.length > 1 ? _args[1] : undefined;
+            keyword = !keywordParam && !filterSearch ? searchKeyword : keywordParam !== null && keywordParam !== void 0 ? keywordParam : '';
+            result = {
+              total: 0,
+              rows: []
+            };
+            params = _objectSpread(_objectSpread({}, paramsProp), {}, {
+              keyword: keyword,
+              pageInfo: {
+                page: pageIndex,
+                rows: pageSize
+              }
+            });
+            if (!request) {
+              _context.next = 11;
+              break;
+            }
+            _context.next = 8;
+            return request(params);
+          case 8:
+            d = _context.sent;
+            result.total = d.records;
+            result.rows = d.rows;
+          case 11:
+            setTotal(result.total);
+            setPageState({
+              pageIndex: pageIndex
+            });
+            setHasMore(result.rows.length == pageSize);
+            if (!(paginationType === 'infinite')) {
+              _context.next = 18;
+              break;
+            }
+            return _context.abrupt("return", pageIndex == 1 ? result.rows : [].concat(_toConsumableArray(data !== null && data !== void 0 ? data : []), _toConsumableArray(result.rows)));
+          case 18:
+            return _context.abrupt("return", result.rows);
+          case 19:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })), {
+      manual: manual,
+      debounceWait: 300
+    }),
+    data = _useRequest.data,
+    requestLoading = _useRequest.loading,
+    run = _useRequest.run,
+    runAsync = _useRequest.runAsync,
+    error = _useRequest.error;
+  var _useMergedState = useMergedState((_rowSelection$default = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.defaultSelectedRowKeys) !== null && _rowSelection$default !== void 0 ? _rowSelection$default : [], {
+      value: rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    selectedRowKeys = _useMergedState2[0],
+    setSelectedRowKeys = _useMergedState2[1];
+
+  // 多选时，保存所有已选择的行，避免因分页导致数据丢失
+  var tempSelectedRowsRef = useRef([]);
+  useEffect(function () {
+    var _rowSelection$selecte;
+    tempSelectedRowsRef.current = ((_rowSelection$selecte = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) !== null && _rowSelection$selecte !== void 0 ? _rowSelection$selecte : []).map(function (r, index) {
+      return _objectSpread({
+        _key: getRowKey(rowKey !== null && rowKey !== void 0 ? rowKey : 'key', r, index)
+      }, r);
+    });
+  }, [rowKey, rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows]);
+  var stateRefs = useRef({
+    data: data
+  });
+  stateRefs.current = {
+    data: data
+  };
+  var loading = useMemo(function () {
+    return props.loading || localLoading || requestLoading;
+  }, [props.loading, requestLoading, localLoading]);
+  var _useSetState3 = useSetState({}),
+    _useSetState4 = _slicedToArray(_useSetState3, 2),
+    rowLoadingMap = _useSetState4[0],
+    setRowLoadingMap = _useSetState4[1];
+  var getRows = useMemoizedFn(function (rowKeys) {
+    return rowKeys.map(function (k) {
+      var keyedData = (data !== null && data !== void 0 ? data : []).map(function (d, dIndex) {
+        var _key = getRowKey(rowKey, d, dIndex);
+        return _objectSpread({
+          _key: _key
+        }, d);
+      });
+      var result = [].concat(_toConsumableArray(tempSelectedRowsRef.current), _toConsumableArray(keyedData)).find(function (d) {
+        return k === d._key;
+      });
+      if (result) {}
+      return result;
+    }).filter(function (d) {
+      return !!d;
+    });
+  });
+  var onListItemClick = useMemoizedFn( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(item, index) {
+      var _rowSelection$onSelec, _rowSelection$onChang;
+      var key, rowLoading, idx, nextSelectedRowKeys, selected, beforeSelect, flag, _flag, selectedRows;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (rowSelection) {
+              _context3.next = 2;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 2:
+            key = getRowKey(rowKey !== null && rowKey !== void 0 ? rowKey : 'key', item, index);
+            if (key) {
+              _context3.next = 6;
+              break;
+            }
+            devWarning('ProList', "Invalid rowKey ".concat(key));
+            return _context3.abrupt("return");
+          case 6:
+            rowLoading = rowLoadingMap[key];
+            if (!rowLoading) {
+              _context3.next = 9;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 9:
+            idx = selectedRowKeys.indexOf(key);
+            nextSelectedRowKeys = _toConsumableArray(selectedRowKeys);
+            selected = true;
+            beforeSelect = /*#__PURE__*/function () {
+              var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+                var res, flag;
+                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      if (!rowSelection.onBeforeSelect) {
+                        _context2.next = 19;
+                        break;
+                      }
+                      res = rowSelection.onBeforeSelect(item);
+                      if (!isPromise(res)) {
+                        _context2.next = 17;
+                        break;
+                      }
+                      setRowLoadingMap(_defineProperty({}, key, true));
+                      _context2.prev = 4;
+                      _context2.next = 7;
+                      return res;
+                    case 7:
+                      flag = _context2.sent;
+                      setRowLoadingMap(_defineProperty({}, key, false));
+                      _context2.next = 15;
+                      break;
+                    case 11:
+                      _context2.prev = 11;
+                      _context2.t0 = _context2["catch"](4);
+                      setRowLoadingMap(_defineProperty({}, key, false));
+                      return _context2.abrupt("return");
+                    case 15:
+                      _context2.next = 18;
+                      break;
+                    case 17:
+                      flag = res;
+                    case 18:
+                      return _context2.abrupt("return", flag);
+                    case 19:
+                      return _context2.abrupt("return", true);
+                    case 20:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _callee2, null, [[4, 11]]);
+              }));
+              return function beforeSelect() {
+                return _ref4.apply(this, arguments);
+              };
+            }();
+            if (!(rowSelection.type == 'single')) {
+              _context3.next = 27;
+              break;
+            }
+            if (!(idx !== 0)) {
+              _context3.next = 24;
+              break;
+            }
+            _context3.next = 17;
+            return beforeSelect();
+          case 17:
+            flag = _context3.sent;
+            if (flag) {
+              _context3.next = 20;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 20:
+            nextSelectedRowKeys = [key];
+            tempSelectedRowsRef.current = [_objectSpread(_objectSpread({}, item), {}, {
+              _key: key
+            })];
+            _context3.next = 25;
+            break;
+          case 24:
+            return _context3.abrupt("return");
+          case 25:
+            _context3.next = 40;
+            break;
+          case 27:
+            if (!(rowSelection.type == 'multi')) {
+              _context3.next = 40;
+              break;
+            }
+            if (!(idx >= 0)) {
+              _context3.next = 33;
+              break;
+            }
+            nextSelectedRowKeys.splice(idx, 1);
+            selected = false;
+            _context3.next = 40;
+            break;
+          case 33:
+            _context3.next = 35;
+            return beforeSelect();
+          case 35:
+            _flag = _context3.sent;
+            if (_flag) {
+              _context3.next = 38;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 38:
+            tempSelectedRowsRef.current.push(_objectSpread(_objectSpread({}, item), {}, {
+              _key: key
+            }));
+            nextSelectedRowKeys.push(key);
+          case 40:
+            selectedRows = getRows(nextSelectedRowKeys);
+            setSelectedRowKeys(nextSelectedRowKeys);
+            (_rowSelection$onSelec = rowSelection.onSelect) === null || _rowSelection$onSelec === void 0 || _rowSelection$onSelec.call(rowSelection, item, selected, selectedRows);
+            (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 || _rowSelection$onChang.call(rowSelection, nextSelectedRowKeys, selectedRows, {
+              type: rowSelection.type
+            });
+          case 44:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }());
+  var isRowSelected = useCallback(function (item, index) {
+    if (!rowSelection) {
+      return false;
+    }
+    var key = getRowKey(rowKey !== null && rowKey !== void 0 ? rowKey : 'key', item, index);
+    if (!key) return false;
+    return selectedRowKeys.indexOf(key) >= 0;
+  }, [rowKey, rowSelection, selectedRowKeys]);
+  var toolbar = useMemo(function () {
+    if ((toolbarProp === null || toolbarProp === undefined) && !(rowSelection !== null && rowSelection !== void 0 && rowSelection.showAllSelected)) {
+      return null;
+    }
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [toolbarProp, (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.showAllSelected) && /*#__PURE__*/_jsx(SelectedRowsSummary, {
+        selectedRows: getRows(selectedRowKeys),
+        renderItem: renderItem,
+        onDelete: function onDelete(item) {
+          var _rowSelection$onChang2;
+          var nextSelectedRowKeys = _toConsumableArray(selectedRowKeys);
+          var index = nextSelectedRowKeys.indexOf(item._key);
+          if (index < 0) return;
+          nextSelectedRowKeys.splice(index, 1);
+          setSelectedRowKeys(nextSelectedRowKeys);
+          (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 || _rowSelection$onChang2.call(rowSelection, nextSelectedRowKeys, getRows(nextSelectedRowKeys), {
+            type: rowSelection.type
+          });
+        },
+        onClear: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+          var _rowSelection$onChang3;
+          return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+            while (1) switch (_context4.prev = _context4.next) {
+              case 0:
+                setSelectedRowKeys([]);
+                (_rowSelection$onChang3 = rowSelection.onChange) === null || _rowSelection$onChang3 === void 0 || _rowSelection$onChang3.call(rowSelection, [], [], {
+                  type: rowSelection.type
+                });
+                return _context4.abrupt("return", true);
+              case 3:
+              case "end":
+                return _context4.stop();
+            }
+          }, _callee4);
+        }))
+      })]
+    });
+  }, [getRows, renderItem, rowSelection, selectedRowKeys, setSelectedRowKeys, toolbarProp]);
+  var hasHeader = useMemo(function () {
+    return search !== false || !!props.header || !!toolbar;
+  }, [search, props.header, toolbar]);
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    filteredData = _useState10[0],
+    setFilteredData = _useState10[1];
+  var localSearch = function localSearch(keywords) {
+    var result = null;
+    if (!filterSearch) result = null;
+    // 无限加载分页不支持本地筛选数据
+    else if (paginationType === 'infinite') {
+      devWarning('ProList', 'filterSearch not support in `infinite` pagination');
+      result = null;
+    } else if (!keywords) {
+      result = data !== null && data !== void 0 ? data : null;
+    } else {
+      var _data$filter;
+      result = (_data$filter = data === null || data === void 0 ? void 0 : data.filter(function (d) {
+        return filterSearch(keywords, d);
+      })) !== null && _data$filter !== void 0 ? _data$filter : null;
+    }
+    setFilteredData(result);
+  };
+  var reloadAsync = useCallback( /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(keyword) {
+      var results;
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            setLocalLoading(true);
+            _context5.prev = 1;
+            _context5.next = 4;
+            return runAsync(1, keyword);
+          case 4:
+            results = _context5.sent;
+            setLocalLoading(false);
+            return _context5.abrupt("return", results);
+          case 9:
+            _context5.prev = 9;
+            _context5.t0 = _context5["catch"](1);
+            setLocalLoading(false);
+            throw _context5.t0;
+          case 13:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5, null, [[1, 9]]);
+    }));
+    return function (_x3) {
+      return _ref6.apply(this, arguments);
+    };
+  }(), [runAsync]);
+  var renderSearch = function renderSearch() {
+    if (search === false) return null;
+    var _ref7 = search !== null && search !== void 0 ? search : {},
+      _onSearch = _ref7.onSearch,
+      onClear = _ref7.onClear,
+      _onChange = _ref7.onChange,
+      _ = _ref7.value,
+      restSearchProps = _objectWithoutProperties(_ref7, _excluded);
+    return /*#__PURE__*/_jsx("div", {
+      className: bem('header-search'),
+      children: /*#__PURE__*/_jsx(SearchBar, _objectSpread({
+        value: searchKeyword,
+        onSearch: function onSearch(val) {
+          if (filterSearch) {
+            localSearch(val);
+          } else {
+            reloadAsync(val);
+          }
+          _onSearch === null || _onSearch === void 0 || _onSearch(val);
+        },
+        onChange: function onChange(val) {
+          setSearchKeyword(val);
+          _onChange === null || _onChange === void 0 || _onChange(val);
+        },
+        onClear: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+          return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+            while (1) switch (_context6.prev = _context6.next) {
+              case 0:
+                if (filterSearch) {
+                  localSearch('');
+                } else {
+                  reloadAsync('');
+                }
+                onClear === null || onClear === void 0 || onClear();
+              case 2:
+              case "end":
+                return _context6.stop();
+            }
+          }, _callee6);
+        })),
+        placeholder: locale.ProList.keywordsPlaceholder
+      }, restSearchProps !== null && restSearchProps !== void 0 ? restSearchProps : {}))
+    });
+  };
+  var renderContent = function renderContent() {
+    var errorBlockPaddingTop = 'calc(50vh - var(--image-height-full-page) - var(--extra-height))';
+    if (error) {
+      var _render2;
+      var _ref9 = errorProps !== null && errorProps !== void 0 ? errorProps : {},
+        _render = _ref9.render,
+        style = _ref9.style,
+        restErrorProps = _objectWithoutProperties(_ref9, _excluded2);
+      var mergedErrorProps = _objectSpread({
+        fullPage: true,
+        children: /*#__PURE__*/_jsx(Button, {
+          color: "primary",
+          onClick: function onClick() {
+            run(1);
+          },
+          children: locale.ProList.retry
+        }),
+        style: _objectSpread({
+          paddingTop: errorBlockPaddingTop
+        }, style)
+      }, restErrorProps);
+      return (_render2 = _render === null || _render === void 0 ? void 0 : _render(error, mergedErrorProps)) !== null && _render2 !== void 0 ? _render2 : /*#__PURE__*/_jsx(ErrorBlock, _objectSpread({
+        description: error.message
+      }, mergedErrorProps));
+    }
+    if (!children && !renderItem) {
+      return /*#__PURE__*/_jsx(ErrorBlock, {
+        title: locale.ProList.invalidRenderParamTitle,
+        fullPage: true,
+        description: locale.ProList.invalidRenderParamMessage,
+        style: {
+          paddingTop: errorBlockPaddingTop
+        }
+      });
+    }
+    var dataSource = filteredData !== null && filteredData !== void 0 ? filteredData : data;
+    if (dataSource && dataSource.length === 0 && !loading) {
+      var _render4;
+      var _ref10 = emptyProps !== null && emptyProps !== void 0 ? emptyProps : {},
+        _render3 = _ref10.render,
+        _style = _ref10.style,
+        restProps = _objectWithoutProperties(_ref10, _excluded3);
+      var mergedProps = _objectSpread({
+        fullPage: true,
+        status: 'empty',
+        title: locale.common.noData,
+        description: '',
+        style: _objectSpread({
+          paddingTop: errorBlockPaddingTop
+        }, _style)
+      }, restProps);
+      return (_render4 = _render3 === null || _render3 === void 0 ? void 0 : _render3(mergedProps)) !== null && _render4 !== void 0 ? _render4 : /*#__PURE__*/_jsx(ErrorBlock, _objectSpread({}, mergedProps));
+    }
+    if (dataSource && dataSource.length > 0) {
+      return /*#__PURE__*/_jsxs(PullToRefresh, {
+        onRefresh: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+          return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+            while (1) switch (_context7.prev = _context7.next) {
+              case 0:
+                _context7.next = 2;
+                return runAsync(1);
+              case 2:
+              case "end":
+                return _context7.stop();
+            }
+          }, _callee7);
+        })),
+        children: [children ? children(dataSource, selectedRowKeys, {
+          toggleSelectItem: onListItemClick
+        }) : /*#__PURE__*/_jsx(List, {
+          mode: props.mode,
+          ref: listRef,
+          children: dataSource.map(function (item, index) {
+            var _renderItem;
+            if (!renderItem) return null;
+            var key = getRowKey(rowKey, item, index);
+            var selected = isRowSelected(item, index);
+            var rowLoading = rowLoadingMap[key];
+            var itemNode = (_renderItem = renderItem(item, index, selected)) !== null && _renderItem !== void 0 ? _renderItem : {};
+            var _onClick = itemNode.onClick,
+              listItemProps = _objectWithoutProperties(itemNode, _excluded4);
+            var renderArrow = function renderArrow() {
+              var _rowSelection$renderS;
+              if (rowLoading) {
+                return /*#__PURE__*/_jsx(SpinLoading, {
+                  style: {
+                    '--size': '18px'
+                  }
+                });
+              }
+              var customIcon = rowSelection === null || rowSelection === void 0 || (_rowSelection$renderS = rowSelection.renderSelectedIcon) === null || _rowSelection$renderS === void 0 ? void 0 : _rowSelection$renderS.call(rowSelection, selected);
+              if (selected) {
+                return /*#__PURE__*/_jsx("span", {
+                  style: {
+                    color: 'var(--adm-color-primary)'
+                  },
+                  children: customIcon !== null && customIcon !== void 0 ? customIcon : /*#__PURE__*/_jsx(CheckOutline, {})
+                });
+              }
+              return customIcon !== null && customIcon !== void 0 ? customIcon : false;
+            };
+            return /*#__PURE__*/_jsx(List.Item, _objectSpread(_objectSpread({
+              arrow: renderArrow()
+            }, listItemProps), {}, {
+              onClick: function onClick(e) {
+                onListItemClick(item, index);
+                _onClick === null || _onClick === void 0 || _onClick(e);
+              }
+            }), key);
+          })
+        }), paginationType == 'infinite' && /*#__PURE__*/_jsx(InfiniteScroll, {
+          loadMore: ( /*#__PURE__*/function () {
+            var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(isRetry) {
+              return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+                while (1) switch (_context8.prev = _context8.next) {
+                  case 0:
+                    _context8.next = 2;
+                    return runAsync(pageState.pageIndex + (isRetry ? 0 : 1));
+                  case 2:
+                  case "end":
+                    return _context8.stop();
+                }
+              }, _callee8);
+            }));
+            return function (_x4) {
+              return _ref12.apply(this, arguments);
+            };
+          }()),
+          hasMore: hasMore
+        })]
+      });
+    }
+  };
+  useImperativeHandle(actionRef, function () {
+    var checkPaginationType = function checkPaginationType(type, funcName) {
+      if (paginationType != type) {
+        devWarning('ProList', "`".concat(funcName, "` need `").concat(type, "` paginationType, current is `").concat(paginationType, "`."));
+        return false;
+      }
+      return true;
+    };
+    return {
+      setSearchKeyword: function (_setSearchKeyword) {
+        function setSearchKeyword(_x5) {
+          return _setSearchKeyword.apply(this, arguments);
+        }
+        setSearchKeyword.toString = function () {
+          return _setSearchKeyword.toString();
+        };
+        return setSearchKeyword;
+      }(function (keywords) {
+        var reload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        setSearchKeyword(keywords);
+        if (reload && !filterSearch) {
+          reloadAsync(keywords);
+        }
+      }),
+      reload: function reload(reset) {
+        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+          return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+            while (1) switch (_context9.prev = _context9.next) {
+              case 0:
+                if (!reset) {
+                  _context9.next = 7;
+                  break;
+                }
+                setSearchKeyword('');
+                _context9.next = 4;
+                return reloadAsync('');
+              case 4:
+                return _context9.abrupt("return", _context9.sent);
+              case 7:
+                _context9.next = 9;
+                return reloadAsync();
+              case 9:
+                return _context9.abrupt("return", _context9.sent);
+              case 10:
+              case "end":
+                return _context9.stop();
+            }
+          }, _callee9);
+        }))();
+      },
+      infinitLoadmore: function infinitLoadmore(retry) {
+        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+          return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+            while (1) switch (_context10.prev = _context10.next) {
+              case 0:
+                if (checkPaginationType('infinite', 'infinitLoadmore')) {
+                  _context10.next = 2;
+                  break;
+                }
+                return _context10.abrupt("return", []);
+              case 2:
+                if (hasMore) {
+                  _context10.next = 4;
+                  break;
+                }
+                return _context10.abrupt("return", []);
+              case 4:
+                return _context10.abrupt("return", runAsync(pageState.pageIndex + (retry ? 0 : 1)));
+              case 5:
+              case "end":
+                return _context10.stop();
+            }
+          }, _callee10);
+        }))();
+      },
+      nextPage: function nextPage() {
+        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+          return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+            while (1) switch (_context11.prev = _context11.next) {
+              case 0:
+                if (checkPaginationType('toolbar', 'nextPage')) {
+                  _context11.next = 2;
+                  break;
+                }
+                return _context11.abrupt("return", []);
+              case 2:
+                if (hasMore) {
+                  _context11.next = 4;
+                  break;
+                }
+                return _context11.abrupt("return", []);
+              case 4:
+                _context11.next = 6;
+                return runAsync(pageState.pageIndex + 1);
+              case 6:
+                return _context11.abrupt("return", _context11.sent);
+              case 7:
+              case "end":
+                return _context11.stop();
+            }
+          }, _callee11);
+        }))();
+      },
+      prevPage: function prevPage() {
+        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+          var page;
+          return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+            while (1) switch (_context12.prev = _context12.next) {
+              case 0:
+                if (checkPaginationType('toolbar', 'prevPage')) {
+                  _context12.next = 2;
+                  break;
+                }
+                return _context12.abrupt("return", []);
+              case 2:
+                page = pageState.pageIndex - 1;
+                if (!(page < 1)) {
+                  _context12.next = 5;
+                  break;
+                }
+                return _context12.abrupt("return", []);
+              case 5:
+                _context12.next = 7;
+                return runAsync(page);
+              case 7:
+                return _context12.abrupt("return", _context12.sent);
+              case 8:
+              case "end":
+                return _context12.stop();
+            }
+          }, _callee12);
+        }))();
+      }
+    };
+  });
+  useUpdateEffect(function () {
+    reloadAsync();
+  }, [useDeepCompareMemoize(paramsProp)]);
+  return withNativeProps(props, /*#__PURE__*/_jsxs("div", {
+    className: classNames(bem({
+      'has-header': hasHeader,
+      'has-toolbar': !!toolbar,
+      'has-footer': paginationType === 'toolbar'
+    })),
+    style: _objectSpread(_objectSpread({}, innerListStyle), styleProp),
+    children: [hasHeader && /*#__PURE__*/_jsxs("div", {
+      className: bem('header'),
+      children: [props.header && /*#__PURE__*/_jsx("div", {
+        className: bem('header-title'),
+        children: props.header
+      }), renderSearch(), toolbar && /*#__PURE__*/_jsx("div", {
+        className: bem('header-toolbar'),
+        children: toolbar
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      style: {
+        height: 'auto'
+      },
+      className: bem('body'),
+      children: [renderContent(), loading && /*#__PURE__*/_jsx("div", {
+        className: bem('loading'),
+        children: /*#__PURE__*/_jsx(SpinLoading, {})
+      })]
+    }), paginationType === 'toolbar' && /*#__PURE__*/_jsx("div", {
+      className: bem('footer'),
+      children: /*#__PURE__*/_jsx(PaginationToolBar, {
+        disabled: loading,
+        pagination: {
+          current: pageState.pageIndex,
+          pageSize: pageState.pageSize,
+          total: total
+        },
+        onNext: function onNext() {
+          run(pageState.pageIndex + 1);
+        },
+        onPrev: function onPrev() {
+          var page = pageState.pageIndex - 1;
+          if (page >= 1) {
+            run(page);
+          }
+        }
+      })
+    })]
+  }));
+}
+export default ProList;