UNPKG

zent

Version:

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

101 lines (83 loc) 2.52 kB
'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'];