1 line
49 KiB
JavaScript
1 line
49 KiB
JavaScript
(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}}]); |