(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{1214:function(t,a,s){},1310:function(t,a,s){"use strict";var n=s(1214);s.n(n).a},1431:function(t,a,s){"use strict";s.r(a);var n=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-pagination v-model="current" :total="50"/>\n',script:"\n  export default {\n    data() {\n      return {\n        current: 2,\n      };\n    },\n  };\n",style:null,us:"\n#### Basic\nBasic pagination.\n",cn:"\n#### 基本\n基础分页。\n",sourceCode:'<template>\n  <a-pagination v-model="current" :total="50" />\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        current: 2,\n      };\n    },\n  };\n<\/script>\n'}}},[s("template",{slot:"component"},[s("a-pagination",{attrs:{total:50},model:{value:t.current,callback:function(a){t.current=a},expression:"current"}})],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"基本"}},[t._v("基本 "),s("a",{staticClass:"anchor",attrs:{href:"#基本"}},[t._v("#")])]),t._v(" "),s("p",[t._v("基础分页。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Basic"}},[t._v("Basic "),s("a",{staticClass:"anchor",attrs:{href:"#Basic"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Basic pagination.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("v-model")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"current"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"50"')]),t._v(" />")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),s("span",{staticClass:"javascript"},[t._v("\n  "),s("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    data() {\n      "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n        "),s("span",{staticClass:"hljs-attr"},[t._v("current")]),t._v(": "),s("span",{staticClass:"hljs-number"},[t._v("2")]),t._v(",\n      };\n    },\n  };\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};n._withStripped=!0;var e={data:function(){return{current:2}}},l=s(31),i=Object(l.a)(e,n,[],!1,null,null,null);i.options.__file="components/pagination/demo/basic.md";var v=i.exports,_=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-pagination showSizeChanger="" @showSizeChange="onShowSizeChange" :defaultCurrent="3" :total="500"/>\n    <br/>\n    <a-pagination showSizeChanger="" :pageSize.sync="pageSize" @showSizeChange="onShowSizeChange" :total="500" v-model="current"/>\n  </div>\n',script:"\n  export default {\n    data() {\n      return {\n        pageSize: 20,\n        current: 4,\n      };\n    },\n    watch: {\n      pageSize(val) {\n        console.log('pageSize', val);\n      },\n      current(val) {\n        console.log('current', val);\n      },\n    },\n    methods: {\n      onShowSizeChange(current, pageSize) {\n        console.log(current, pageSize);\n      },\n    },\n  };\n",style:null,us:"\n#### Changer\nChange `pageSize`.\n",cn:"\n#### 改变\n改变每页显示条目数。\n",sourceCode:'<template>\n  <div>\n    <a-pagination\n      showSizeChanger\n      @showSizeChange="onShowSizeChange"\n      :defaultCurrent="3"\n      :total="500"\n    />\n    <br />\n    <a-pagination\n      showSizeChanger\n      :pageSize.sync="pageSize"\n      @showSizeChange="onShowSizeChange"\n      :total="500"\n      v-model="current"\n    />\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        pageSize: 20,\n        current: 4,\n      };\n    },\n    watch: {\n      pageSize(val) {\n        console.log(\'pageSize\', val);\n      },\n      current(val) {\n        console.log(\'current\', val);\n      },\n    },\n    methods: {\n      onShowSizeChange(current, pageSize) {\n        console.log(current, pageSize);\n      },\n    },\n  };\n<\/script>\n'}}},[s("template",{slot:"component"},[s("div",[s("a-pagination",{attrs:{showSizeChanger:"",defaultCurrent:3,total:500},on:{showSizeChange:t.onShowSizeChange}}),t._v(" "),s("br"),t._v(" "),s("a-pagination",{attrs:{showSizeChanger:"",pageSize:t.pageSize,total:500},on:{"update:pageSize":function(a){t.pageSize=a},"update:page-size":function(a){t.pageSize=a},showSizeChange:t.onShowSizeChange},model:{value:t.current,callback:function(a){t.current=a},expression:"current"}})],1)]),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"改变"}},[t._v("改变 "),s("a",{staticClass:"anchor",attrs:{href:"#改变"}},[t._v("#")])]),t._v(" "),s("p",[t._v("改变每页显示条目数。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Changer"}},[t._v("Changer "),s("a",{staticClass:"anchor",attrs:{href:"#Changer"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Change "),s("code",[t._v("pageSize")]),t._v(".")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("showSizeChanger")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("@showSizeChange")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"onShowSizeChange"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":defaultCurrent")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"3"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"500"')]),t._v("\n    />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("showSizeChanger")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":pageSize.sync")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"pageSize"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("@showSizeChange")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"onShowSizeChange"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"500"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v("v-model")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"current"')]),t._v("\n    />")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),s("span",{staticClass:"javascript"},[t._v("\n  "),s("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    data() {\n      "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n        "),s("span",{staticClass:"hljs-attr"},[t._v("pageSize")]),t._v(": "),s("span",{staticClass:"hljs-number"},[t._v("20")]),t._v(",\n        "),s("span",{staticClass:"hljs-attr"},[t._v("current")]),t._v(": "),s("span",{staticClass:"hljs-number"},[t._v("4")]),t._v(",\n      };\n    },\n    "),s("span",{staticClass:"hljs-attr"},[t._v("watch")]),t._v(": {\n      pageSize(val) {\n        "),s("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),s("span",{staticClass:"hljs-string"},[t._v("'pageSize'")]),t._v(", val);\n      },\n      current(val) {\n        "),s("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),s("span",{staticClass:"hljs-string"},[t._v("'current'")]),t._v(", val);\n      },\n    },\n    "),s("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      onShowSizeChange(current, pageSize) {\n        "),s("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log(current, pageSize);\n      },\n    },\n  };\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};_._withStripped=!0;var r={data:function(){return{pageSize:20,current:4}},watch:{pageSize:function(t){console.log("pageSize",t)},current:function(t){console.log("current",t)}},methods:{onShowSizeChange:function(t,a){console.log(t,a)}}},o=Object(l.a)(r,_,[],!1,null,null,null);o.options.__file="components/pagination/demo/changer.md";var p=o.exports,c=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-pagination @change="onChange" :current="current" :total="50"/>\n',script:"\n  export default {\n    data() {\n      return {\n        current: 3,\n      };\n    },\n    methods: {\n      onChange(current) {\n        this.current = current;\n      },\n    },\n  };\n",style:null,us:"\n#### Controlled\nControlled page number.\n",cn:"\n#### 受控\n受控制的页码。\n",sourceCode:'<template>\n  <a-pagination @change="onChange" :current="current" :total="50" />\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        current: 3,\n      };\n    },\n    methods: {\n      onChange(current) {\n        this.current = current;\n      },\n    },\n  };\n<\/script>\n'}}},[s("template",{slot:"component"},[s("a-pagination",{attrs:{current:t.current,total:50},on:{change:t.onChange}})],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"受控"}},[t._v("受控 "),s("a",{staticClass:"anchor",attrs:{href:"#受控"}},[t._v("#")])]),t._v(" "),s("p",[t._v("受控制的页码。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Controlled"}},[t._v("Controlled "),s("a",{staticClass:"anchor",attrs:{href:"#Controlled"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Controlled page number.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":current")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"current"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"50"')]),t._v(" />")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),s("span",{staticClass:"javascript"},[t._v("\n  "),s("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    data() {\n      "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n        "),s("span",{staticClass:"hljs-attr"},[t._v("current")]),t._v(": "),s("span",{staticClass:"hljs-number"},[t._v("3")]),t._v(",\n      };\n    },\n    "),s("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      onChange(current) {\n        "),s("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".current = current;\n      },\n    },\n  };\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};c._withStripped=!0;var h={data:function(){return{current:3}},methods:{onChange:function(t){this.current=t}}},d=Object(l.a)(h,c,[],!1,null,null,null);d.options.__file="components/pagination/demo/controlled.md";var g=d.exports,C=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-pagination :pageSizeOptions="pageSizeOptions" :total="total" showSizeChanger="" :pageSize="pageSize" v-model="current" @showSizeChange="onShowSizeChange">\n    <template slot="buildOptionText" slot-scope="props">\n      <span v-if="props.value!==\'50\'">{{props.value}}条/页</span>\n      <span v-if="props.value===\'50\'">全部</span>\n    </template>\n  </a-pagination>\n',script:"\n  export default {\n    data() {\n      return {\n        pageSizeOptions: ['10', '20', '30', '40', '50'],\n        current: 1,\n        pageSize: 10,\n        total: 50,\n      };\n    },\n    methods: {\n      onShowSizeChange(current, pageSize) {\n        this.pageSize = pageSize;\n      },\n    },\n  };\n",style:null,us:"\n#### Custom dropdown options\nCustomize dropdown options such as adding all options\n",cn:"\n#### 自定义下拉选项\n自定义下拉选项，例如添加全部选项\n",sourceCode:'<template>\n  <a-pagination\n    :pageSizeOptions="pageSizeOptions"\n    :total="total"\n    showSizeChanger\n    :pageSize="pageSize"\n    v-model="current"\n    @showSizeChange="onShowSizeChange"\n  >\n    <template slot="buildOptionText" slot-scope="props">\n      <span v-if="props.value!==\'50\'">{{props.value}}条/页</span>\n      <span v-if="props.value===\'50\'">全部</span>\n    </template>\n  </a-pagination>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        pageSizeOptions: [\'10\', \'20\', \'30\', \'40\', \'50\'],\n        current: 1,\n        pageSize: 10,\n        total: 50,\n      };\n    },\n    methods: {\n      onShowSizeChange(current, pageSize) {\n        this.pageSize = pageSize;\n      },\n    },\n  };\n<\/script>\n'}}},[s("template",{slot:"component"},[s("a-pagination",{attrs:{pageSizeOptions:t.pageSizeOptions,total:t.total,showSizeChanger:"",pageSize:t.pageSize},on:{showSizeChange:t.onShowSizeChange},scopedSlots:t._u([{key:"buildOptionText",fn:function(a){return["50"!==a.value?s("span",[t._v(t._s(a.value)+"条/页")]):t._e(),t._v(" "),"50"===a.value?s("span",[t._v("全部")]):t._e()]}}]),model:{value:t.current,callback:function(a){t.current=a},expression:"current"}})],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"自定义下拉选项"}},[t._v("自定义下拉选项 "),s("a",{staticClass:"anchor",attrs:{href:"#自定义下拉选项"}},[t._v("#")])]),t._v(" "),s("p",[t._v("自定义下拉选项，例如添加全部选项")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Custom-dropdown-options"}},[t._v("Custom dropdown options "),s("a",{staticClass:"anchor",attrs:{href:"#Custom-dropdown-options"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Customize dropdown options such as adding all options")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v("\n    "),s("span",{staticClass:"hljs-attr"},[t._v(":pageSizeOptions")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"pageSizeOptions"')]),t._v("\n    "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"total"')]),t._v("\n    "),s("span",{staticClass:"hljs-attr"},[t._v("showSizeChanger")]),t._v("\n    "),s("span",{staticClass:"hljs-attr"},[t._v(":pageSize")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"pageSize"')]),t._v("\n    "),s("span",{staticClass:"hljs-attr"},[t._v("v-model")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"current"')]),t._v("\n    "),s("span",{staticClass:"hljs-attr"},[t._v("@showSizeChange")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"onShowSizeChange"')]),t._v("\n  >")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"buildOptionText"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("slot-scope")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"props"')]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("v-if")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"props.value!=='50'\"")]),t._v(">")]),s("span",[t._v("{{")]),t._v("props.value"),s("span",[t._v("}}")]),t._v("条/页"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(">")]),t._v("\n      "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("v-if")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v("\"props.value==='50'\"")]),t._v(">")]),t._v("全部"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("span")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),s("span",{staticClass:"javascript"},[t._v("\n  "),s("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    data() {\n      "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" {\n        "),s("span",{staticClass:"hljs-attr"},[t._v("pageSizeOptions")]),t._v(": ["),s("span",{staticClass:"hljs-string"},[t._v("'10'")]),t._v(", "),s("span",{staticClass:"hljs-string"},[t._v("'20'")]),t._v(", "),s("span",{staticClass:"hljs-string"},[t._v("'30'")]),t._v(", "),s("span",{staticClass:"hljs-string"},[t._v("'40'")]),t._v(", "),s("span",{staticClass:"hljs-string"},[t._v("'50'")]),t._v("],\n        "),s("span",{staticClass:"hljs-attr"},[t._v("current")]),t._v(": "),s("span",{staticClass:"hljs-number"},[t._v("1")]),t._v(",\n        "),s("span",{staticClass:"hljs-attr"},[t._v("pageSize")]),t._v(": "),s("span",{staticClass:"hljs-number"},[t._v("10")]),t._v(",\n        "),s("span",{staticClass:"hljs-attr"},[t._v("total")]),t._v(": "),s("span",{staticClass:"hljs-number"},[t._v("50")]),t._v(",\n      };\n    },\n    "),s("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      onShowSizeChange(current, pageSize) {\n        "),s("span",{staticClass:"hljs-keyword"},[t._v("this")]),t._v(".pageSize = pageSize;\n      },\n    },\n  };\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};C._withStripped=!0;var u={data:function(){return{pageSizeOptions:["10","20","30","40","50"],current:1,pageSize:10,total:50}},methods:{onShowSizeChange:function(t,a){this.pageSize=a}}},m=Object(l.a)(u,C,[],!1,null,null,null);m.options.__file="components/pagination/demo/custom-changer.md";var j=m.exports,f=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-pagination :total="500" :itemRender="itemRender"/>\n',script:"\n  export default {\n    methods: {\n      itemRender(current, type, originalElement) {\n        if (type === 'prev') {\n          return <a>Previous</a>;\n        } else if (type === 'next') {\n          return <a>Next</a>;\n        }\n        return originalElement;\n      },\n    },\n  };\n",style:null,us:"\n#### Prev and next\nUse text link for prev and next button.\n",cn:"\n#### 上一步和下一步\n修改上一步和下一步为文字链接。\n",sourceCode:"<template>\n  <a-pagination :total=\"500\" :itemRender=\"itemRender\" />\n</template>\n<script>\n  export default {\n    methods: {\n      itemRender(current, type, originalElement) {\n        if (type === 'prev') {\n          return <a>Previous</a>;\n        } else if (type === 'next') {\n          return <a>Next</a>;\n        }\n        return originalElement;\n      },\n    },\n  };\n<\/script>\n"}}},[s("template",{slot:"component"},[s("a-pagination",{attrs:{total:500,itemRender:t.itemRender}})],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"上一步和下一步"}},[t._v("上一步和下一步 "),s("a",{staticClass:"anchor",attrs:{href:"#上一步和下一步"}},[t._v("#")])]),t._v(" "),s("p",[t._v("修改上一步和下一步为文字链接。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Prev-and-next"}},[t._v("Prev and next "),s("a",{staticClass:"anchor",attrs:{href:"#Prev-and-next"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Use text link for prev and next button.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"500"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":itemRender")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"itemRender"')]),t._v(" />")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),s("span",{staticClass:"javascript"},[t._v("\n  "),s("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    "),s("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      itemRender(current, type, originalElement) {\n        "),s("span",{staticClass:"hljs-keyword"},[t._v("if")]),t._v(" (type === "),s("span",{staticClass:"hljs-string"},[t._v("'prev'")]),t._v(") {\n          "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" "),s("span",{staticClass:"xml"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(">")]),t._v("Previous"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(">")])]),t._v(";\n        } "),s("span",{staticClass:"hljs-keyword"},[t._v("else")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("if")]),t._v(" (type === "),s("span",{staticClass:"hljs-string"},[t._v("'next'")]),t._v(") {\n          "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" "),s("span",{staticClass:"xml"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(">")]),t._v("Next"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("a")]),t._v(">")])]),t._v(";\n        }\n        "),s("span",{staticClass:"hljs-keyword"},[t._v("return")]),t._v(" originalElement;\n      },\n    },\n  };\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};f._withStripped=!0;var S={methods:{itemRender:function(t,a,s){var n=this.$createElement;return"prev"===a?n("a",["Previous"]):"next"===a?n("a",["Next"]):s}}},z=Object(l.a)(S,f,[],!1,null,null,null);z.options.__file="components/pagination/demo/itemRender.md";var w=z.exports,b=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-pagination showQuickJumper="" :defaultCurrent="2" :total="500" @change="onChange"/>\n',script:"\n  export default {\n    methods: {\n      onChange(pageNumber) {\n        console.log('Page: ', pageNumber);\n      },\n    },\n  };\n",style:null,us:"\n#### Jumper\nJump to a page directly.\n",cn:"\n#### 跳转\n快速跳转到某一页。\n",sourceCode:'<template>\n  <a-pagination showQuickJumper :defaultCurrent="2" :total="500" @change="onChange" />\n</template>\n<script>\n  export default {\n    methods: {\n      onChange(pageNumber) {\n        console.log(\'Page: \', pageNumber);\n      },\n    },\n  };\n<\/script>\n'}}},[s("template",{slot:"component"},[s("a-pagination",{attrs:{showQuickJumper:"",defaultCurrent:2,total:500},on:{change:t.onChange}})],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"跳转"}},[t._v("跳转 "),s("a",{staticClass:"anchor",attrs:{href:"#跳转"}},[t._v("#")])]),t._v(" "),s("p",[t._v("快速跳转到某一页。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Jumper"}},[t._v("Jumper "),s("a",{staticClass:"anchor",attrs:{href:"#Jumper"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Jump to a page directly.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("showQuickJumper")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":defaultCurrent")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"2"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"500"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("@change")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"onChange"')]),t._v(" />")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),s("span",{staticClass:"javascript"},[t._v("\n  "),s("span",{staticClass:"hljs-keyword"},[t._v("export")]),t._v(" "),s("span",{staticClass:"hljs-keyword"},[t._v("default")]),t._v(" {\n    "),s("span",{staticClass:"hljs-attr"},[t._v("methods")]),t._v(": {\n      onChange(pageNumber) {\n        "),s("span",{staticClass:"hljs-built_in"},[t._v("console")]),t._v(".log("),s("span",{staticClass:"hljs-string"},[t._v("'Page: '")]),t._v(", pageNumber);\n      },\n    },\n  };\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("script")]),t._v(">")]),t._v("\n")])])])],2)]],2)};b._withStripped=!0;var x={methods:{onChange:function(t){console.log("Page: ",t)}}},y=Object(l.a)(x,b,[],!1,null,null,null);y.options.__file="components/pagination/demo/jump.md";var k=y.exports,T=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <div id="components-pagination-demo-mini">\n    <a-pagination size="small" :total="50"/>\n    <a-pagination size="small" :total="50" showSizeChanger="" showQuickJumper=""/>\n    <a-pagination size="small" :total="50" :showTotal="total => `Total ${total} items`"/>\n  </div>\n',script:null,style:null,us:"\n#### Mini size\nMini size pagination.\n",cn:"\n#### 迷你\n迷你版本。\n",sourceCode:'<template>\n  <div id="components-pagination-demo-mini">\n    <a-pagination size="small" :total="50" />\n    <a-pagination size="small" :total="50" showSizeChanger showQuickJumper />\n    <a-pagination size="small" :total="50" :showTotal="total => `Total ${total} items`" />\n  </div>\n</template>\n<style scoped>\n  #components-pagination-demo-mini .ant-pagination:not(:last-child) {\n    margin-bottom: 24px;\n  }\n</style>\n'}}},[s("template",{slot:"component"},[s("div",{attrs:{id:"components-pagination-demo-mini"}},[s("a-pagination",{attrs:{size:"small",total:50}}),t._v(" "),s("a-pagination",{attrs:{size:"small",total:50,showSizeChanger:"",showQuickJumper:""}}),t._v(" "),s("a-pagination",{attrs:{size:"small",total:50,showTotal:function(t){return"Total "+t+" items"}}})],1)]),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"迷你"}},[t._v("迷你 "),s("a",{staticClass:"anchor",attrs:{href:"#迷你"}},[t._v("#")])]),t._v(" "),s("p",[t._v("迷你版本。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Mini-size"}},[t._v("Mini size "),s("a",{staticClass:"anchor",attrs:{href:"#Mini-size"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Mini size pagination.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("id")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"components-pagination-demo-mini"')]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"50"')]),t._v(" />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"50"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("showSizeChanger")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("showQuickJumper")]),t._v(" />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("size")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"small"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"50"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":showTotal")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"total => `Total ${total} items`"')]),t._v(" />")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("scoped")]),t._v(">")]),s("span",{staticClass:"css"},[t._v("\n  "),s("span",{staticClass:"hljs-selector-id"},[t._v("#components-pagination-demo-mini")]),t._v(" "),s("span",{staticClass:"hljs-selector-class"},[t._v(".ant-pagination")]),s("span",{staticClass:"hljs-selector-pseudo"},[t._v(":not(")]),s("span",{staticClass:"hljs-selector-pseudo"},[t._v(":last-child)")]),t._v(" {\n    "),s("span",{staticClass:"hljs-attribute"},[t._v("margin-bottom")]),t._v(": "),s("span",{staticClass:"hljs-number"},[t._v("24px")]),t._v(";\n  }\n")]),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("style")]),t._v(">")]),t._v("\n")])])])],2)]],2)};T._withStripped=!0;s(1310);var O=Object(l.a)({},T,[],!1,null,"1db94d98",null);O.options.__file="components/pagination/demo/mini.md";var $=O.exports,P=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-pagination :defaultCurrent="6" :total="500"/>\n',script:null,style:null,us:"\n#### more\nMode pages.\n",cn:"\n#### 更多\n更多分页。\n",sourceCode:'<template>\n  <a-pagination :defaultCurrent="6" :total="500" />\n</template>\n'}}},[s("template",{slot:"component"},[s("a-pagination",{attrs:{defaultCurrent:6,total:500}})],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"更多"}},[t._v("更多 "),s("a",{staticClass:"anchor",attrs:{href:"#更多"}},[t._v("#")])]),t._v(" "),s("p",[t._v("更多分页。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"more"}},[t._v("more "),s("a",{staticClass:"anchor",attrs:{href:"#more"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Mode pages.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":defaultCurrent")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"6"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"500"')]),t._v(" />")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};P._withStripped=!0;var E=Object(l.a)({},P,[],!1,null,null,null);E.options.__file="components/pagination/demo/more.md";var J=E.exports,N=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <a-pagination simple="" :defaultCurrent="2" :total="50"/>\n',script:null,style:null,us:"\n#### Simple mode\nSimple mode.\n",cn:"\n#### 简洁\n简单的翻页。\n",sourceCode:'<template>\n  <a-pagination simple :defaultCurrent="2" :total="50" />\n</template>\n'}}},[s("template",{slot:"component"},[s("a-pagination",{attrs:{simple:"",defaultCurrent:2,total:50}})],1),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"简洁"}},[t._v("简洁 "),s("a",{staticClass:"anchor",attrs:{href:"#简洁"}},[t._v("#")])]),t._v(" "),s("p",[t._v("简单的翻页。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Simple-mode"}},[t._v("Simple mode "),s("a",{staticClass:"anchor",attrs:{href:"#Simple-mode"}},[t._v("#")])]),t._v(" "),s("p",[t._v("Simple mode.")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v("simple")]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":defaultCurrent")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"2"')]),t._v(" "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"50"')]),t._v(" />")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};N._withStripped=!0;var R=Object(l.a)({},N,[],!1,null,null,null);R.options.__file="components/pagination/demo/simple.md";var Q=R.exports,M=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[[s("demo-box",{attrs:{jsfiddle:{html:'\n  <div>\n    <a-pagination :total="85" :showTotal="total => `Total ${total} items`" :pageSize="20" :defaultCurrent="1"/>\n    <br/>\n    <a-pagination :total="85" :showTotal="(total, range) => `${range[0]}-${range[1]} of ${total} items`" :pageSize="20" :defaultCurrent="1"/>\n  </div>\n',script:null,style:null,us:"\n#### Total number\nYou can show the total number of data by setting `showTotal`.\n",cn:"\n#### 总数\n通过设置 `showTotal` 展示总共有多少数据。\n",sourceCode:'<template>\n  <div>\n    <a-pagination\n      :total="85"\n      :showTotal="total => `Total ${total} items`"\n      :pageSize="20"\n      :defaultCurrent="1"\n    />\n    <br />\n    <a-pagination\n      :total="85"\n      :showTotal="(total, range) => `${range[0]}-${range[1]} of ${total} items`"\n      :pageSize="20"\n      :defaultCurrent="1"\n    />\n  </div>\n</template>\n'}}},[s("template",{slot:"component"},[s("div",[s("a-pagination",{attrs:{total:85,showTotal:function(t){return"Total "+t+" items"},pageSize:20,defaultCurrent:1}}),t._v(" "),s("br"),t._v(" "),s("a-pagination",{attrs:{total:85,showTotal:function(t,a){return a[0]+"-"+a[1]+" of "+t+" items"},pageSize:20,defaultCurrent:1}})],1)]),t._v(" "),s("template",{slot:"description"},[s("h4",{attrs:{id:"总数"}},[t._v("总数 "),s("a",{staticClass:"anchor",attrs:{href:"#总数"}},[t._v("#")])]),t._v(" "),s("p",[t._v("通过设置 "),s("code",[t._v("showTotal")]),t._v(" 展示总共有多少数据。")])]),t._v(" "),s("template",{slot:"us-description"},[s("h4",{attrs:{id:"Total-number"}},[t._v("Total number "),s("a",{staticClass:"anchor",attrs:{href:"#Total-number"}},[t._v("#")])]),t._v(" "),s("p",[t._v("You can show the total number of data by setting "),s("code",[t._v("showTotal")]),t._v(".")])]),t._v(" "),s("template",{slot:"code"},[s("pre",[s("code",{staticClass:"language-html"},[s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"85"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":showTotal")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"total => `Total ${total} items`"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":pageSize")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"20"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":defaultCurrent")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v("\n    />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("br")]),t._v(" />")]),t._v("\n    "),s("span",{staticClass:"hljs-tag"},[t._v("<"),s("span",{staticClass:"hljs-name"},[t._v("a-pagination")]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":total")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"85"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":showTotal")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"(total, range) => `${range[0]}-${range[1]} of ${total} items`"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":pageSize")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"20"')]),t._v("\n      "),s("span",{staticClass:"hljs-attr"},[t._v(":defaultCurrent")]),t._v("="),s("span",{staticClass:"hljs-string"},[t._v('"1"')]),t._v("\n    />")]),t._v("\n  "),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("div")]),t._v(">")]),t._v("\n"),s("span",{staticClass:"hljs-tag"},[t._v("</"),s("span",{staticClass:"hljs-name"},[t._v("template")]),t._v(">")]),t._v("\n")])])])],2)]],2)};M._withStripped=!0;var A=Object(l.a)({},M,[],!1,null,null,null);A.options.__file="components/pagination/demo/total.md";var I=A.exports,B=function(){var t=this.$createElement;this._self._c;return this._m(0)};B._withStripped=!0;var F=Object(l.a)({},B,[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[s("h2",{attrs:{id:"API"}},[t._v("API "),s("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-pagination")]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("@change")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"onChange"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v(":total")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"50"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("参数")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("类型")]),t._v(" "),s("th",[t._v("默认值")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("current(v-model)")]),t._v(" "),s("td",[t._v("当前页数")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("defaultCurrent")]),t._v(" "),s("td",[t._v("默认的当前页数")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("1")])]),t._v(" "),s("tr",[s("td",[t._v("defaultPageSize")]),t._v(" "),s("td",[t._v("默认的每页条数")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("10")])]),t._v(" "),s("tr",[s("td",[t._v("hideOnSinglePage")]),t._v(" "),s("td",[t._v("只有一页时是否隐藏分页器")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("itemRender")]),t._v(" "),s("td",[t._v("用于自定义页码的结构，可用于优化 SEO")]),t._v(" "),s("td",[t._v("(page, type: 'page' | 'prev' | 'next', originalElement) => vNode")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("pageSize(.sync)")]),t._v(" "),s("td",[t._v("每页条数")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("pageSizeOptions")]),t._v(" "),s("td",[t._v("指定每页可以显示多少条")]),t._v(" "),s("td",[t._v("string[]")]),t._v(" "),s("td",[t._v("['10', '20', '30', '40']")])]),t._v(" "),s("tr",[s("td",[t._v("showQuickJumper")]),t._v(" "),s("td",[t._v("是否可以快速跳转至某页")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("showSizeChanger")]),t._v(" "),s("td",[t._v("是否可以改变 pageSize")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("showTotal")]),t._v(" "),s("td",[t._v("用于显示数据总量和当前数据顺序")]),t._v(" "),s("td",[t._v("Function(total, range)")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("simple")]),t._v(" "),s("td",[t._v("当添加该属性时，显示为简单分页")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("size")]),t._v(" "),s("td",[t._v("当为「small」时，是小尺寸分页")]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v('""')])]),t._v(" "),s("tr",[s("td",[t._v("total")]),t._v(" "),s("td",[t._v("数据总数")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("0")])])])]),t._v(" "),s("h3",{attrs:{id:"事件"}},[t._v("事件 "),s("a",{staticClass:"anchor",attrs:{href:"#事件"}},[t._v("#")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("事件名称")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("回调参数")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("change")]),t._v(" "),s("td",[t._v("页码改变的回调，参数是改变后的页码及每页条数")]),t._v(" "),s("td",[t._v("Function(page, pageSize)")])]),t._v(" "),s("tr",[s("td",[t._v("showSizeChange")]),t._v(" "),s("td",[t._v("pageSize 变化的回调")]),t._v(" "),s("td",[t._v("Function(current, size)")])])])])])}],!1,null,null,null);F.options.__file="components/pagination/index.zh-CN.md";var U=F.exports,D=function(){var t=this.$createElement;this._self._c;return this._m(0)};D._withStripped=!0;var W=Object(l.a)({},D,[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",[s("h2",{attrs:{id:"API"}},[t._v("API "),s("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[s("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-pagination")]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("@change")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"onChange"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v(":total")]),t._v("="),s("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"50"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Property")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("current(v-model)")]),t._v(" "),s("td",[t._v("current page number")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("defaultCurrent")]),t._v(" "),s("td",[t._v("default initial page number")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("1")])]),t._v(" "),s("tr",[s("td",[t._v("defaultPageSize")]),t._v(" "),s("td",[t._v("default number of data items per page")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("10")])]),t._v(" "),s("tr",[s("td",[t._v("hideOnSinglePage")]),t._v(" "),s("td",[t._v("Whether to hide pager on single page")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("itemRender")]),t._v(" "),s("td",[t._v("to customize item innerHTML")]),t._v(" "),s("td",[t._v("(page, type: 'page' | 'prev' | 'next', originalElement) => vNode")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("pageSize(.sync)")]),t._v(" "),s("td",[t._v("number of data items per page")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("pageSizeOptions")]),t._v(" "),s("td",[t._v("specify the sizeChanger options")]),t._v(" "),s("td",[t._v("string[]")]),t._v(" "),s("td",[t._v("['10', '20', '30', '40']")])]),t._v(" "),s("tr",[s("td",[t._v("showQuickJumper")]),t._v(" "),s("td",[t._v("determine whether you can jump to pages directly")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("showSizeChanger")]),t._v(" "),s("td",[t._v("determine whether "),s("code",{pre:!0},[t._v("pageSize")]),t._v(" can be changed")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("showTotal")]),t._v(" "),s("td",[t._v("to display the total number and range")]),t._v(" "),s("td",[t._v("Function(total, range)")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("simple")]),t._v(" "),s("td",[t._v("whether to use simple mode")]),t._v(" "),s("td",[t._v("boolean")]),t._v(" "),s("td",[t._v("-")])]),t._v(" "),s("tr",[s("td",[t._v("size")]),t._v(" "),s("td",[t._v("specify the size of "),s("code",{pre:!0},[t._v("Pagination")]),t._v(", can be set to "),s("code",{pre:!0},[t._v("small")])]),t._v(" "),s("td",[t._v("string")]),t._v(" "),s("td",[t._v('""')])]),t._v(" "),s("tr",[s("td",[t._v("total")]),t._v(" "),s("td",[t._v("total number of data items")]),t._v(" "),s("td",[t._v("number")]),t._v(" "),s("td",[t._v("0")])])])]),t._v(" "),s("h3",{attrs:{id:"events"}},[t._v("events "),s("a",{staticClass:"anchor",attrs:{href:"#events"}},[t._v("#")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Events Name")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Arguments")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("change")]),t._v(" "),s("td",[t._v("a callback function, executed when the page number is changed, and it takes the resulting page number and pageSize as its arguments")]),t._v(" "),s("td",[t._v("Function(page, pageSize)")])]),t._v(" "),s("tr",[s("td",[t._v("showSizeChange")]),t._v(" "),s("td",[t._v("a callback function, executed when "),s("code",{pre:!0},[t._v("pageSize")]),t._v(" is changed")]),t._v(" "),s("td",[t._v("Function(current, size)")])])])])])}],!1,null,null,null);W.options.__file="components/pagination/index.en-US.md";var Y=W.exports,H="# Pagination 分页\n\n    采用分页的形式分隔长列表，每次只加载一个页面。\n\n    ## 何时使用\n\n    - 当加载/渲染所有数据将花费很多时间时；\n    - 可切换页码浏览数据。\n\n    ## 代码演示",L="# Pagination\n\n    A long list can be divided into several pages by 'Pagination', and only one page will be loaded at a time.\n\n    ## When To Use\n\n    - When it will take a long time to load/render all items.\n    - If you want to browse the data by navigating through pages.\n    ## Examples ",q={category:"Components",subtitle:"分页",type:"Navigation",title:"Pagination",cols:1,render:function(){var t=arguments[0];return t("div",[t("md",{attrs:{cn:H,us:L}}),t(v),t(J),t(p),t(j),t(k),t($),t(Q),t(g),t(I),t(w),t("api",[t("template",{slot:"cn"},[t(U)]),t(Y)])])}},G=Object(l.a)(q,void 0,void 0,!1,null,null,null);G.options.__file="components/pagination/demo/index.vue";a.default=G.exports}}]);