import{d as b,r as g,_ as C,j as p,k as r,l as I,w as e,f as u,b as n,e as t,s as y,a as h,t as B,n as Z}from"./index.c1b9962e.js";const G=b({setup(){return{current:g(2)}}});function V(s,a,l,i,d,m){const c=p("a-pagination"),k=p("demo-box");return r(),I(k,{jsfiddle:{us:"Basic pagination.",cn:"\u57FA\u7840\u5206\u9875\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u57FA\u7840\u5206\u9875\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Basic pagination.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C","en-US":"Basic"},relativePath:"src/docs/pagination/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24gdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiA6dG90YWw9IjUwIiBzaG93LWxlc3MtaXRlbXMgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIGN1cnJlbnQ6IHJlZigyKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24gdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiA6dG90YWw9IjUwIiBzaG93LWxlc3MtaXRlbXMgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgY3VycmVudDogcmVmKDIpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[u(c,{current:s.current,"onUpdate:current":a[0]||(a[0]=o=>s.current=o),total:50,"show-less-items":""},null,8,["current"])]),htmlCode:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"show-less-items"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"show-less-items"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var Y=C(G,[["render",V]]);const P=b({setup(){return{current:g(6)}}});function N(s,a,l,i,d,m){const c=p("a-pagination"),k=p("demo-box");return r(),I(k,{jsfiddle:{us:"More pages.",cn:"\u66F4\u591A\u5206\u9875\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u66F4\u591A\u5206\u9875\u3002</p>
<h2 id="en-us">en-US</h2>
<p>More pages.</p>
`,order:1,title:{"zh-CN":"\u66F4\u591A","en-US":"More"},relativePath:"src/docs/pagination/demo/more.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24gdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiA6dG90YWw9IjUwMCIgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIGN1cnJlbnQ6IHJlZig2KSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24gdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50IiA6dG90YWw9IjUwMCIgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgY3VycmVudDogcmVmKDYpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[u(c,{current:s.current,"onUpdate:current":a[0]||(a[0]=o=>s.current=o),total:500},null,8,["current"])]),htmlCode:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"6"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"6"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var X=C(P,[["render",N]]);const K=b({setup(){const s=g(20),a=g(3),l=g(4),i=(d,m)=>{console.log(d,m)};return y(s,()=>{console.log("pageSize",s.value)}),y(a,()=>{console.log("current",a.value)}),{pageSize:s,current1:a,current2:l,onShowSizeChange:i}}});function H(s,a,l,i,d,m){const c=p("a-pagination"),k=p("demo-box");return r(),I(k,{jsfiddle:{us:"Change `pageSize`.",cn:"\u6539\u53D8\u6BCF\u9875\u663E\u793A\u6761\u76EE\u6570\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6539\u53D8\u6BCF\u9875\u663E\u793A\u6761\u76EE\u6570\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Change <code>pageSize</code>.</p>
`,order:2,title:{"zh-CN":"\u6539\u53D8","en-US":"Changer"},relativePath:"src/docs/pagination/demo/changer.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdpbmF0aW9uCiAgICAgIHNob3ctc2l6ZS1jaGFuZ2VyCiAgICAgIHYtbW9kZWw6Y3VycmVudD0iY3VycmVudDEiCiAgICAgIHYtbW9kZWw6cGFnZVNpemU9InBhZ2VTaXplIgogICAgICA6dG90YWw9IjUwMCIKICAgICAgQHNob3dTaXplQ2hhbmdlPSJvblNob3dTaXplQ2hhbmdlIgogICAgLz4KICAgIDxiciAvPgogICAgPGEtcGFnaW5hdGlvbgogICAgICB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQyIgogICAgICBzaG93LXNpemUtY2hhbmdlcgogICAgICA6dG90YWw9IjUwMCIKICAgICAgZGlzYWJsZWQKICAgICAgQHNob3dTaXplQ2hhbmdlPSJvblNob3dTaXplQ2hhbmdlIgogICAgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgcGFnZVNpemUgPSByZWYoMjApOwogICAgY29uc3QgY3VycmVudDEgPSByZWYoMyk7CiAgICBjb25zdCBjdXJyZW50MiA9IHJlZig0KTsKICAgIGNvbnN0IG9uU2hvd1NpemVDaGFuZ2UgPSAoY3VycmVudDogbnVtYmVyLCBwYWdlU2l6ZTogbnVtYmVyKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGN1cnJlbnQsIHBhZ2VTaXplKTsKICAgIH07CiAgICB3YXRjaChwYWdlU2l6ZSwgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygncGFnZVNpemUnLCBwYWdlU2l6ZS52YWx1ZSk7CiAgICB9KTsKICAgIHdhdGNoKGN1cnJlbnQxLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdjdXJyZW50JywgY3VycmVudDEudmFsdWUpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBwYWdlU2l6ZSwKICAgICAgY3VycmVudDEsCiAgICAgIGN1cnJlbnQyLAogICAgICBvblNob3dTaXplQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdpbmF0aW9uCiAgICAgIHNob3ctc2l6ZS1jaGFuZ2VyCiAgICAgIHYtbW9kZWw6Y3VycmVudD0iY3VycmVudDEiCiAgICAgIHYtbW9kZWw6cGFnZVNpemU9InBhZ2VTaXplIgogICAgICA6dG90YWw9IjUwMCIKICAgICAgQHNob3dTaXplQ2hhbmdlPSJvblNob3dTaXplQ2hhbmdlIgogICAgLz4KICAgIDxiciAvPgogICAgPGEtcGFnaW5hdGlvbgogICAgICB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQyIgogICAgICBzaG93LXNpemUtY2hhbmdlcgogICAgICA6dG90YWw9IjUwMCIKICAgICAgZGlzYWJsZWQKICAgICAgQHNob3dTaXplQ2hhbmdlPSJvblNob3dTaXplQ2hhbmdlIgogICAgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHBhZ2VTaXplID0gcmVmKDIwKTsKICAgIGNvbnN0IGN1cnJlbnQxID0gcmVmKDMpOwogICAgY29uc3QgY3VycmVudDIgPSByZWYoNCk7CiAgICBjb25zdCBvblNob3dTaXplQ2hhbmdlID0gKGN1cnJlbnQsIHBhZ2VTaXplKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGN1cnJlbnQsIHBhZ2VTaXplKTsKICAgIH07CiAgICB3YXRjaChwYWdlU2l6ZSwgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygncGFnZVNpemUnLCBwYWdlU2l6ZS52YWx1ZSk7CiAgICB9KTsKICAgIHdhdGNoKGN1cnJlbnQxLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdjdXJyZW50JywgY3VycmVudDEudmFsdWUpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICBwYWdlU2l6ZSwKICAgICAgY3VycmVudDEsCiAgICAgIGN1cnJlbnQyLAogICAgICBvblNob3dTaXplQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[u(c,{"show-size-changer":"",current:s.current1,"onUpdate:current":a[0]||(a[0]=o=>s.current1=o),pageSize:s.pageSize,"onUpdate:pageSize":a[1]||(a[1]=o=>s.pageSize=o),total:500,onShowSizeChange:s.onShowSizeChange},null,8,["current","pageSize","onShowSizeChange"]),a[3]||(a[3]=n("br",null,null,-1)),u(c,{current:s.current2,"onUpdate:current":a[2]||(a[2]=o=>s.current2=o),"show-size-changer":"",total:500,disabled:"",onShowSizeChange:s.onShowSizeChange},null,8,["current","onShowSizeChange"])])]),htmlCode:e(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},"show-size-changer"),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("pageSize")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("pageSize"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@showSizeChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onShowSizeChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-size-changer"),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"disabled"),t(`
      `),n("span",{class:"token attr-name"},"@showSizeChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onShowSizeChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" pageSize "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current2 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onShowSizeChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"pageSize"),n("span",{class:"token operator"},":"),t(" number")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("current"),n("span",{class:"token punctuation"},","),t(" pageSize"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("pageSize"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'pageSize'"),n("span",{class:"token punctuation"},","),t(" pageSize"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("current1"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'current'"),n("span",{class:"token punctuation"},","),t(" current1"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      pageSize`),n("span",{class:"token punctuation"},","),t(`
      current1`),n("span",{class:"token punctuation"},","),t(`
      current2`),n("span",{class:"token punctuation"},","),t(`
      onShowSizeChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},"show-size-changer"),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("pageSize")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("pageSize"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@showSizeChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onShowSizeChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-size-changer"),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"disabled"),t(`
      `),n("span",{class:"token attr-name"},"@showSizeChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onShowSizeChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" pageSize "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current2 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onShowSizeChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("current"),n("span",{class:"token punctuation"},","),t(" pageSize")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("current"),n("span",{class:"token punctuation"},","),t(" pageSize"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("pageSize"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'pageSize'"),n("span",{class:"token punctuation"},","),t(" pageSize"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("current1"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'current'"),n("span",{class:"token punctuation"},","),t(" current1"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      pageSize`),n("span",{class:"token punctuation"},","),t(`
      current1`),n("span",{class:"token punctuation"},","),t(`
      current2`),n("span",{class:"token punctuation"},","),t(`
      onShowSizeChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var J=C(K,[["render",H]]);const R=b({setup(){const s=g(["10","20","30","40","50"]),a=g(1),l=g(10),i=g(50);return{pageSizeOptions:s,current:a,pageSize:l,total:i,onShowSizeChange:(m,c)=>{console.log(c),l.value=c}}}}),j={key:0},F={key:1};function D(s,a,l,i,d,m){const c=p("a-pagination"),k=p("demo-box");return r(),I(k,{jsfiddle:{us:"Customize dropdown options such as adding all options",cn:"\u81EA\u5B9A\u4E49\u4E0B\u62C9\u9009\u9879\uFF0C\u4F8B\u5982\u6DFB\u52A0\u5168\u90E8\u9009\u9879",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u81EA\u5B9A\u4E49\u4E0B\u62C9\u9009\u9879\uFF0C\u4F8B\u5982\u6DFB\u52A0\u5168\u90E8\u9009\u9879</p>
<h2 id="en-us">en-US</h2>
<p>Customize dropdown options such as adding all options</p>
`,order:3,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u4E0B\u62C9\u9009\u9879","en-US":"Custom dropdown options"},relativePath:"src/docs/pagination/demo/custom-changer.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24KICAgIHYtbW9kZWw6Y3VycmVudD0iY3VycmVudCIKICAgIDpwYWdlLXNpemUtb3B0aW9ucz0icGFnZVNpemVPcHRpb25zIgogICAgOnRvdGFsPSJ0b3RhbCIKICAgIHNob3ctc2l6ZS1jaGFuZ2VyCiAgICA6cGFnZS1zaXplPSJwYWdlU2l6ZSIKICAgIEBzaG93U2l6ZUNoYW5nZT0ib25TaG93U2l6ZUNoYW5nZSIKICA+CiAgICA8dGVtcGxhdGUgI2J1aWxkT3B0aW9uVGV4dD0icHJvcHMiPgogICAgICA8c3BhbiB2LWlmPSJwcm9wcy52YWx1ZSAhPT0gJzUwJyI+e3sgcHJvcHMudmFsdWUgfX3mnaEv6aG1PC9zcGFuPgogICAgICA8c3BhbiB2LWVsc2U+5YWo6YOoPC9zcGFuPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtcGFnaW5hdGlvbj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBwYWdlU2l6ZU9wdGlvbnMgPSByZWY8c3RyaW5nW10+KFsnMTAnLCAnMjAnLCAnMzAnLCAnNDAnLCAnNTAnXSk7CiAgICBjb25zdCBjdXJyZW50ID0gcmVmKDEpOwogICAgY29uc3QgcGFnZVNpemVSZWYgPSByZWYoMTApOwogICAgY29uc3QgdG90YWwgPSByZWYoNTApOwogICAgY29uc3Qgb25TaG93U2l6ZUNoYW5nZSA9IChjdXJyZW50OiBudW1iZXIsIHBhZ2VTaXplOiBudW1iZXIpID0+IHsKICAgICAgY29uc29sZS5sb2cocGFnZVNpemUpOwogICAgICBwYWdlU2l6ZVJlZi52YWx1ZSA9IHBhZ2VTaXplOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICBwYWdlU2l6ZU9wdGlvbnMsCiAgICAgIGN1cnJlbnQsCiAgICAgIHBhZ2VTaXplOiBwYWdlU2l6ZVJlZiwKICAgICAgdG90YWwsCiAgICAgIG9uU2hvd1NpemVDaGFuZ2UsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24KICAgIHYtbW9kZWw6Y3VycmVudD0iY3VycmVudCIKICAgIDpwYWdlLXNpemUtb3B0aW9ucz0icGFnZVNpemVPcHRpb25zIgogICAgOnRvdGFsPSJ0b3RhbCIKICAgIHNob3ctc2l6ZS1jaGFuZ2VyCiAgICA6cGFnZS1zaXplPSJwYWdlU2l6ZSIKICAgIEBzaG93U2l6ZUNoYW5nZT0ib25TaG93U2l6ZUNoYW5nZSIKICA+CiAgICA8dGVtcGxhdGUgI2J1aWxkT3B0aW9uVGV4dD0icHJvcHMiPgogICAgICA8c3BhbiB2LWlmPSJwcm9wcy52YWx1ZSAhPT0gJzUwJyI+e3sgcHJvcHMudmFsdWUgfX3mnaEv6aG1PC9zcGFuPgogICAgICA8c3BhbiB2LWVsc2U+5YWo6YOoPC9zcGFuPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtcGFnaW5hdGlvbj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgcGFnZVNpemVPcHRpb25zID0gcmVmKFsnMTAnLCAnMjAnLCAnMzAnLCAnNDAnLCAnNTAnXSk7CiAgICBjb25zdCBjdXJyZW50ID0gcmVmKDEpOwogICAgY29uc3QgcGFnZVNpemVSZWYgPSByZWYoMTApOwogICAgY29uc3QgdG90YWwgPSByZWYoNTApOwogICAgY29uc3Qgb25TaG93U2l6ZUNoYW5nZSA9IChjdXJyZW50LCBwYWdlU2l6ZSkgPT4gewogICAgICBjb25zb2xlLmxvZyhwYWdlU2l6ZSk7CiAgICAgIHBhZ2VTaXplUmVmLnZhbHVlID0gcGFnZVNpemU7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgcGFnZVNpemVPcHRpb25zLAogICAgICBjdXJyZW50LAogICAgICBwYWdlU2l6ZTogcGFnZVNpemVSZWYsCiAgICAgIHRvdGFsLAogICAgICBvblNob3dTaXplQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[u(c,{current:s.current,"onUpdate:current":a[0]||(a[0]=o=>s.current=o),"page-size-options":s.pageSizeOptions,total:s.total,"show-size-changer":"","page-size":s.pageSize,onShowSizeChange:s.onShowSizeChange},{buildOptionText:e(o=>[o.value!=="50"?(r(),h("span",j,B(o.value)+"\u6761/\u9875",1)):(r(),h("span",F,"\u5168\u90E8"))]),_:1},8,["current","page-size-options","total","page-size","onShowSizeChange"])]),htmlCode:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":page-size-options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("pageSizeOptions"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("total"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"show-size-changer"),t(`
    `),n("span",{class:"token attr-name"},":page-size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("pageSize"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@showSizeChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onShowSizeChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#buildOptionText"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("props"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("props.value !== '50'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("{{ props.value }}\u6761/\u9875"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("\u5168\u90E8"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-pagination")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" pageSizeOptions "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'10'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'20'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'30'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'40'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'50'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" pageSizeRef "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" total "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"50"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onShowSizeChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"pageSize"),n("span",{class:"token operator"},":"),t(" number")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("pageSize"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      pageSizeRef`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" pageSize"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      pageSizeOptions`),n("span",{class:"token punctuation"},","),t(`
      current`),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"pageSize"),n("span",{class:"token operator"},":"),t(" pageSizeRef"),n("span",{class:"token punctuation"},","),t(`
      total`),n("span",{class:"token punctuation"},","),t(`
      onShowSizeChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":page-size-options"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("pageSizeOptions"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("total"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"show-size-changer"),t(`
    `),n("span",{class:"token attr-name"},":page-size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("pageSize"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@showSizeChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onShowSizeChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#buildOptionText"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("props"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("props.value !== '50'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("{{ props.value }}\u6761/\u9875"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),t("\u5168\u90E8"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-pagination")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" pageSizeOptions "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'10'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'20'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'30'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'40'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'50'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" pageSizeRef "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" total "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"50"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onShowSizeChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("current"),n("span",{class:"token punctuation"},","),t(" pageSize")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("pageSize"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      pageSizeRef`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" pageSize"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      pageSizeOptions`),n("span",{class:"token punctuation"},","),t(`
      current`),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"pageSize"),n("span",{class:"token operator"},":"),t(" pageSizeRef"),n("span",{class:"token punctuation"},","),t(`
      total`),n("span",{class:"token punctuation"},","),t(`
      onShowSizeChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var U=C(R,[["render",D]]);const L=b({setup(){const s=g(1),a=g(2);return{current1:s,current2:a,onChange:i=>{console.log("Page: ",i)}}}});function T(s,a,l,i,d,m){const c=p("a-pagination"),k=p("demo-box");return r(),I(k,{jsfiddle:{us:"Jump to a page directly.",cn:"\u5FEB\u901F\u8DF3\u8F6C\u5230\u67D0\u4E00\u9875\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5FEB\u901F\u8DF3\u8F6C\u5230\u67D0\u4E00\u9875\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Jump to a page directly.</p>
`,order:4,title:{"zh-CN":"\u8DF3\u8F6C","en-US":"Jumper"},relativePath:"src/docs/pagination/demo/jump.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdpbmF0aW9uIHNob3ctcXVpY2stanVtcGVyIHYtbW9kZWw6Y3VycmVudD0iY3VycmVudDEiIDp0b3RhbD0iNTAwIiBAY2hhbmdlPSJvbkNoYW5nZSIgLz4KICAgIDxiciAvPgogICAgPGEtcGFnaW5hdGlvbgogICAgICBzaG93LXF1aWNrLWp1bXBlcgogICAgICB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQyIgogICAgICA6dG90YWw9IjUwMCIKICAgICAgZGlzYWJsZWQKICAgICAgc2hvdy1sZXNzLWl0ZW1zCiAgICAgIEBjaGFuZ2U9Im9uQ2hhbmdlIgogICAgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGN1cnJlbnQxID0gcmVmPG51bWJlcj4oMSk7CiAgICBjb25zdCBjdXJyZW50MiA9IHJlZjxudW1iZXI+KDIpOwogICAgY29uc3Qgb25DaGFuZ2UgPSAocGFnZU51bWJlcjogbnVtYmVyKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdQYWdlOiAnLCBwYWdlTnVtYmVyKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBjdXJyZW50MSwKICAgICAgY3VycmVudDIsCiAgICAgIG9uQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdpbmF0aW9uIHNob3ctcXVpY2stanVtcGVyIHYtbW9kZWw6Y3VycmVudD0iY3VycmVudDEiIDp0b3RhbD0iNTAwIiBAY2hhbmdlPSJvbkNoYW5nZSIgLz4KICAgIDxiciAvPgogICAgPGEtcGFnaW5hdGlvbgogICAgICBzaG93LXF1aWNrLWp1bXBlcgogICAgICB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQyIgogICAgICA6dG90YWw9IjUwMCIKICAgICAgZGlzYWJsZWQKICAgICAgc2hvdy1sZXNzLWl0ZW1zCiAgICAgIEBjaGFuZ2U9Im9uQ2hhbmdlIgogICAgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgY3VycmVudDEgPSByZWYoMSk7CiAgICBjb25zdCBjdXJyZW50MiA9IHJlZigyKTsKICAgIGNvbnN0IG9uQ2hhbmdlID0gcGFnZU51bWJlciA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdQYWdlOiAnLCBwYWdlTnVtYmVyKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBjdXJyZW50MSwKICAgICAgY3VycmVudDIsCiAgICAgIG9uQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[u(c,{"show-quick-jumper":"",current:s.current1,"onUpdate:current":a[0]||(a[0]=o=>s.current1=o),total:500,onChange:s.onChange},null,8,["current","onChange"]),a[2]||(a[2]=n("br",null,null,-1)),u(c,{"show-quick-jumper":"",current:s.current2,"onUpdate:current":a[1]||(a[1]=o=>s.current2=o),total:500,disabled:"","show-less-items":"",onChange:s.onChange},null,8,["current","onChange"])])]),htmlCode:e(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"show-quick-jumper"),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},"show-quick-jumper"),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"disabled"),t(`
      `),n("span",{class:"token attr-name"},"show-less-items"),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current1 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current2 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"pageNumber"),n("span",{class:"token operator"},":"),t(" number")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Page: '"),n("span",{class:"token punctuation"},","),t(" pageNumber"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      current1`),n("span",{class:"token punctuation"},","),t(`
      current2`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"show-quick-jumper"),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},"show-quick-jumper"),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"disabled"),t(`
      `),n("span",{class:"token attr-name"},"show-less-items"),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current2 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"pageNumber"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Page: '"),n("span",{class:"token punctuation"},","),t(" pageNumber"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      current1`),n("span",{class:"token punctuation"},","),t(`
      current2`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var q=C(L,[["render",T]]);const Q=b({setup(){return{current:g(2)}}});function x(s,a,l,i,d,m){const c=p("a-pagination"),k=p("demo-box");return r(),I(k,{jsfiddle:{us:"Simple mode.",cn:"\u7B80\u5355\u7684\u7FFB\u9875\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u7B80\u5355\u7684\u7FFB\u9875\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Simple mode.</p>
`,order:6,title:{"zh-CN":"\u7B80\u6D01","en-US":"Simple mode"},relativePath:"src/docs/pagination/demo/simple.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24gc2ltcGxlIHYtbW9kZWw6Y3VycmVudD0iY3VycmVudCIgOnRvdGFsPSI1MCIgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBjdXJyZW50ID0gcmVmPG51bWJlcj4oMik7CiAgICByZXR1cm4gewogICAgICBjdXJyZW50LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24gc2ltcGxlIHYtbW9kZWw6Y3VycmVudD0iY3VycmVudCIgOnRvdGFsPSI1MCIgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgY3VycmVudCA9IHJlZigyKTsKICAgIHJldHVybiB7CiAgICAgIGN1cnJlbnQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[u(c,{simple:"",current:s.current,"onUpdate:current":a[0]||(a[0]=o=>s.current=o),total:50},null,8,["current"])]),htmlCode:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"simple"),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      current`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"simple"),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      current`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var E=C(Q,[["render",x]]);function O(s,{attrs:{vnode:a}}){return a}const _=b({components:{renderVNode:O}}),$={key:0},M={key:1};function nn(s,a,l,i,d,m){const c=p("renderVNode"),k=p("a-pagination"),o=p("demo-box");return r(),I(o,{jsfiddle:{us:"Use text link for prev and next button.",cn:"\u4FEE\u6539\u4E0A\u4E00\u6B65\u548C\u4E0B\u4E00\u6B65\u4E3A\u6587\u5B57\u94FE\u63A5\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4FEE\u6539\u4E0A\u4E00\u6B65\u548C\u4E0B\u4E00\u6B65\u4E3A\u6587\u5B57\u94FE\u63A5\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Use text link for prev and next button.</p>
`,order:8,title:{"zh-CN":"\u4E0A\u4E00\u6B65\u548C\u4E0B\u4E00\u6B65","en-US":"Prev and next"},relativePath:"src/docs/pagination/demo/itemRender.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24gOnRvdGFsPSI1MDAiPgogICAgPHRlbXBsYXRlICNpdGVtUmVuZGVyPSJ7IHBhZ2UsIHR5cGUsIG9yaWdpbmFsRWxlbWVudCB9Ij4KICAgICAgPGEgdi1pZj0idHlwZSA9PT0gJ3ByZXYnIj5QcmV2aW91czwvYT4KICAgICAgPGEgdi1lbHNlLWlmPSJ0eXBlID09PSAnbmV4dCciPk5leHQ8L2E+CiAgICAgIDxyZW5kZXJWTm9kZSB2LWVsc2UgOnZub2RlPSJvcmlnaW5hbEVsZW1lbnQiPjwvcmVuZGVyVk5vZGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1wYWdpbmF0aW9uPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKCmZ1bmN0aW9uIHJlbmRlclZOb2RlKF8sIHsgYXR0cnM6IHsgdm5vZGUgfSB9KSB7CiAgcmV0dXJuIHZub2RlOwp9CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgcmVuZGVyVk5vZGUsCiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2luYXRpb24gOnRvdGFsPSI1MDAiPgogICAgPHRlbXBsYXRlICNpdGVtUmVuZGVyPSJ7IHBhZ2UsIHR5cGUsIG9yaWdpbmFsRWxlbWVudCB9Ij4KICAgICAgPGEgdi1pZj0idHlwZSA9PT0gJ3ByZXYnIj5QcmV2aW91czwvYT4KICAgICAgPGEgdi1lbHNlLWlmPSJ0eXBlID09PSAnbmV4dCciPk5leHQ8L2E+CiAgICAgIDxyZW5kZXJWTm9kZSB2LWVsc2UgOnZub2RlPSJvcmlnaW5hbEVsZW1lbnQiPjwvcmVuZGVyVk5vZGU+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1wYWdpbmF0aW9uPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpmdW5jdGlvbiByZW5kZXJWTm9kZShfLCB7IGF0dHJzOiB7IHZub2RlIH0gfSkgewogIHJldHVybiB2bm9kZTsKfQpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIHJlbmRlclZOb2RlLAogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[u(k,{total:500},{itemRender:e(({page:w,type:A,originalElement:v})=>[A==="prev"?(r(),h("a",$,"Previous")):A==="next"?(r(),h("a",M,"Next")):(r(),I(c,{key:2,vnode:v},null,8,["vnode"]))]),_:1})]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#itemRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ page, type, originalElement }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("type === 'prev'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Previous"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("type === 'next'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Next"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("renderVNode")]),t(),n("span",{class:"token attr-name"},"v-else"),t(),n("span",{class:"token attr-name"},":vnode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("originalElement"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("renderVNode")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-pagination")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"function"),t(),n("span",{class:"token function"},"renderVNode"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"attrs"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(" vnode "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"return"),t(" vnode"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    renderVNode`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("500"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#itemRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ page, type, originalElement }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("type === 'prev'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Previous"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"v-else-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("type === 'next'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Next"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("renderVNode")]),t(),n("span",{class:"token attr-name"},"v-else"),t(),n("span",{class:"token attr-name"},":vnode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("originalElement"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("renderVNode")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-pagination")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"function"),t(),n("span",{class:"token function"},"renderVNode"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"attrs"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(" vnode "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"return"),t(" vnode"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    renderVNode`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var tn=C(_,[["render",nn]]);const an={},sn={id:"components-pagination-demo-mini"};function on(s,a){const l=p("a-pagination"),i=p("demo-box");return r(),I(i,{jsfiddle:{us:"Mini size pagination.",cn:"\u8FF7\u4F60\u7248\u672C\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u8FF7\u4F60\u7248\u672C\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Mini size pagination.</p>
`,order:5,title:{"zh-CN":"\u8FF7\u4F60","en-US":"Mini size"},relativePath:"src/docs/pagination/demo/mini.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgaWQ9ImNvbXBvbmVudHMtcGFnaW5hdGlvbi1kZW1vLW1pbmkiPgogICAgPGEtcGFnaW5hdGlvbiBzaXplPSJzbWFsbCIgOnRvdGFsPSI1MCIgLz4KICAgIDxhLXBhZ2luYXRpb24gc2l6ZT0ic21hbGwiIDp0b3RhbD0iNTAiIHNob3ctc2l6ZS1jaGFuZ2VyIHNob3ctcXVpY2stanVtcGVyIC8+CiAgICA8YS1wYWdpbmF0aW9uIHNpemU9InNtYWxsIiA6dG90YWw9IjUwIiA6c2hvdy10b3RhbD0idG90YWwgPT4gYFRvdGFsICR7dG90YWx9IGl0ZW1zYCIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCjxzdHlsZSBzY29wZWQ+CiNjb21wb25lbnRzLXBhZ2luYXRpb24tZGVtby1taW5pIC5hbnQtcGFnaW5hdGlvbjpub3QoOmxhc3QtY2hpbGQpIHsKICBtYXJnaW4tYm90dG9tOiAyNHB4Owp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgaWQ9ImNvbXBvbmVudHMtcGFnaW5hdGlvbi1kZW1vLW1pbmkiPgogICAgPGEtcGFnaW5hdGlvbiBzaXplPSJzbWFsbCIgOnRvdGFsPSI1MCIgLz4KICAgIDxhLXBhZ2luYXRpb24gc2l6ZT0ic21hbGwiIDp0b3RhbD0iNTAiIHNob3ctc2l6ZS1jaGFuZ2VyIHNob3ctcXVpY2stanVtcGVyIC8+CiAgICA8YS1wYWdpbmF0aW9uIHNpemU9InNtYWxsIiA6dG90YWw9IjUwIiA6c2hvdy10b3RhbD0idG90YWwgPT4gYFRvdGFsICR7dG90YWx9IGl0ZW1zYCIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCjxzdHlsZSBzY29wZWQ+CiNjb21wb25lbnRzLXBhZ2luYXRpb24tZGVtby1taW5pIC5hbnQtcGFnaW5hdGlvbjpub3QoOmxhc3QtY2hpbGQpIHsKICBtYXJnaW4tYm90dG9tOiAyNHB4Owp9Cjwvc3R5bGU+"}},{default:e(()=>[n("div",sn,[u(l,{size:"small",total:50}),u(l,{size:"small",total:50,"show-size-changer":"","show-quick-jumper":""}),u(l,{size:"small",total:50,"show-total":d=>`Total ${d} items`},null,8,["show-total"])])]),htmlCode:e(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("components-pagination-demo-mini"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"show-size-changer"),t(),n("span",{class:"token attr-name"},"show-quick-jumper"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":show-total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("total => `Total ${total} items`"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
`),n("span",{class:"token selector"},"#components-pagination-demo-mini .ant-pagination:not(:last-child)"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 24px"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("components-pagination-demo-mini"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"show-size-changer"),t(),n("span",{class:"token attr-name"},"show-quick-jumper"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":show-total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("total => `Total ${total} items`"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
`),n("span",{class:"token selector"},"#components-pagination-demo-mini .ant-pagination:not(:last-child)"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 24px"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var en=C(an,[["render",on],["__scopeId","data-v-01b719ae"]]);const pn=b({setup(){const s=g(1),a=g(2);return{current1:s,current2:a,onChange:i=>{console.log("Page: ",i)}}}});function cn(s,a,l,i,d,m){const c=p("a-pagination"),k=p("demo-box");return r(),I(k,{jsfiddle:{us:"You can show the total number of data by setting `showTotal`.",cn:"\u901A\u8FC7\u8BBE\u7F6E `showTotal` \u5C55\u793A\u603B\u5171\u6709\u591A\u5C11\u6570\u636E\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u901A\u8FC7\u8BBE\u7F6E <code>showTotal</code> \u5C55\u793A\u603B\u5171\u6709\u591A\u5C11\u6570\u636E\u3002</p>
<h2 id="en-us">en-US</h2>
<p>You can show the total number of data by setting <code>showTotal</code>.</p>
`,order:7,title:{"zh-CN":"\u603B\u6570","en-US":"Total number"},relativePath:"src/docs/pagination/demo/total.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdpbmF0aW9uCiAgICAgIDp0b3RhbD0iODUiCiAgICAgIDpzaG93LXRvdGFsPSJ0b3RhbCA9PiBgVG90YWwgJHt0b3RhbH0gaXRlbXNgIgogICAgICA6cGFnZS1zaXplPSIyMCIKICAgICAgdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50MSIKICAgIC8+CiAgICA8YnIgLz4KICAgIDxhLXBhZ2luYXRpb24KICAgICAgOnRvdGFsPSI4NSIKICAgICAgOnNob3ctdG90YWw9Iih0b3RhbCwgcmFuZ2UpID0+IGAke3JhbmdlWzBdfS0ke3JhbmdlWzFdfSBvZiAke3RvdGFsfSBpdGVtc2AiCiAgICAgIDpwYWdlLXNpemU9IjIwIgogICAgICB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQyIgogICAgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGN1cnJlbnQxID0gcmVmPG51bWJlcj4oMSk7CiAgICBjb25zdCBjdXJyZW50MiA9IHJlZjxudW1iZXI+KDIpOwogICAgY29uc3Qgb25DaGFuZ2UgPSAocGFnZU51bWJlcjogbnVtYmVyKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdQYWdlOiAnLCBwYWdlTnVtYmVyKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBjdXJyZW50MSwKICAgICAgY3VycmVudDIsCiAgICAgIG9uQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdpbmF0aW9uCiAgICAgIDp0b3RhbD0iODUiCiAgICAgIDpzaG93LXRvdGFsPSJ0b3RhbCA9PiBgVG90YWwgJHt0b3RhbH0gaXRlbXNgIgogICAgICA6cGFnZS1zaXplPSIyMCIKICAgICAgdi1tb2RlbDpjdXJyZW50PSJjdXJyZW50MSIKICAgIC8+CiAgICA8YnIgLz4KICAgIDxhLXBhZ2luYXRpb24KICAgICAgOnRvdGFsPSI4NSIKICAgICAgOnNob3ctdG90YWw9Iih0b3RhbCwgcmFuZ2UpID0+IGAke3JhbmdlWzBdfS0ke3JhbmdlWzFdfSBvZiAke3RvdGFsfSBpdGVtc2AiCiAgICAgIDpwYWdlLXNpemU9IjIwIgogICAgICB2LW1vZGVsOmN1cnJlbnQ9ImN1cnJlbnQyIgogICAgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgY3VycmVudDEgPSByZWYoMSk7CiAgICBjb25zdCBjdXJyZW50MiA9IHJlZigyKTsKICAgIGNvbnN0IG9uQ2hhbmdlID0gcGFnZU51bWJlciA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdQYWdlOiAnLCBwYWdlTnVtYmVyKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBjdXJyZW50MSwKICAgICAgY3VycmVudDIsCiAgICAgIG9uQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[u(c,{total:85,"show-total":o=>`Total ${o} items`,"page-size":20,current:s.current1,"onUpdate:current":a[0]||(a[0]=o=>s.current1=o)},null,8,["show-total","current"]),a[2]||(a[2]=n("br",null,null,-1)),u(c,{total:85,"show-total":(o,w)=>`${w[0]}-${w[1]} of ${o} items`,"page-size":20,current:s.current2,"onUpdate:current":a[1]||(a[1]=o=>s.current2=o)},null,8,["show-total","current"])])]),htmlCode:e(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("85"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("total => `Total ${total} items`"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":page-size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("20"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current1"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("85"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("(total, range) => `${range[0]}-${range[1]} of ${total} items`"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":page-size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("20"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current2"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current1 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current2 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"pageNumber"),n("span",{class:"token operator"},":"),t(" number")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Page: '"),n("span",{class:"token punctuation"},","),t(" pageNumber"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      current1`),n("span",{class:"token punctuation"},","),t(`
      current2`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:e(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("85"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("total => `Total ${total} items`"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":page-size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("20"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current1"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-pagination")]),t(`
      `),n("span",{class:"token attr-name"},":total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("85"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-total"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("(total, range) => `${range[0]}-${range[1]} of ${total} items`"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":page-size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("20"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("current")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("current2"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" current2 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"pageNumber"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Page: '"),n("span",{class:"token punctuation"},","),t(" pageNumber"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      current1`),n("span",{class:"token punctuation"},","),t(`
      current2`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var un=C(pn,[["render",cn]]);const ln={pageData:{title:"Pagination",description:"",frontmatter:{category:"Components",subtitle:"\u5206\u9875",type:"\u5BFC\u822A",title:"Pagination",cols:1,cover:"https://gw.alipayobjects.com/zos/alicdn/1vqv2bj68/Pagination.svg"},headers:[{level:2,title:"API",slug:"api",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""}],relativePath:"src/docs/pagination/index.zh-CN.md",content:`
\u91C7\u7528\u5206\u9875\u7684\u5F62\u5F0F\u5206\u9694\u957F\u5217\u8868\uFF0C\u6BCF\u6B21\u53EA\u52A0\u8F7D\u4E00\u4E2A\u9875\u9762\u3002

## API

\`\`\`html
&lt;a-pagination @change=&quot;onChange&quot; :total=&quot;50&quot; /&gt;
\`\`\`

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| current(v-model) | \u5F53\u524D\u9875\u6570 | number | - |  |
| pageSize(v-model) | \u6BCF\u9875\u6761\u6570 | number | - |  |
| defaultPageSize | \u9ED8\u8BA4\u7684\u6BCF\u9875\u6761\u6570 | number | 10 |  |
| disabled | \u7981\u7528\u5206\u9875 | boolean | - | 1.5.0 |
| hideOnSinglePage | \u53EA\u6709\u4E00\u9875\u65F6\u662F\u5426\u9690\u85CF\u5206\u9875\u5668 | boolean | false |  |
| itemRender | \u7528\u4E8E\u81EA\u5B9A\u4E49\u9875\u7801\u7684\u7ED3\u6784\uFF0C\u53EF\u7528\u4E8E\u4F18\u5316 SEO | ({page, type: &#39;page&#39; \\| &#39;prev&#39; \\| &#39;next&#39;, originalElement}) =&gt; vNode \\| v-slot | - |  |
| pageSizeOptions | \u6307\u5B9A\u6BCF\u9875\u53EF\u4EE5\u663E\u793A\u591A\u5C11\u6761 | string\\[] | \\[&#39;10&#39;, &#39;20&#39;, &#39;30&#39;, &#39;40&#39;] |  |
| showLessItems | \u662F\u5426\u663E\u793A\u8F83\u5C11\u9875\u9762\u5185\u5BB9 | boolean | false | 1.5.0 |
| showQuickJumper | \u662F\u5426\u53EF\u4EE5\u5FEB\u901F\u8DF3\u8F6C\u81F3\u67D0\u9875 | boolean | false |  |
| showSizeChanger | \u662F\u5426\u53EF\u4EE5\u6539\u53D8 pageSize | boolean | false |  |
| showTotal | \u7528\u4E8E\u663E\u793A\u6570\u636E\u603B\u91CF\u548C\u5F53\u524D\u6570\u636E\u987A\u5E8F | Function(total, range) | - |  |
| simple | \u5F53\u6DFB\u52A0\u8BE5\u5C5E\u6027\u65F6\uFF0C\u663E\u793A\u4E3A\u7B80\u5355\u5206\u9875 | boolean | - |  |
| size | \u5F53\u4E3A\u300Csmall\u300D\u65F6\uFF0C\u662F\u5C0F\u5C3A\u5BF8\u5206\u9875 | string | &quot;&quot; |  |
| total | \u6570\u636E\u603B\u6570 | number | 0 |  |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0       | \u8BF4\u660E                                         | \u56DE\u8C03\u53C2\u6570                 |
| -------------- | -------------------------------------------- | ------------------------ |
| change         | \u9875\u7801\u6539\u53D8\u7684\u56DE\u8C03\uFF0C\u53C2\u6570\u662F\u6539\u53D8\u540E\u7684\u9875\u7801\u53CA\u6BCF\u9875\u6761\u6570 | Function(page, pageSize) | noop |
| showSizeChange | pageSize \u53D8\u5316\u7684\u56DE\u8C03                          | Function(current, size)  | noop |
`,html:`<p>\u91C7\u7528\u5206\u9875\u7684\u5F62\u5F0F\u5206\u9694\u957F\u5217\u8868\uFF0C\u6BCF\u6B21\u53EA\u52A0\u8F7D\u4E00\u4E2A\u9875\u9762\u3002</p>
<h2 id="api">API</h2>
<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-pagination</span> <span class="token attr-name">@change</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>onChange<span class="token punctuation">"</span></span> <span class="token attr-name">:total</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</code></pre>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>current(v-model)</td>
<td>\u5F53\u524D\u9875\u6570</td>
<td>number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>pageSize(v-model)</td>
<td>\u6BCF\u9875\u6761\u6570</td>
<td>number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>defaultPageSize</td>
<td>\u9ED8\u8BA4\u7684\u6BCF\u9875\u6761\u6570</td>
<td>number</td>
<td>10</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>\u7981\u7528\u5206\u9875</td>
<td>boolean</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>hideOnSinglePage</td>
<td>\u53EA\u6709\u4E00\u9875\u65F6\u662F\u5426\u9690\u85CF\u5206\u9875\u5668</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>itemRender</td>
<td>\u7528\u4E8E\u81EA\u5B9A\u4E49\u9875\u7801\u7684\u7ED3\u6784\uFF0C\u53EF\u7528\u4E8E\u4F18\u5316 SEO</td>
<td>({page, type: 'page' | 'prev' | 'next', originalElement}) =&gt; vNode | v-slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>pageSizeOptions</td>
<td>\u6307\u5B9A\u6BCF\u9875\u53EF\u4EE5\u663E\u793A\u591A\u5C11\u6761</td>
<td>string[]</td>
<td>['10', '20', '30', '40']</td>
<td></td>
</tr>
<tr>
<td>showLessItems</td>
<td>\u662F\u5426\u663E\u793A\u8F83\u5C11\u9875\u9762\u5185\u5BB9</td>
<td>boolean</td>
<td>false</td>
<td>1.5.0</td>
</tr>
<tr>
<td>showQuickJumper</td>
<td>\u662F\u5426\u53EF\u4EE5\u5FEB\u901F\u8DF3\u8F6C\u81F3\u67D0\u9875</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>showSizeChanger</td>
<td>\u662F\u5426\u53EF\u4EE5\u6539\u53D8 pageSize</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>showTotal</td>
<td>\u7528\u4E8E\u663E\u793A\u6570\u636E\u603B\u91CF\u548C\u5F53\u524D\u6570\u636E\u987A\u5E8F</td>
<td>Function(total, range)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>simple</td>
<td>\u5F53\u6DFB\u52A0\u8BE5\u5C5E\u6027\u65F6\uFF0C\u663E\u793A\u4E3A\u7B80\u5355\u5206\u9875</td>
<td>boolean</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>\u5F53\u4E3A\u300Csmall\u300D\u65F6\uFF0C\u662F\u5C0F\u5C3A\u5BF8\u5206\u9875</td>
<td>string</td>
<td>&quot;&quot;</td>
<td></td>
</tr>
<tr>
<td>total</td>
<td>\u6570\u636E\u603B\u6570</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>\u9875\u7801\u6539\u53D8\u7684\u56DE\u8C03\uFF0C\u53C2\u6570\u662F\u6539\u53D8\u540E\u7684\u9875\u7801\u53CA\u6BCF\u9875\u6761\u6570</td>
<td>Function(page, pageSize)</td>
</tr>
<tr>
<td>showSizeChange</td>
<td>pageSize \u53D8\u5316\u7684\u56DE\u8C03</td>
<td>Function(current, size)</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052718}},kn={class:"markdown"};function rn(s,a,l,i,d,m){return r(),h("article",kn,a[0]||(a[0]=[Z(`<p>\u91C7\u7528\u5206\u9875\u7684\u5F62\u5F0F\u5206\u9694\u957F\u5217\u8868\uFF0C\u6BCF\u6B21\u53EA\u52A0\u8F7D\u4E00\u4E2A\u9875\u9762\u3002</p><h2 id="api">API</h2><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-pagination</span> <span class="token attr-name">@change</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>onChange<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:total</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>50<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
</code></pre><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>current(v-model)</td><td>\u5F53\u524D\u9875\u6570</td><td>number</td><td>-</td><td></td></tr><tr><td>pageSize(v-model)</td><td>\u6BCF\u9875\u6761\u6570</td><td>number</td><td>-</td><td></td></tr><tr><td>defaultPageSize</td><td>\u9ED8\u8BA4\u7684\u6BCF\u9875\u6761\u6570</td><td>number</td><td>10</td><td></td></tr><tr><td>disabled</td><td>\u7981\u7528\u5206\u9875</td><td>boolean</td><td>-</td><td>1.5.0</td></tr><tr><td>hideOnSinglePage</td><td>\u53EA\u6709\u4E00\u9875\u65F6\u662F\u5426\u9690\u85CF\u5206\u9875\u5668</td><td>boolean</td><td>false</td><td></td></tr><tr><td>itemRender</td><td>\u7528\u4E8E\u81EA\u5B9A\u4E49\u9875\u7801\u7684\u7ED3\u6784\uFF0C\u53EF\u7528\u4E8E\u4F18\u5316 SEO</td><td>({page, type: &#39;page&#39; | &#39;prev&#39; | &#39;next&#39;, originalElement}) =&gt; vNode | v-slot</td><td>-</td><td></td></tr><tr><td>pageSizeOptions</td><td>\u6307\u5B9A\u6BCF\u9875\u53EF\u4EE5\u663E\u793A\u591A\u5C11\u6761</td><td>string[]</td><td>[&#39;10&#39;, &#39;20&#39;, &#39;30&#39;, &#39;40&#39;]</td><td></td></tr><tr><td>showLessItems</td><td>\u662F\u5426\u663E\u793A\u8F83\u5C11\u9875\u9762\u5185\u5BB9</td><td>boolean</td><td>false</td><td>1.5.0</td></tr><tr><td>showQuickJumper</td><td>\u662F\u5426\u53EF\u4EE5\u5FEB\u901F\u8DF3\u8F6C\u81F3\u67D0\u9875</td><td>boolean</td><td>false</td><td></td></tr><tr><td>showSizeChanger</td><td>\u662F\u5426\u53EF\u4EE5\u6539\u53D8 pageSize</td><td>boolean</td><td>false</td><td></td></tr><tr><td>showTotal</td><td>\u7528\u4E8E\u663E\u793A\u6570\u636E\u603B\u91CF\u548C\u5F53\u524D\u6570\u636E\u987A\u5E8F</td><td>Function(total, range)</td><td>-</td><td></td></tr><tr><td>simple</td><td>\u5F53\u6DFB\u52A0\u8BE5\u5C5E\u6027\u65F6\uFF0C\u663E\u793A\u4E3A\u7B80\u5355\u5206\u9875</td><td>boolean</td><td>-</td><td></td></tr><tr><td>size</td><td>\u5F53\u4E3A\u300Csmall\u300D\u65F6\uFF0C\u662F\u5C0F\u5C3A\u5BF8\u5206\u9875</td><td>string</td><td>&quot;&quot;</td><td></td></tr><tr><td>total</td><td>\u6570\u636E\u603B\u6570</td><td>number</td><td>0</td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>change</td><td>\u9875\u7801\u6539\u53D8\u7684\u56DE\u8C03\uFF0C\u53C2\u6570\u662F\u6539\u53D8\u540E\u7684\u9875\u7801\u53CA\u6BCF\u9875\u6761\u6570</td><td>Function(page, pageSize)</td></tr><tr><td>showSizeChange</td><td>pageSize \u53D8\u5316\u7684\u56DE\u8C03</td><td>Function(current, size)</td></tr></tbody></table>`,6)]))}var dn=C(ln,[["render",rn]]);const gn={pageData:{title:"Pagination",description:"",frontmatter:{category:"Components",type:"Navigation",title:"Pagination",cols:1,cover:"https://gw.alipayobjects.com/zos/alicdn/1vqv2bj68/Pagination.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:""},{level:2,title:"API",slug:"api",content:""},{level:3,title:"events",slug:"events",content:""}],relativePath:"src/docs/pagination/index.en-US.md",content:`
A long list can be divided into several pages using \`Pagination\`, and only one page will be loaded at a time.

## When To Use

- When it will take a long time to load/render all items.
- If you want to browse the data by navigating through pages.

## API

\`\`\`html
&lt;a-pagination @change=&quot;onChange&quot; :total=&quot;50&quot; /&gt;
\`\`\`

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| current(v-model) | current page number | number | - |  |
| pageSize(v-model) | number of data items per page | number | - |  |
| defaultCurrent | default initial page number | number | 1 |  |
| defaultPageSize | default number of data items per page | number | 10 |  |
| disabled | Disable pagination | boolean | - | 1.5.0 |
| hideOnSinglePage | Whether to hide pager on single page | boolean | false |  |
| itemRender | to customize item innerHTML | (page, type: &#39;page&#39; \\| &#39;prev&#39; \\| &#39;next&#39;, originalElement) =&gt; vNode \\| v-slot | - |  |
| pageSizeOptions | specify the sizeChanger options | string\\[] | \\[&#39;10&#39;, &#39;20&#39;, &#39;30&#39;, &#39;40&#39;] |  |
| showLessItems | Show less page items | boolean | false | 1.5.0 |
| showQuickJumper | determine whether you can jump to pages directly | boolean | false |  |
| showSizeChanger | determine whether \`pageSize\` can be changed | boolean | false |  |
| showTitle | Show page item&#39;s title | boolean | true | 1.5.0 |
| showTotal | to display the total number and range | Function(total, range) | - |  |
| simple | whether to use simple mode | boolean | - |  |
| size | specify the size of \`Pagination\`, can be set to \`small\` | string | &quot;&quot; |  |
| total | total number of data items | number | 0 |  |

### events

| Events Name | Description | Arguments |
| --- | --- | --- |
| change | a callback function, executed when the page number is changed, and it takes the resulting page number and pageSize as its arguments | Function(page, pageSize) | noop |
| showSizeChange | a callback function, executed when \`pageSize\` is changed | Function(current, size) | noop |
`,html:`<p>A long list can be divided into several pages using <code>Pagination</code>, and only one page will be loaded at a time.</p>
<h2 id="when-to-use">When To Use</h2>
<ul>
<li>When it will take a long time to load/render all items.</li>
<li>If you want to browse the data by navigating through pages.</li>
</ul>
<h2 id="api">API</h2>
<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-pagination</span> <span class="token attr-name">@change</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>onChange<span class="token punctuation">"</span></span> <span class="token attr-name">:total</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>50<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</code></pre>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>current(v-model)</td>
<td>current page number</td>
<td>number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>pageSize(v-model)</td>
<td>number of data items per page</td>
<td>number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>defaultCurrent</td>
<td>default initial page number</td>
<td>number</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>defaultPageSize</td>
<td>default number of data items per page</td>
<td>number</td>
<td>10</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>Disable pagination</td>
<td>boolean</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>hideOnSinglePage</td>
<td>Whether to hide pager on single page</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>itemRender</td>
<td>to customize item innerHTML</td>
<td>(page, type: 'page' | 'prev' | 'next', originalElement) =&gt; vNode | v-slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>pageSizeOptions</td>
<td>specify the sizeChanger options</td>
<td>string[]</td>
<td>['10', '20', '30', '40']</td>
<td></td>
</tr>
<tr>
<td>showLessItems</td>
<td>Show less page items</td>
<td>boolean</td>
<td>false</td>
<td>1.5.0</td>
</tr>
<tr>
<td>showQuickJumper</td>
<td>determine whether you can jump to pages directly</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>showSizeChanger</td>
<td>determine whether <code>pageSize</code> can be changed</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>showTitle</td>
<td>Show page item's title</td>
<td>boolean</td>
<td>true</td>
<td>1.5.0</td>
</tr>
<tr>
<td>showTotal</td>
<td>to display the total number and range</td>
<td>Function(total, range)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>simple</td>
<td>whether to use simple mode</td>
<td>boolean</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>specify the size of <code>Pagination</code>, can be set to <code>small</code></td>
<td>string</td>
<td>&quot;&quot;</td>
<td></td>
</tr>
<tr>
<td>total</td>
<td>total number of data items</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="events">events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>a callback function, executed when the page number is changed, and it takes the resulting page number and pageSize as its arguments</td>
<td>Function(page, pageSize)</td>
</tr>
<tr>
<td>showSizeChange</td>
<td>a callback function, executed when <code>pageSize</code> is changed</td>
<td>Function(current, size)</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052717}},mn={class:"markdown"};function Cn(s,a,l,i,d,m){return r(),h("article",mn,a[0]||(a[0]=[Z(`<p>A long list can be divided into several pages using <code>Pagination</code>, and only one page will be loaded at a time.</p><h2 id="when-to-use">When To Use</h2><ul><li>When it will take a long time to load/render all items.</li><li>If you want to browse the data by navigating through pages.</li></ul><h2 id="api">API</h2><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-pagination</span> <span class="token attr-name">@change</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>onChange<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:total</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>50<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
</code></pre><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>current(v-model)</td><td>current page number</td><td>number</td><td>-</td><td></td></tr><tr><td>pageSize(v-model)</td><td>number of data items per page</td><td>number</td><td>-</td><td></td></tr><tr><td>defaultCurrent</td><td>default initial page number</td><td>number</td><td>1</td><td></td></tr><tr><td>defaultPageSize</td><td>default number of data items per page</td><td>number</td><td>10</td><td></td></tr><tr><td>disabled</td><td>Disable pagination</td><td>boolean</td><td>-</td><td>1.5.0</td></tr><tr><td>hideOnSinglePage</td><td>Whether to hide pager on single page</td><td>boolean</td><td>false</td><td></td></tr><tr><td>itemRender</td><td>to customize item innerHTML</td><td>(page, type: &#39;page&#39; | &#39;prev&#39; | &#39;next&#39;, originalElement) =&gt; vNode | v-slot</td><td>-</td><td></td></tr><tr><td>pageSizeOptions</td><td>specify the sizeChanger options</td><td>string[]</td><td>[&#39;10&#39;, &#39;20&#39;, &#39;30&#39;, &#39;40&#39;]</td><td></td></tr><tr><td>showLessItems</td><td>Show less page items</td><td>boolean</td><td>false</td><td>1.5.0</td></tr><tr><td>showQuickJumper</td><td>determine whether you can jump to pages directly</td><td>boolean</td><td>false</td><td></td></tr><tr><td>showSizeChanger</td><td>determine whether <code>pageSize</code> can be changed</td><td>boolean</td><td>false</td><td></td></tr><tr><td>showTitle</td><td>Show page item&#39;s title</td><td>boolean</td><td>true</td><td>1.5.0</td></tr><tr><td>showTotal</td><td>to display the total number and range</td><td>Function(total, range)</td><td>-</td><td></td></tr><tr><td>simple</td><td>whether to use simple mode</td><td>boolean</td><td>-</td><td></td></tr><tr><td>size</td><td>specify the size of <code>Pagination</code>, can be set to <code>small</code></td><td>string</td><td>&quot;&quot;</td><td></td></tr><tr><td>total</td><td>total number of data items</td><td>number</td><td>0</td><td></td></tr></tbody></table><h3 id="events">events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>change</td><td>a callback function, executed when the page number is changed, and it takes the resulting page number and pageSize as its arguments</td><td>Function(page, pageSize)</td></tr><tr><td>showSizeChange</td><td>a callback function, executed when <code>pageSize</code> is changed</td><td>Function(current, size)</td></tr></tbody></table>`,8)]))}var In=C(gn,[["render",Cn]]);const bn=b({CN:dn,US:In,components:{Basic:Y,More:X,Changer:J,CustomChanger:U,Jump:q,Simple:E,Mini:en,Total:un,ItemRender:tn},setup(){return{}}});function hn(s,a,l,i,d,m){const c=p("Basic"),k=p("More"),o=p("Changer"),w=p("CustomChanger"),A=p("Jump"),v=p("Mini"),f=p("Simple"),S=p("Total"),W=p("ItemRender"),z=p("demo-sort");return r(),I(z,{cols:1},{default:e(()=>[u(c),u(k),u(o),u(w),u(A),u(v),u(f),u(S),u(W)]),_:1})}var An=C(bn,[["render",hn]]);export{An as default};