zent/pagination/lib/modules/Prefix.js

一套前端设计语言和基于React的实现

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _zentSelect = require('zent-select');

var _zentSelect2 = _interopRequireDefault(_zentSelect);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var _React$PropTypes = _react2['default'].PropTypes,
    number = _React$PropTypes.number,
    array = _React$PropTypes.array,
    oneOfType = _React$PropTypes.oneOfType,
    func = _React$PropTypes.func;
var Option = _zentSelect2['default'].Option;


var Prefix = _react2['default'].createClass({
  displayName: 'Prefix',

  propTypes: {
    totalItem: number,
    pageSize: oneOfType([number, array]),
    setPageSize: func
  },

  changePageSize: function changePageSize(e, data) {
    var setPageSize = this.props.setPageSize;

    setPageSize(data.text);
  },
  renderSelect: function renderSelect() {
    var _props = this.props,
        pageSize = _props.pageSize,
        currentPageSize = _props.currentPageSize;


    pageSize = pageSize.map(function (item) {
      return '' + item.value;
    });

    return _react2['default'].createElement(
      'span',
      { className: 'each' },
      '\uFF0C\u6BCF\u9875',
      _react2['default'].createElement(
        _zentSelect2['default'],
        { value: currentPageSize, onChange: this.changePageSize },
        pageSize.map(function (item, i) {
          return _react2['default'].createElement(
            Option,
            { key: i, value: item },
            item
          );
        })
      ),
      '\u6761'
    );
  },
  render: function render() {
    var _props2 = this.props,
        pageSize = _props2.pageSize,
        totalItem = _props2.totalItem,
        currentPageSize = _props2.currentPageSize;

    var isNeedSelect = false;
    if (Array.isArray(pageSize) && pageSize.length > 1) {
      isNeedSelect = true;
    }

    return _react2['default'].createElement(
      'span',
      { className: 'zent-pagination__info' },
      _react2['default'].createElement(
        'span',
        { className: 'total' },
        '\u5171',
        totalItem,
        '\u6761'
      ),
      !isNeedSelect && _react2['default'].createElement(
        'span',
        { className: 'each' },
        '\uFF0C\u6BCF\u9875',
        currentPageSize,
        '\u6761'
      ),
      isNeedSelect && this.renderSelect()
    );
  }
});

exports['default'] = Prefix;
module.exports = exports['default'];