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

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireWildcard(require("react"));
var _pagination = _interopRequireDefault(require("../pagination"));
var _context = _interopRequireDefault(require("./context"));
const Footer = () => {
  const {
    dispatch,
    data,
    onChange,
    defaultPage
  } = (0, _react.useContext)(_context.default);
  const onPageChange = (pageIndex, pageSize) => {
    dispatch({
      type: 'changePage',
      page: {
        pageIndex,
        pageSize
      }
    });
    onChange?.(pageIndex, pageSize);
  };
  const config = (0, _react.useMemo)(() => {
    return {
      total: defaultPage?.total || data.length,
      current: defaultPage?.pageIndex || 1,
      pageSize: defaultPage?.pageSize || 20
    };
  }, [defaultPage]);
  return /*#__PURE__*/_react.default.createElement(_pagination.default, (0, _extends2.default)({
    showSizeChanger: true,
    showQuickJumper: true,
    showTotal: total => `共 ${total} 条`,
    size: "small",
    onChange: onPageChange
  }, config));
};
var _default = Footer;
exports.default = _default;