zent
Version:
一套前端设计语言和基于React的实现
101 lines (83 loc) • 2.52 kB
JavaScript
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'];
;