amis-ui 3.1.1 → 3.3.0

package/lib/components/NumberInput.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -22,6 +22,9 @@ var isInteger__default = /*#__PURE__*/_interopDefaultLegacy(isInteger);
 var InputNumber__default = /*#__PURE__*/_interopDefaultLegacy(InputNumber);
 var getMiniDecimal__default = /*#__PURE__*/_interopDefaultLegacy(getMiniDecimal);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var NumberInput = /** @class */ (function (_super) {
     tslib.__extends(NumberInput, _super);
     function NumberInput(props) {
@@ -32,6 +35,9 @@ var NumberInput = /** @class */ (function (_super) {
         _this.isBig = false;
         // 严格判断大数模式，因为初始化value为empty string时，修改value值格式仍然为string
         _this.isBig = !!props.big;
+        _this.state = {
+            focused: false
+        };
         return _this;
     }
     NumberInput.prototype.componentDidUpdate = function (prevProps) {
@@ -97,29 +103,33 @@ var NumberInput = /** @class */ (function (_super) {
     };
     NumberInput.prototype.renderBase = function () {
         var _a;
-        var _b = this.props, className = _b.className, ns = _b.classPrefix, cx = _b.classnames, value = _b.value, step = _b.step, precision = _b.precision, max = _b.max, min = _b.min, disabled = _b.disabled, placeholder = _b.placeholder, showSteps = _b.showSteps, formatter = _b.formatter, parser = _b.parser, borderMode = _b.borderMode, readOnly = _b.readOnly, displayMode = _b.displayMode, inputRef = _b.inputRef, keyboard = _b.keyboard, inputControlClassName = _b.inputControlClassName;
+        var _b = this.props, className = _b.className, ns = _b.classPrefix, cx = _b.classnames, value = _b.value, step = _b.step, precision = _b.precision, max = _b.max, min = _b.min, disabled = _b.disabled, placeholder = _b.placeholder, showSteps = _b.showSteps, formatter = _b.formatter, parser = _b.parser, borderMode = _b.borderMode, readOnly = _b.readOnly, displayMode = _b.displayMode, inputRef = _b.inputRef, keyboard = _b.keyboard, inputControlClassName = _b.inputControlClassName, useMobileUI = _b.useMobileUI;
         var precisionProps = {
             precision: NumberInput.normalizePrecision(precision, step)
         };
-        return (React__default["default"].createElement(InputNumber__default["default"], tslib.__assign({ className: cx(className, showSteps === false ? 'no-steps' : '', displayMode === 'enhance'
+        var mobileUI = useMobileUI && amisCore.isMobile();
+        return (_J$X_(InputNumber__default["default"], tslib.__assign({ className: cx(className, showSteps === false ? 'no-steps' : '', displayMode === 'enhance'
                 ? 'Number--enhance-input'
                 : inputControlClassName, (_a = {},
                 _a["Number--border".concat(amisCore.ucFirst(borderMode))] = borderMode,
-                _a)), ref: inputRef, readOnly: readOnly, prefixCls: "".concat(ns, "Number"), value: value, step: step, max: max, min: min, formatter: formatter, parser: parser, onChange: this.handleChange, disabled: disabled, placeholder: placeholder, onFocus: this.handleFocus, onBlur: this.handleBlur, stringMode: this.isBig ? true : false, keyboard: keyboard }, precisionProps)));
+                _a), {
+                'is-mobile': mobileUI
+            }), ref: inputRef, readOnly: readOnly, prefixCls: "".concat(ns, "Number"), value: value, step: step, max: max, min: min, formatter: formatter, parser: parser, onChange: this.handleChange, disabled: disabled, placeholder: placeholder, onFocus: this.handleFocus, onBlur: this.handleBlur, stringMode: this.isBig ? true : false, keyboard: keyboard }, precisionProps)));
     };
     NumberInput.prototype.render = function () {
         var _a;
         var _this = this;
         var _b;
-        var _c = this.props, cx = _c.classnames, value = _c.value, max = _c.max, min = _c.min, disabled = _c.disabled, showSteps = _c.showSteps, borderMode = _c.borderMode, readOnly = _c.readOnly, displayMode = _c.displayMode, inputControlClassName = _c.inputControlClassName;
-        return (React__default["default"].createElement(React__default["default"].Fragment, null, displayMode === 'enhance' ? (React__default["default"].createElement("div", { className: cx('Number--enhance', disabled ? 'Number--enhance-disabled' : '', showSteps === false ? 'Number--enhance-no-steps' : '', (_a = {},
+        var _c = this.props, cx = _c.classnames, value = _c.value, max = _c.max, min = _c.min, disabled = _c.disabled, showSteps = _c.showSteps, borderMode = _c.borderMode, readOnly = _c.readOnly, displayMode = _c.displayMode, inputControlClassName = _c.inputControlClassName, useMobileUI = _c.useMobileUI;
+        useMobileUI && amisCore.isMobile();
+        return (_J$X_(React__default["default"].Fragment, null, displayMode === 'enhance' ? (_J$X_("div", { className: cx('Number--enhance', disabled ? 'Number--enhance-disabled' : '', showSteps === false ? 'Number--enhance-no-steps' : '', (_a = {},
                 _a["Number--enhance-border".concat(amisCore.ucFirst(borderMode))] = borderMode,
                 _a), inputControlClassName, ((_b = this.state) === null || _b === void 0 ? void 0 : _b.focused) && 'focused') },
-            React__default["default"].createElement("div", { className: cx('Number--enhance-left-icon', value && value === min ? 'Number--enhance-border-min' : '', disabled ? 'Number--enhance-border-disabled' : '', readOnly ? 'Number--enhance-border-readOnly' : ''), onClick: function () { return _this.handleEnhanceModeChange('subtract'); } },
-                React__default["default"].createElement(icons.Icon, { icon: "minus", className: "icon", wrapClassName: cx('InputNumber-enhance-minus icon'), iconContent: "InputNumber-enhance-minus" })),
+            _J$X_("div", { className: cx('Number--enhance-left-icon', value && value === min ? 'Number--enhance-border-min' : '', disabled ? 'Number--enhance-border-disabled' : '', readOnly ? 'Number--enhance-border-readOnly' : ''), onClick: function () { return _this.handleEnhanceModeChange('subtract'); } },
+                _J$X_(icons.Icon, { icon: "minus", className: "icon", classNameProp: cx('InputNumber-enhance-minus icon'), iconContent: "InputNumber-enhance-minus" })),
             this.renderBase(),
-            React__default["default"].createElement("div", { className: cx('Number--enhance-right-icon', value && value === max ? 'Number--enhance-border-max' : '', disabled ? 'Number--enhance-border-disabled' : '', readOnly ? 'Number--enhance-border-readOnly' : ''), onClick: function () { return _this.handleEnhanceModeChange('add'); } },
-                React__default["default"].createElement(icons.Icon, { icon: "plus", className: "icon", wrapClassName: cx('InputNumber-enhance-plus icon'), iconContent: "InputNumber-enhance-plus" })))) : (this.renderBase())));
+            _J$X_("div", { className: cx('Number--enhance-right-icon', value && value === max ? 'Number--enhance-border-max' : '', disabled ? 'Number--enhance-border-disabled' : '', readOnly ? 'Number--enhance-border-readOnly' : ''), onClick: function () { return _this.handleEnhanceModeChange('add'); } },
+                _J$X_(icons.Icon, { icon: "plus", className: "icon", classNameProp: cx('InputNumber-enhance-plus icon'), iconContent: "InputNumber-enhance-plus" })))) : (this.renderBase())));
     };
     NumberInput.defaultProps = {
         step: 1,

package/lib/components/Pagination.d.ts

@@ -70,6 +70,7 @@ export interface BasicPaginationProps {
      */
     popOverContainerSelector?: string;
     onPageChange?: (page: number, perPage?: number) => void;
+    useMobileUI?: boolean;
 }
 export interface PaginationProps extends BasicPaginationProps, ThemeProps, LocaleProps {
     popOverContainer?: any;
@@ -121,9 +122,9 @@ export declare class Pagination extends React.Component<PaginationProps, Paginat
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-        mode?: MODE_TYPE | undefined;
+    new (props: Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
         layout?: string | string[] | undefined;
+        mode?: MODE_TYPE | undefined;
         maxButtons?: number | undefined;
         activePage?: number | undefined;
         perPage?: number | undefined;
@@ -137,9 +138,9 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -149,9 +150,9 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        readonly props: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -165,9 +166,9 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -175,12 +176,16 @@ declare const _default: {
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
-        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean; /**
+         * 渲染每个页码li
+         *
+         * @param page 页码
+         */
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -189,9 +194,9 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -202,9 +207,9 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -213,9 +218,9 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -224,9 +229,9 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -235,9 +240,9 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -250,9 +255,9 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -266,9 +271,9 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -278,9 +283,9 @@ declare const _default: {
                 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>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -294,9 +299,9 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -307,9 +312,9 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -318,9 +323,9 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -331,9 +336,9 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -342,9 +347,9 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -353,9 +358,9 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -364,9 +369,9 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -383,9 +388,9 @@ declare const _default: {
         ComposedComponent: typeof Pagination;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-        mode?: MODE_TYPE | undefined;
+    new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
         layout?: string | string[] | undefined;
+        mode?: MODE_TYPE | undefined;
         maxButtons?: number | undefined;
         activePage?: number | undefined;
         perPage?: number | undefined;
@@ -399,9 +404,9 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -411,9 +416,9 @@ declare const _default: {
             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>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -427,9 +432,9 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -440,9 +445,9 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -451,9 +456,9 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -464,9 +469,9 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -475,9 +480,9 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -486,9 +491,9 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -497,9 +502,9 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -516,9 +521,9 @@ declare const _default: {
     ComposedComponent: typeof Pagination;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-            mode?: MODE_TYPE | undefined;
+        new (props: Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
             layout?: string | string[] | undefined;
+            mode?: MODE_TYPE | undefined;
             maxButtons?: number | undefined;
             activePage?: number | undefined;
             perPage?: number | undefined;
@@ -532,9 +537,9 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -544,9 +549,9 @@ declare const _default: {
                 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>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            readonly props: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -560,9 +565,9 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -573,9 +578,9 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -584,9 +589,9 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -597,9 +602,9 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -608,9 +613,9 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -619,9 +624,9 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;
@@ -630,9 +635,9 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "className" | "theme" | "disabled" | "popOverContainer" | "style" | "classPrefix" | "classnames" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
-                mode?: MODE_TYPE | undefined;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<PaginationProps, keyof LocaleProps>, "classnames" | "classPrefix" | "style" | "className" | "theme" | "disabled" | "useMobileUI" | "popOverContainer" | "popOverContainerSelector" | "total" | "lastPage" | "showPerPage" | "showPageInput" | "hasNext" | "onPageChange"> & {
                 layout?: string | string[] | undefined;
+                mode?: MODE_TYPE | undefined;
                 maxButtons?: number | undefined;
                 activePage?: number | undefined;
                 perPage?: number | undefined;