#author: xiaoang
#data: 2018-4-17
##Attributes
{pager:{pc: 1, ps: 30, pn: 20, total: 1000}};
pc -- page-current   当前页数，支持 .sync 修饰符 Number  —   1
ps -- page-size   每页显示条目个数    Number  —   20, 每页显示个数选择器的选项设置    Number[]    —   [30, 50, 100]
pn -- page-number
total   总条目数    Number  —   —
总页数，total 和 pn 设置任意一个就可以达到显示页码的功能；
Events
parChange 数据改变时会触发 ,任何值改变都会触发
## Example
```
import React from 'react';
import Pager from '../../components/Pagination';
import axios from 'axios';
import Dialog from '../../components/Dialog/index';

class Pagedemo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      pager:{},
    }
  }
  componentDidMount() {
    this.initData();
  }

  render() {
    const {pager} = this.state;
    return (
      <div className="info">
        { pager.pc && <Pager conf={pager} parChange={(val)=>this.parChange(val)}/>}
      </div>
    )
  }
  initData(){
    const url = 'http://image.baidu.com/channel/listjson?pn=0&rn=30&tag1=%E6%98%8E%E6%98%9F&tag2=%E5%85%A8%E9%83%A8&ftags=%E5%A5%B3%E6%98%8E%E6%98%9F';
    const {pc, ps, pn, total} = this.state.pager;
    const _self = this;
    axios.get(url)
      .then(function (response) {
        if (response.status) {
          this.setStatus({
            visible: false
          });
          console.log(response.data)
          //this.props.onChange();
        }
      })
      .catch(function (response) {
        _self.setState({pager:{pc: 1, ps: 30, pn: 20, total: 1000}});
        Dialog.info({
          title: '错误提示',
          content: response.msg,
        })
      });

  }
  parChange(val){
    console.log(val, 11111111111);
  }
}

export default Pagedemo;
```