Merge pull request #633 from ant-design/update-simple-pagination

Update simple pagination

components/pagination/demo/mini.md

@@ -9,7 +9,9 @@
 ````jsx
 import { Pagination } from 'antd';
 
-ReactDOM.render(
+ReactDOM.render(<div>
-  <Pagination size="small" defaultCurrent={2} total={50} />,
+  <Pagination size="small" total={50} />
- document.getElementById('components-pagination-demo-mini'));
+  <br />
+  <Pagination size="small" total={50} showSizeChanger showQuickJumper />
+</div>, document.getElementById('components-pagination-demo-mini'));
 ````

components/pagination/index.jsx

@@ -1,25 +1,37 @@
 import React from 'react';
 import Pagination from 'rc-pagination';
-import Select from 'rc-select';
+import Select from '../select';
 import zhCN from './locale/zh_CN';
 
-const prefixCls = 'ant-pagination';
+class MiniSelect extends React.Component {
+  render() {
+    return <Select size="small" {...this.props} />;
+  }
+}
+
+MiniSelect.Option = Select.Option;
 
 class AntPagination extends React.Component {
   render() {
     let className = this.props.className;
+    let selectComponentClass = Select;
+
     if (this.props.size === 'small') {
       className += ' mini';
+      selectComponentClass = MiniSelect;
     }
-    return <Pagination selectComponentClass={Select}
+
+    return <Pagination selectComponentClass={selectComponentClass}
                        selectPrefixCls="ant-select"
-                       prefixCls={prefixCls}
+                       {...this.props}
-      {...this.props} className={className}/>;
+                       className={className} />;
   }
 }
 
 AntPagination.defaultProps = {
   locale: zhCN,
+  className: '',
+  prefixCls: 'ant-pagination',
 };
 
 export default AntPagination;

style/components/select.less

@@ -105,7 +105,7 @@
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
-      padding-left: 10px;
+      padding-left: 8px;
       padding-right: 24px;
       line-height: 26px;
     }