linkmore-design/es/card-table/footer.js

🌈 🚀lm组件库。🚀

import _extends from "@babel/runtime/helpers/esm/extends";
import React, { useContext, useMemo } from 'react';
import Pagination from "../pagination";
import Context from "./context";
var Footer = function Footer() {
  var _useContext = useContext(Context),
    dispatch = _useContext.dispatch,
    data = _useContext.data,
    onChange = _useContext.onChange,
    defaultPage = _useContext.defaultPage;
  var onPageChange = function onPageChange(pageIndex, pageSize) {
    dispatch({
      type: 'changePage',
      page: {
        pageIndex: pageIndex,
        pageSize: pageSize
      }
    });
    onChange === null || onChange === void 0 ? void 0 : onChange(pageIndex, pageSize);
  };
  var config = useMemo(function () {
    return {
      total: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.total) || data.length,
      current: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.pageIndex) || 1,
      pageSize: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.pageSize) || 20
    };
  }, [defaultPage]);
  return /*#__PURE__*/React.createElement(Pagination, _extends({
    showSizeChanger: true,
    showQuickJumper: true,
    showTotal: function showTotal(total) {
      return "\u5171 ".concat(total, " \u6761");
    },
    size: "small",
    onChange: onPageChange
  }, config));
};
export default Footer;