usePagination.js 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.DEFAULT_PAGE_SIZE = void 0;
  7. exports.default = usePagination;
  8. exports.getPaginationParam = getPaginationParam;
  9. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  10. var _useState = _interopRequireDefault(require("../../_util/hooks/useState"));
  11. var _vue = require("vue");
  12. var _extendsObject = _interopRequireDefault(require("../../_util/extendsObject"));
  13. const DEFAULT_PAGE_SIZE = exports.DEFAULT_PAGE_SIZE = 10;
  14. function getPaginationParam(mergedPagination, pagination) {
  15. const param = {
  16. current: mergedPagination.current,
  17. pageSize: mergedPagination.pageSize
  18. };
  19. const paginationObj = pagination && typeof pagination === 'object' ? pagination : {};
  20. Object.keys(paginationObj).forEach(pageProp => {
  21. const value = mergedPagination[pageProp];
  22. if (typeof value !== 'function') {
  23. param[pageProp] = value;
  24. }
  25. });
  26. return param;
  27. }
  28. function usePagination(totalRef, paginationRef, onChange) {
  29. const pagination = (0, _vue.computed)(() => paginationRef.value && typeof paginationRef.value === 'object' ? paginationRef.value : {});
  30. const paginationTotal = (0, _vue.computed)(() => pagination.value.total || 0);
  31. const [innerPagination, setInnerPagination] = (0, _useState.default)(() => ({
  32. current: 'defaultCurrent' in pagination.value ? pagination.value.defaultCurrent : 1,
  33. pageSize: 'defaultPageSize' in pagination.value ? pagination.value.defaultPageSize : DEFAULT_PAGE_SIZE
  34. }));
  35. // ============ Basic Pagination Config ============
  36. const mergedPagination = (0, _vue.computed)(() => {
  37. const mP = (0, _extendsObject.default)(innerPagination.value, pagination.value, {
  38. total: paginationTotal.value > 0 ? paginationTotal.value : totalRef.value
  39. });
  40. // Reset `current` if data length or pageSize changed
  41. const maxPage = Math.ceil((paginationTotal.value || totalRef.value) / mP.pageSize);
  42. if (mP.current > maxPage) {
  43. // Prevent a maximum page count of 0
  44. mP.current = maxPage || 1;
  45. }
  46. return mP;
  47. });
  48. const refreshPagination = (current, pageSize) => {
  49. if (paginationRef.value === false) return;
  50. setInnerPagination({
  51. current: current !== null && current !== void 0 ? current : 1,
  52. pageSize: pageSize || mergedPagination.value.pageSize
  53. });
  54. };
  55. const onInternalChange = (current, pageSize) => {
  56. var _a, _b;
  57. if (paginationRef.value) {
  58. (_b = (_a = pagination.value).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, current, pageSize);
  59. }
  60. refreshPagination(current, pageSize);
  61. onChange(current, pageSize || mergedPagination.value.pageSize);
  62. };
  63. return [(0, _vue.computed)(() => {
  64. return paginationRef.value === false ? {} : (0, _extends2.default)((0, _extends2.default)({}, mergedPagination.value), {
  65. onChange: onInternalChange
  66. });
  67. }), refreshPagination];
  68. }