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

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _TablePagination = _interopRequireDefault(require("./TablePagination"));
const CardTablePager = /*#__PURE__*/_react.default.memo(({
  table
}) => {
  const {
    pagination,
    pagerConfig
  } = table;
  // left || right:插槽
  const {
    left,
    right
  } = pagerConfig;

  // 底部工具栏左侧插槽: 默认空 div 标签占位
  const LeftSlot = () => {
    if (!left) {
      return /*#__PURE__*/_react.default.createElement("div", null);
    }
    return typeof left === 'function' ? left(table) : left;
  };

  // 底部工具栏右侧插槽
  const RighSlot = () => {
    if (!right) {
      return pagination ? /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
        table: table
      }) : null;
    }
    return typeof right === 'function' ? right(table, _TablePagination.default) : right;
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "lm_card_table_pager"
  }, /*#__PURE__*/_react.default.createElement(LeftSlot, null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
});
var _default = CardTablePager;
exports.default = _default;