amis-ui 3.6.2 → 6.0.0

package/lib/components/Pagination.d.ts

@@ -9,6 +9,11 @@ export declare const enum PaginationWidget {
     Total = "total",
     Go = "go"
 }
+export declare const enum KeyCode {
+    ENTER = "Enter",
+    UP = "ArrowUp",
+    DOWN = "ArrowDown"
+}
 export interface BasicPaginationProps {
     /**
      * 通过控制layout属性的顺序，调整分页结构 total,perPage,pager,go
@@ -69,6 +74,18 @@ export interface BasicPaginationProps {
      * @default false
      */
     popOverContainerSelector?: string;
+    /**
+     * 多页跳转页数
+     *
+     * @default 5
+     */
+    ellipsisPageGap?: number;
+    /**
+     * 组件尺寸
+     *
+     * @default 'md'
+     */
+    size?: string;
     onPageChange?: (page: number, perPage?: number, dir?: string) => void;
 }
 export interface PaginationProps extends BasicPaginationProps, ThemeProps, LocaleProps {
@@ -76,6 +93,7 @@ export interface PaginationProps extends BasicPaginationProps, ThemeProps, Local
 }
 export interface PaginationState {
     pageNum: string;
+    internalPageNum: string;
     perPage: number;
 }
 export declare class Pagination extends React.Component<PaginationProps, PaginationState> {
@@ -86,13 +104,17 @@ export declare class Pagination extends React.Component<PaginationProps, Paginat
         activePage: number;
         perPage: number;
         perPageAvailable: number[];
+        ellipsisPageGap: number;
+        size: string;
     };
     state: {
         pageNum: string;
+        internalPageNum: string;
         perPage: number;
     };
     constructor(props: PaginationProps);
     componentDidUpdate(prevProps: PaginationProps): void;
+    componentWillReceiveProps(nextProps: PaginationProps): void;
     handlePageNumChange(page: number, perPage?: number, dir?: string): Promise<void>;
     /**
      * 渲染每个页码li
@@ -118,16 +140,28 @@ export declare class Pagination extends React.Component<PaginationProps, Paginat
     handlePageNums(cur: number, counts: number, min: number, max: number): Array<any>;
     getLastPage(): number;
     handlePageChange(e: React.ChangeEvent<any>): void;
+    /**
+     * 简洁模式input onChange/onKeyUp事件
+     *
+     * @param event
+     */
+    handleSimpleKeyUp(e: React.KeyboardEvent<HTMLInputElement> | React.ChangeEvent<HTMLInputElement>): void;
+    /**
+     * 简洁模式input onBlur事件
+     */
+    handleSimpleBlur(): void;
     render(): React.JSX.Element;
 }
 declare const _default: {
     new (props: Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        size?: string | undefined;
         layout?: string | string[] | undefined;
         mode?: MODE_TYPE | undefined;
         maxButtons?: number | undefined;
         activePage?: number | undefined;
         perPage?: number | undefined;
         perPageAvailable?: number[] | undefined;
+        ellipsisPageGap?: number | undefined;
     } & {} & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -138,24 +172,28 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -166,12 +204,14 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -179,23 +219,27 @@ declare const _default: {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -203,45 +247,53 @@ declare const _default: {
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -251,12 +303,14 @@ declare const _default: {
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
         new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -267,24 +321,28 @@ declare const _default: {
             render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -295,12 +353,14 @@ declare const _default: {
             };
             componentDidMount?(): void;
             shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -308,23 +368,27 @@ declare const _default: {
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
             getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -332,45 +396,53 @@ declare const _default: {
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
             componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
             UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
             componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -384,12 +456,14 @@ declare const _default: {
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
     new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+        size?: string | undefined;
         layout?: string | string[] | undefined;
         mode?: MODE_TYPE | undefined;
         maxButtons?: number | undefined;
         activePage?: number | undefined;
         perPage?: number | undefined;
         perPageAvailable?: number[] | undefined;
+        ellipsisPageGap?: number | undefined;
     } & {} & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -400,24 +474,28 @@ declare const _default: {
         render(): React.JSX.Element;
         context: unknown;
         setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -428,12 +506,14 @@ declare const _default: {
         };
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -441,23 +521,27 @@ declare const _default: {
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
         getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -465,45 +549,53 @@ declare const _default: {
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -517,12 +609,14 @@ declare const _default: {
 }, {}> & {
     ComposedComponent: {
         new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+            size?: string | undefined;
             layout?: string | string[] | undefined;
             mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
             perPageAvailable?: number[] | undefined;
+            ellipsisPageGap?: number | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -533,24 +627,28 @@ declare const _default: {
             render(): React.JSX.Element;
             context: unknown;
             setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -561,12 +659,14 @@ declare const _default: {
             };
             componentDidMount?(): void;
             shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -574,23 +674,27 @@ declare const _default: {
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
             getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
@@ -598,45 +702,53 @@ declare const _default: {
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
             componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
             UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
             componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
             UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "disabled" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
+                size?: string | undefined;
                 layout?: string | string[] | undefined;
                 mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
                 perPageAvailable?: number[] | undefined;
+                ellipsisPageGap?: number | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;