You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
import * as React from 'react';
|
|
|
|
import RcPagination from 'rc-pagination';
|
|
|
|
import Select from '../select';
|
|
|
|
import MiniSelect from './MiniSelect';
|
|
|
|
import zhCN from './locale/zh_CN';
|
|
|
|
|
|
|
|
export default class Pagination extends React.Component {
|
|
|
|
static defaultProps = {
|
|
|
|
locale: zhCN,
|
|
|
|
className: '',
|
|
|
|
prefixCls: 'ant-pagination',
|
|
|
|
};
|
|
|
|
|
|
|
|
static contextTypes = {
|
|
|
|
antLocale: React.PropTypes.object,
|
|
|
|
};
|
|
|
|
|
|
|
|
render() {
|
|
|
|
let className = this.props.className;
|
|
|
|
let selectComponentClass = Select;
|
|
|
|
|
|
|
|
let locale;
|
|
|
|
if (this.context.antLocale && this.context.antLocale.Pagination) {
|
|
|
|
locale = this.context.antLocale.Pagination;
|
|
|
|
} else {
|
|
|
|
locale = this.props.locale;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.props.size === 'small') {
|
|
|
|
className += ' mini';
|
|
|
|
selectComponentClass = MiniSelect;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<RcPagination selectComponentClass={selectComponentClass}
|
|
|
|
selectPrefixCls="ant-select"
|
|
|
|
{...this.props}
|
|
|
|
locale={locale}
|
|
|
|
className={className}
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|