usePagination.js 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. var __rest = this && this.__rest || function (s, e) {
  2. var t = {};
  3. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  4. if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
  5. if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  6. }
  7. return t;
  8. };
  9. import { useState } from 'react';
  10. import extendsObject from '../../_util/extendsObject';
  11. export const DEFAULT_PAGE_SIZE = 10;
  12. export function getPaginationParam(mergedPagination, pagination) {
  13. const param = {
  14. current: mergedPagination.current,
  15. pageSize: mergedPagination.pageSize
  16. };
  17. const paginationObj = pagination && typeof pagination === 'object' ? pagination : {};
  18. Object.keys(paginationObj).forEach(pageProp => {
  19. const value = mergedPagination[pageProp];
  20. if (typeof value !== 'function') {
  21. param[pageProp] = value;
  22. }
  23. });
  24. return param;
  25. }
  26. function usePagination(total, onChange, pagination) {
  27. const _a = pagination && typeof pagination === 'object' ? pagination : {},
  28. {
  29. total: paginationTotal = 0
  30. } = _a,
  31. paginationObj = __rest(_a, ["total"]);
  32. const [innerPagination, setInnerPagination] = useState(() => ({
  33. current: 'defaultCurrent' in paginationObj ? paginationObj.defaultCurrent : 1,
  34. pageSize: 'defaultPageSize' in paginationObj ? paginationObj.defaultPageSize : DEFAULT_PAGE_SIZE
  35. }));
  36. // ============ Basic Pagination Config ============
  37. const mergedPagination = extendsObject(innerPagination, paginationObj, {
  38. total: paginationTotal > 0 ? paginationTotal : total
  39. });
  40. // Reset `current` if data length or pageSize changed
  41. const maxPage = Math.ceil((paginationTotal || total) / mergedPagination.pageSize);
  42. if (mergedPagination.current > maxPage) {
  43. // Prevent a maximum page count of 0
  44. mergedPagination.current = maxPage || 1;
  45. }
  46. const refreshPagination = (current, pageSize) => {
  47. setInnerPagination({
  48. current: current !== null && current !== void 0 ? current : 1,
  49. pageSize: pageSize || mergedPagination.pageSize
  50. });
  51. };
  52. const onInternalChange = (current, pageSize) => {
  53. var _a;
  54. if (pagination) {
  55. (_a = pagination.onChange) === null || _a === void 0 ? void 0 : _a.call(pagination, current, pageSize);
  56. }
  57. refreshPagination(current, pageSize);
  58. onChange(current, pageSize || (mergedPagination === null || mergedPagination === void 0 ? void 0 : mergedPagination.pageSize));
  59. };
  60. if (pagination === false) {
  61. return [{}, () => {}];
  62. }
  63. return [Object.assign(Object.assign({}, mergedPagination), {
  64. onChange: onInternalChange
  65. }), refreshPagination];
  66. }
  67. export default usePagination;