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

🌈 🚀lm组件库。🚀

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["onChange"];
import React from 'react';
import Pagination from "../../pagination";
var LmCardTablePagination = function LmCardTablePagination(_ref) {
  var table = _ref.table;
  var dispatch = table.dispatch,
    _table$dataSource = table.dataSource,
    dataSource = _table$dataSource === void 0 ? [] : _table$dataSource,
    _table$pagination = table.pagination,
    onChange = _table$pagination.onChange,
    paginationProps = _objectWithoutProperties(_table$pagination, _excluded);

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

  // 默认的配置
  var defaultProps = {
    size: 'small',
    showSizeChanger: true,
    showQuickJumper: true,
    showTotal: function showTotal(total) {
      return "\u5171 ".concat(total, " \u6761");
    },
    total: (paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.total) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0,
    defaultPageSize: 20,
    pageSizeOptions: [20, 50, 100, 500],
    onChange: onPageChange
  };
  return /*#__PURE__*/React.createElement("div", {
    className: "lm_card_table_pagination"
  }, /*#__PURE__*/React.createElement(Pagination, _extends({}, defaultProps, paginationProps)));
};
export default LmCardTablePagination;