From 49059a6caf803d107399879acd2c465e7f609243 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?wubaiqing=20=28=E7=90=89=E7=92=83=29?=
 <wubaiqing@vip.qq.com>
Date: Thu, 28 Mar 2019 16:59:41 +0800
Subject: [PATCH] feat: fast jump of buttons in pagination

---
 components/pagination/Pagination.jsx |  2 +-
 components/pagination/demo/jump.md   | 20 +++++++++++++++++++-
 components/pagination/index.en-US.md |  2 +-
 components/pagination/index.zh-CN.md |  2 +-
 types/pagination.d.ts                |  2 +-
 5 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/components/pagination/Pagination.jsx b/components/pagination/Pagination.jsx
index c6891726a8..e835d34eeb 100644
--- a/components/pagination/Pagination.jsx
+++ b/components/pagination/Pagination.jsx
@@ -17,7 +17,7 @@ export const PaginationProps = () => ({
   pageSizeOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
   buildOptionText: PropTypes.func,
   showSizeChange: PropTypes.func,
-  showQuickJumper: PropTypes.bool,
+  showQuickJumper: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.object])),
   showTotal: PropTypes.any,
   size: PropTypes.string,
   simple: PropTypes.bool,
diff --git a/components/pagination/demo/jump.md b/components/pagination/demo/jump.md
index 506f165e63..4fde944720 100644
--- a/components/pagination/demo/jump.md
+++ b/components/pagination/demo/jump.md
@@ -10,10 +10,21 @@ Jump to a page directly.
 
 ```html
 <template>
-  <a-pagination showQuickJumper :defaultCurrent="2" :total="500" @change="onChange" />
+  <div id="components-pagination-demo-mini">
+    <a-pagination showQuickJumper :defaultCurrent="2" :total="500" @change="onChange" />
+    <a-pagination :locale="locale" :showQuickJumper="goButton" :defaultCurrent="2" :total="500" @change="onChange" />
+  </div>
 </template>
 <script>
   export default {
+    data() {
+      const goButton = { goButton: <a-button>跳转</a-button> };
+      const locale = { jump_to: '向第' };
+      return {
+        locale,
+        goButton,
+      }
+    },
     methods: {
       onChange(pageNumber) {
         console.log('Page: ', pageNumber);
@@ -21,4 +32,11 @@ Jump to a page directly.
     }
   }
 </script>
+<style scoped>
+#components-pagination-demo-mini .ant-pagination:not(:last-child) {
+  margin-bottom: 24px;
+}
+</style>
 ```
+
+
diff --git a/components/pagination/index.en-US.md b/components/pagination/index.en-US.md
index 948bffec5c..1b383c8d7e 100644
--- a/components/pagination/index.en-US.md
+++ b/components/pagination/index.en-US.md
@@ -13,7 +13,7 @@
 | itemRender | to customize item innerHTML | (page, type: 'page' \| 'prev' \| 'next', originalElement) => vNode | - |
 | pageSize(.sync) | number of data items per page | number | - |
 | pageSizeOptions | specify the sizeChanger options | string\[] | ['10', '20', '30', '40'] |
-| showQuickJumper | determine whether you can jump to pages directly | boolean | false |
+| showQuickJumper | determine whether you can jump to pages directly | boolean \| { goButton: vNode } | false |
 | showSizeChanger | determine whether `pageSize` can be changed | boolean | false |
 | showTotal | to display the total number and range | Function(total, range) | - |
 | simple | whether to use simple mode | boolean | - |
diff --git a/components/pagination/index.zh-CN.md b/components/pagination/index.zh-CN.md
index b24d34b046..5f9ef848aa 100644
--- a/components/pagination/index.zh-CN.md
+++ b/components/pagination/index.zh-CN.md
@@ -13,7 +13,7 @@
 | itemRender | 用于自定义页码的结构，可用于优化 SEO | (page, type: 'page' \| 'prev' \| 'next', originalElement) => vNode | - |
 | pageSize(.sync) | 每页条数 | number | - |
 | pageSizeOptions | 指定每页可以显示多少条 | string\[] | ['10', '20', '30', '40'] |
-| showQuickJumper | 是否可以快速跳转至某页 | boolean | false |
+| showQuickJumper | 是否可以快速跳转至某页 | boolean \| { goButton: vNode } | false |
 | showSizeChanger | 是否可以改变 pageSize | boolean | false |
 | showTotal | 用于显示数据总量和当前数据顺序 | Function(total, range) | - |
 | simple | 当添加该属性时，显示为简单分页 | boolean | - |
diff --git a/types/pagination.d.ts b/types/pagination.d.ts
index 158470dfcd..bafe6d244e 100644
--- a/types/pagination.d.ts
+++ b/types/pagination.d.ts
@@ -65,7 +65,7 @@ export declare class Pagination extends AntdComponent {
    * @default false
    * @type boolean
    */
-  showQuickJumper: boolean;
+  showQuickJumper: boolean | { goButton?: VNode };
 
   /**
    * to display the total number and range