shineout/css/Pagination/Pagination.js

Shein 前端组件库

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));

var _react = _interopRequireWildcard(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _defaultProps = require("../utils/defaultProps");

var _styles = require("./styles");

var _Links = _interopRequireDefault(require("./Links"));

var _Jumper = _interopRequireDefault(require("./Jumper"));

var _Simple = _interopRequireDefault(require("./Simple"));

var _PageSizeList = _interopRequireDefault(require("./PageSizeList"));

var _config = require("../config");

var _getDataset = _interopRequireDefault(require("../utils/dom/getDataset"));

var _classname = require("../utils/classname");

var DefaultValue = (0, _objectSpread2.default)({}, _defaultProps.defaultProps, {
  layout: ['links'],
  span: 5,
  text: {}
});

var Pagination =
/*#__PURE__*/
function (_PureComponent) {
  (0, _inheritsLoose2.default)(Pagination, _PureComponent);

  function Pagination() {
    return _PureComponent.apply(this, arguments) || this;
  }

  var _proto = Pagination.prototype;

  _proto.render = function render() {
    var _this = this;

    var _this$props = this.props,
        align = _this$props.align,
        layout = _this$props.layout,
        size = _this$props.size,
        style = _this$props.style;
    var rtl = (0, _config.isRTL)();
    var className = (0, _classnames.default)((0, _styles.paginationClass)('_', size, align, rtl && 'rtl'), this.props.className);
    var sectionClassName = (0, _styles.paginationClass)((0, _classname.getDirectionClass)('section'));
    return _react.default.createElement("div", (0, _extends2.default)({
      className: className,
      style: style
    }, (0, _getDataset.default)(this.props)), layout.map(function (section, i) {
      switch (section) {
        case 'links':
          return _react.default.createElement(_Links.default, (0, _extends2.default)({
            key: section
          }, _this.props));

        case 'list':
          return _react.default.createElement(_PageSizeList.default, (0, _extends2.default)({
            key: section
          }, _this.props));

        case 'jumper':
          return _react.default.createElement(_Jumper.default, (0, _extends2.default)({
            key: section
          }, _this.props));

        case 'simple':
          return _react.default.createElement(_Simple.default, (0, _extends2.default)({
            key: section
          }, _this.props));

        default:
          if (typeof section === 'function') {
            return _react.default.createElement("div", {
              key: i,
              className: sectionClassName
            }, _react.default.createElement("span", null, section(_this.props)));
          }

          return null;
      }
    }));
  };

  return Pagination;
}(_react.PureComponent);

(0, _defineProperty2.default)(Pagination, "defaultProps", DefaultValue);
var _default = Pagination;
exports.default = _default;