zent
Version:
一套前端设计语言和基于React的实现
72 lines (59 loc) • 1.61 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _React$PropTypes = _react2['default'].PropTypes,
string = _React$PropTypes.string,
number = _React$PropTypes.number,
func = _React$PropTypes.func,
bool = _React$PropTypes.bool;
var Pager = _react2['default'].createClass({
displayName: 'Pager',
propTypes: {
content: string,
current: bool,
onClick: func,
target: number
},
getInitialState: function getInitialState() {
return {
pageLabel: this.props.content
};
},
componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
this.setState({
pageLabel: nextProps.content
});
},
onClick: function onClick() {
// 有目标,且不是当前页的时候
if (this.props.target && !this.props.current) {
this.props.onChange(this.props.target);
}
},
render: function render() {
var className = 'pager';
if (this.props.current) {
className += ' pager--current';
}
if (this.props.type === 'omni') {
className += ' pager--omni';
} else {
if (!this.props.target) {
className += ' pager--disabled';
}
}
return _react2['default'].createElement(
'li',
{
className: className,
onClick: this.onClick },
this.props.content
);
}
});
exports['default'] = Pager;
module.exports = exports['default'];
;