linkmore-design/lib/card-table/pager/TablePagination.js

🌈 🚀lm组件库。🚀

"use strict";

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 = _interopRequireDefault(require("react"));
var _pagination = _interopRequireDefault(require("../../pagination"));
const LmCardTablePagination = ({
  table
}) => {
  const {
    dispatch,
    dataSource = [],
    pagination: {
      onChange,
      ...paginationProps
    }
  } = table;

  // 分页改变事件
  const onPageChange = (pageIndex, pageSize) => {
    dispatch({
      type: 'changePage',
      page: {
        pageIndex,
        pageSize,
        total: paginationProps?.total || 0
      }
    });
    onChange?.(pageIndex, pageSize);
  };

  // 默认的配置
  const defaultProps = {
    size: 'small',
    showSizeChanger: true,
    showQuickJumper: true,
    showTotal: total => `共 ${total} 条`,
    total: paginationProps?.total || dataSource?.length || 0,
    defaultPageSize: 20,
    pageSizeOptions: [20, 50, 100, 500],
    onChange: onPageChange
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "lm_card_table_pagination"
  }, /*#__PURE__*/_react.default.createElement(_pagination.default, (0, _extends2.default)({}, defaultProps, paginationProps)));
};
var _default = LmCardTablePagination;
exports.default = _default;