tdesign-react 0.32.2-alpha.2 → 0.32.2-alpha.5

package/es/notification/NotificationList.js

@@ -1,41 +1,41 @@
 /**
- * tdesign v0.32.2-alpha.2
+ * tdesign v0.32.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import '../_chunks/dep-21f5a1dc.js';
-import '../_chunks/dep-4e666298.js';
-import '../_chunks/dep-798ea850.js';
+import '../_chunks/dep-7d265775.js';
+import '../_chunks/dep-fbebe54f.js';
+import '../_chunks/dep-f43d2ff9.js';
 import 'react';
 import 'react-dom';
 import '../_util/useConfig.js';
 import '../_util/noop.js';
-export { a as NotificationRemoveContext, f as fetchListInstance, l as listMap } from '../_chunks/dep-4b8cb1f6.js';
-import '../_chunks/dep-e19b4444.js';
-import '../_chunks/dep-2c65667b.js';
-import '../_chunks/dep-95e58438.js';
-import '../_chunks/dep-b60c236e.js';
-import '../_chunks/dep-d0648ae5.js';
-import '../_chunks/dep-f008f037.js';
-import '../_chunks/dep-6be7e12d.js';
-import '../_chunks/dep-59fea324.js';
-import '../_chunks/dep-a124f8c1.js';
-import '../_chunks/dep-57d0187f.js';
-import '../_chunks/dep-e68862be.js';
-import '../_chunks/dep-12543dd2.js';
-import '../_chunks/dep-f1d2b0b1.js';
-import '../_chunks/dep-0c42c50f.js';
-import '../_chunks/dep-0cb6d45e.js';
-import '../_chunks/dep-36420d8f.js';
-import '../_chunks/dep-f1a2c007.js';
-import '../_chunks/dep-bd895871.js';
-import '../_chunks/dep-b318ab92.js';
-import '../_chunks/dep-1d9ecb8b.js';
-import '../_chunks/dep-e0cc7c42.js';
-import '../_chunks/dep-362bcf78.js';
-import '../_chunks/dep-6cfc9e74.js';
-import '../_chunks/dep-3993493c.js';
+export { a as NotificationRemoveContext, f as fetchListInstance, l as listMap } from '../_chunks/dep-88652537.js';
+import '../_chunks/dep-6c1f99cf.js';
+import '../_chunks/dep-c5a280af.js';
+import '../_chunks/dep-098c2e47.js';
+import '../_chunks/dep-a9e7d390.js';
+import '../_chunks/dep-567dd4dd.js';
+import '../_chunks/dep-7a9bd45a.js';
+import '../_chunks/dep-63f906d4.js';
+import '../_chunks/dep-6a6ae75e.js';
+import '../_chunks/dep-9c1531f8.js';
+import '../_chunks/dep-023ef36a.js';
+import '../_chunks/dep-cfb2d970.js';
+import '../_chunks/dep-673abb3a.js';
+import '../_chunks/dep-95ac7d72.js';
+import '../_chunks/dep-0cd1e34b.js';
+import '../_chunks/dep-101470b1.js';
+import '../_chunks/dep-eb69bfba.js';
+import '../_chunks/dep-de209d53.js';
+import '../_chunks/dep-c318ace1.js';
+import '../_chunks/dep-60d02e1e.js';
+import '../_chunks/dep-fbedb6c5.js';
+import '../_chunks/dep-affde0b6.js';
+import '../_chunks/dep-badeb78e.js';
+import '../_chunks/dep-d56ab162.js';
+import '../_chunks/dep-a43cf11c.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';

package/es/notification/NotificationPlugin.js

@@ -1,41 +1,41 @@
 /**
- * tdesign v0.32.2-alpha.2
+ * tdesign v0.32.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _typeof } from '../_chunks/dep-a124f8c1.js';
-import { f as fetchListInstance, l as listMap } from '../_chunks/dep-4b8cb1f6.js';
-import '../_chunks/dep-798ea850.js';
-import '../_chunks/dep-e19b4444.js';
+import { _ as _typeof } from '../_chunks/dep-9c1531f8.js';
+import { f as fetchListInstance, l as listMap } from '../_chunks/dep-88652537.js';
+import '../_chunks/dep-f43d2ff9.js';
+import '../_chunks/dep-6c1f99cf.js';
 import 'react';
 import 'tdesign-icons-react';
-import '../_chunks/dep-21f5a1dc.js';
-import '../_chunks/dep-4e666298.js';
+import '../_chunks/dep-7d265775.js';
+import '../_chunks/dep-fbebe54f.js';
 import 'react-dom';
 import '../_util/useConfig.js';
-import '../_chunks/dep-2c65667b.js';
-import '../_chunks/dep-95e58438.js';
-import '../_chunks/dep-b60c236e.js';
-import '../_chunks/dep-d0648ae5.js';
-import '../_chunks/dep-f008f037.js';
-import '../_chunks/dep-6be7e12d.js';
-import '../_chunks/dep-59fea324.js';
-import '../_chunks/dep-57d0187f.js';
-import '../_chunks/dep-e68862be.js';
-import '../_chunks/dep-12543dd2.js';
-import '../_chunks/dep-f1d2b0b1.js';
-import '../_chunks/dep-0c42c50f.js';
-import '../_chunks/dep-0cb6d45e.js';
-import '../_chunks/dep-36420d8f.js';
-import '../_chunks/dep-f1a2c007.js';
-import '../_chunks/dep-bd895871.js';
-import '../_chunks/dep-b318ab92.js';
-import '../_chunks/dep-1d9ecb8b.js';
-import '../_chunks/dep-e0cc7c42.js';
-import '../_chunks/dep-362bcf78.js';
-import '../_chunks/dep-6cfc9e74.js';
-import '../_chunks/dep-3993493c.js';
+import '../_chunks/dep-c5a280af.js';
+import '../_chunks/dep-098c2e47.js';
+import '../_chunks/dep-a9e7d390.js';
+import '../_chunks/dep-567dd4dd.js';
+import '../_chunks/dep-7a9bd45a.js';
+import '../_chunks/dep-63f906d4.js';
+import '../_chunks/dep-6a6ae75e.js';
+import '../_chunks/dep-023ef36a.js';
+import '../_chunks/dep-cfb2d970.js';
+import '../_chunks/dep-673abb3a.js';
+import '../_chunks/dep-95ac7d72.js';
+import '../_chunks/dep-0cd1e34b.js';
+import '../_chunks/dep-101470b1.js';
+import '../_chunks/dep-eb69bfba.js';
+import '../_chunks/dep-de209d53.js';
+import '../_chunks/dep-c318ace1.js';
+import '../_chunks/dep-60d02e1e.js';
+import '../_chunks/dep-fbedb6c5.js';
+import '../_chunks/dep-affde0b6.js';
+import '../_chunks/dep-badeb78e.js';
+import '../_chunks/dep-d56ab162.js';
+import '../_chunks/dep-a43cf11c.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';

package/es/notification/index.js

@@ -1,44 +1,44 @@
 /**
- * tdesign v0.32.2-alpha.2
+ * tdesign v0.32.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { N as NotificationComponent } from '../_chunks/dep-4b8cb1f6.js';
+import { N as NotificationComponent } from '../_chunks/dep-88652537.js';
 import { NotificationPlugin as NotificationPlugin$1 } from './NotificationPlugin.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-798ea850.js';
-import '../_chunks/dep-e19b4444.js';
+import '../_chunks/dep-f43d2ff9.js';
+import '../_chunks/dep-6c1f99cf.js';
 import 'react';
 import 'tdesign-icons-react';
-import '../_chunks/dep-21f5a1dc.js';
-import '../_chunks/dep-4e666298.js';
+import '../_chunks/dep-7d265775.js';
+import '../_chunks/dep-fbebe54f.js';
 import 'react-dom';
 import '../_util/useConfig.js';
-import '../_chunks/dep-2c65667b.js';
-import '../_chunks/dep-95e58438.js';
-import '../_chunks/dep-b60c236e.js';
-import '../_chunks/dep-d0648ae5.js';
-import '../_chunks/dep-f008f037.js';
-import '../_chunks/dep-6be7e12d.js';
-import '../_chunks/dep-59fea324.js';
-import '../_chunks/dep-a124f8c1.js';
-import '../_chunks/dep-57d0187f.js';
-import '../_chunks/dep-e68862be.js';
-import '../_chunks/dep-12543dd2.js';
-import '../_chunks/dep-f1d2b0b1.js';
-import '../_chunks/dep-0c42c50f.js';
-import '../_chunks/dep-0cb6d45e.js';
-import '../_chunks/dep-36420d8f.js';
-import '../_chunks/dep-f1a2c007.js';
-import '../_chunks/dep-bd895871.js';
-import '../_chunks/dep-b318ab92.js';
-import '../_chunks/dep-1d9ecb8b.js';
-import '../_chunks/dep-e0cc7c42.js';
-import '../_chunks/dep-362bcf78.js';
-import '../_chunks/dep-6cfc9e74.js';
-import '../_chunks/dep-3993493c.js';
+import '../_chunks/dep-c5a280af.js';
+import '../_chunks/dep-098c2e47.js';
+import '../_chunks/dep-a9e7d390.js';
+import '../_chunks/dep-567dd4dd.js';
+import '../_chunks/dep-7a9bd45a.js';
+import '../_chunks/dep-63f906d4.js';
+import '../_chunks/dep-6a6ae75e.js';
+import '../_chunks/dep-9c1531f8.js';
+import '../_chunks/dep-023ef36a.js';
+import '../_chunks/dep-cfb2d970.js';
+import '../_chunks/dep-673abb3a.js';
+import '../_chunks/dep-95ac7d72.js';
+import '../_chunks/dep-0cd1e34b.js';
+import '../_chunks/dep-101470b1.js';
+import '../_chunks/dep-eb69bfba.js';
+import '../_chunks/dep-de209d53.js';
+import '../_chunks/dep-c318ace1.js';
+import '../_chunks/dep-60d02e1e.js';
+import '../_chunks/dep-fbedb6c5.js';
+import '../_chunks/dep-affde0b6.js';
+import '../_chunks/dep-badeb78e.js';
+import '../_chunks/dep-d56ab162.js';
+import '../_chunks/dep-a43cf11c.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';

package/es/notification/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.32.2-alpha.2
+ * tdesign v0.32.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/notification/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.32.2-alpha.2
+ * tdesign v0.32.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/pagination/Pagination.d.ts

@@ -4,5 +4,5 @@ import { StyledProps } from '../common';
 export type { PageInfo } from './type';
 export interface PaginationProps extends TdPaginationProps, StyledProps {
 }
-declare const Pagination: React.FC<PaginationProps>;
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 export default Pagination;

package/es/pagination/Pagination.js

@@ -1,62 +1,64 @@
 /**
- * tdesign v0.32.2-alpha.2
+ * tdesign v0.32.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-21f5a1dc.js';
-import { _ as _slicedToArray } from '../_chunks/dep-798ea850.js';
-import React, { useState, useRef, useEffect, useMemo } from 'react';
+import { _ as _defineProperty } from '../_chunks/dep-7d265775.js';
+import { _ as _slicedToArray } from '../_chunks/dep-f43d2ff9.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-f5934d82.js';
+import React, { forwardRef, useState, useMemo } from 'react';
 import classNames from 'classnames';
-import { EllipsisIcon, ChevronLeftDoubleIcon, ChevronRightDoubleIcon, ChevronLeftIcon, ChevronRightIcon } from 'tdesign-icons-react';
+import { EllipsisIcon, ChevronLeftDoubleIcon, ChevronRightDoubleIcon } from 'tdesign-icons-react';
 import noop from '../_util/noop.js';
 import useConfig from '../_util/useConfig.js';
 import useDefault from '../_util/useDefault.js';
 import { Select } from '../select/index.js';
 import { InputNumber } from '../input-number/index.js';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
+import useBoundaryJumper from './hooks/useBoundaryJumper.js';
+import usePrevNextJumper from './hooks/usePrevNextJumper.js';
 import { pageSizeValidator } from './validators.js';
-import '../_chunks/dep-e19b4444.js';
-import '../_chunks/dep-2c65667b.js';
-import '../_chunks/dep-95e58438.js';
-import '../_chunks/dep-b60c236e.js';
-import '../_chunks/dep-d0648ae5.js';
-import '../_chunks/dep-f008f037.js';
-import '../_chunks/dep-6be7e12d.js';
-import '../_chunks/dep-59fea324.js';
-import '../_chunks/dep-a124f8c1.js';
-import '../_chunks/dep-57d0187f.js';
-import '../_chunks/dep-e68862be.js';
-import '../_chunks/dep-12543dd2.js';
-import '../_chunks/dep-f1d2b0b1.js';
-import '../_chunks/dep-0c42c50f.js';
-import '../_chunks/dep-0cb6d45e.js';
-import '../_chunks/dep-36420d8f.js';
-import '../_chunks/dep-f1a2c007.js';
-import '../_chunks/dep-bd895871.js';
-import '../_chunks/dep-b318ab92.js';
-import '../_chunks/dep-1d9ecb8b.js';
-import '../_chunks/dep-e0cc7c42.js';
-import '../_chunks/dep-362bcf78.js';
-import '../_chunks/dep-6cfc9e74.js';
-import '../_chunks/dep-3993493c.js';
+import '../_chunks/dep-6c1f99cf.js';
+import '../_chunks/dep-c5a280af.js';
+import '../_chunks/dep-098c2e47.js';
+import '../_chunks/dep-a9e7d390.js';
+import '../_chunks/dep-567dd4dd.js';
+import '../_chunks/dep-7a9bd45a.js';
+import '../_chunks/dep-63f906d4.js';
+import '../_chunks/dep-6a6ae75e.js';
+import '../_chunks/dep-9c1531f8.js';
+import '../_chunks/dep-023ef36a.js';
+import '../_chunks/dep-cfb2d970.js';
+import '../_chunks/dep-673abb3a.js';
+import '../_chunks/dep-95ac7d72.js';
+import '../_chunks/dep-0cd1e34b.js';
+import '../_chunks/dep-101470b1.js';
+import '../_chunks/dep-eb69bfba.js';
+import '../_chunks/dep-de209d53.js';
+import '../_chunks/dep-c318ace1.js';
+import '../_chunks/dep-60d02e1e.js';
+import '../_chunks/dep-fbedb6c5.js';
+import '../_chunks/dep-affde0b6.js';
+import '../_chunks/dep-badeb78e.js';
+import '../_chunks/dep-d56ab162.js';
+import '../_chunks/dep-a43cf11c.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
 import '../select/base/Select.js';
-import '../_chunks/dep-e1a07357.js';
-import '../_chunks/dep-75462a57.js';
-import '../_chunks/dep-48b15944.js';
-import '../_chunks/dep-4f5865e2.js';
-import '../_chunks/dep-4fcdc61e.js';
+import '../_chunks/dep-4ff57738.js';
+import '../_chunks/dep-959dfb67.js';
+import '../_chunks/dep-f069ae37.js';
+import '../_chunks/dep-94430898.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../select/util/helper.js';
-import '../_chunks/dep-4e666298.js';
+import '../_chunks/dep-fbebe54f.js';
 import '../select/base/OptionGroup.js';
 import '../select/base/Option.js';
-import '../_chunks/dep-52d659b4.js';
-import '../_chunks/dep-db35e403.js';
+import '../_chunks/dep-db067e63.js';
+import '../_chunks/dep-6d93165a.js';
 import '../_util/useRipple.js';
 import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
@@ -86,22 +88,22 @@ import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/utils/getTransitionParams.js';
 import '../_util/useMutationObserver.js';
-import '../_chunks/dep-c5ac3bce.js';
-import '../_chunks/dep-d7f2817c.js';
+import '../_chunks/dep-6f313265.js';
+import '../_chunks/dep-54c22c7a.js';
 import '../_util/useWindowSize.js';
 import '../popup/type.js';
 import '../select-input/useSingle.js';
-import '../_chunks/dep-70efbb17.js';
-import '../_chunks/dep-aa973fd4.js';
-import '../_chunks/dep-97b33edf.js';
-import '../_chunks/dep-5ef94b74.js';
-import '../_chunks/dep-90c5a58d.js';
+import '../_chunks/dep-2ceb8da9.js';
+import '../_chunks/dep-f6ffbde3.js';
+import '../_chunks/dep-3f0ce0a9.js';
+import '../_chunks/dep-a9eaa40f.js';
+import '../_chunks/dep-0a33d33c.js';
 import '../input/index.js';
 import '../input/Input.js';
 import '../_util/helper.js';
-import '../_chunks/dep-de70785f.js';
-import '../_chunks/dep-a96a749f.js';
-import '../_chunks/dep-a71a621c.js';
+import '../_chunks/dep-6d7a13ee.js';
+import '../_chunks/dep-30dd4524.js';
+import '../_chunks/dep-0a1c4cd9.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
 import '../config-provider/index.js';
@@ -135,18 +137,14 @@ import '../button/type.js';
 import '../input-number/utils/numberUtils.js';
 import '../input-number/type.js';
 
+var _excluded = ["defaultCurrent", "current", "theme", "size", "total", "defaultPageSize", "pageSize", "showPreviousAndNextBtn", "showFirstAndLastPageBtn", "showJumper", "disabled", "foldedMaxPageBtn", "maxPageBtn", "totalContent", "pageSizeOptions", "onChange", "onCurrentChange", "onPageSizeChange", "style", "className"];
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Option = Select.Option;
-
-var KeyCode = /* @__PURE__ */function (KeyCode2) {
-  KeyCode2[KeyCode2["ENTER"] = 13] = "ENTER";
-  return KeyCode2;
-}(KeyCode || {});
-
-var Pagination = function Pagination(props) {
-  var _classNames, _classNames5;
+var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _classNames, _classNames5, _classNames6;
 
   var _props$defaultCurrent = props.defaultCurrent,
       defaultCurrent = _props$defaultCurrent === void 0 ? 1 : _props$defaultCurrent,
@@ -160,6 +158,10 @@ var Pagination = function Pagination(props) {
       _props$defaultPageSiz = props.defaultPageSize,
       defaultPageSize = _props$defaultPageSiz === void 0 ? 10 : _props$defaultPageSiz,
       pageSizeFromProps = props.pageSize,
+      _props$showPreviousAn = props.showPreviousAndNextBtn,
+      showPreviousAndNextBtn = _props$showPreviousAn === void 0 ? true : _props$showPreviousAn,
+      _props$showFirstAndLa = props.showFirstAndLastPageBtn,
+      showFirstAndLastPageBtn = _props$showFirstAndLa === void 0 ? false : _props$showFirstAndLa,
       _props$showJumper = props.showJumper,
       showJumper = _props$showJumper === void 0 ? false : _props$showJumper,
       _props$disabled = props.disabled,
@@ -176,8 +178,9 @@ var Pagination = function Pagination(props) {
       onChange = _props$onChange === void 0 ? noop : _props$onChange,
       onCurrentChange = props.onCurrentChange,
       onPageSizeChange = props.onPageSizeChange,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style;
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useLocaleReceiver = useLocaleReceiver("pagination"),
       _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
@@ -194,10 +197,10 @@ var Pagination = function Pagination(props) {
       current = _useDefault4[0],
       setCurrent = _useDefault4[1];
 
-  var _useState = useState(1),
+  var _useState = useState(current),
       _useState2 = _slicedToArray(_useState, 2),
-      pageCount = _useState2[0],
-      setPageCount = _useState2[1];
+      jumpValue = _useState2[0],
+      setJumpValue = _useState2[1];
 
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -209,7 +212,6 @@ var Pagination = function Pagination(props) {
       hoverNextMore = _useState6[0],
       toggleHoverNextMore = _useState6[1];
 
-  var simpleInputRef = useRef(null);
   var min = 1;
   var pivot = Math.ceil((foldedMaxPageBtn - 1) / 2);
 
@@ -217,9 +219,9 @@ var Pagination = function Pagination(props) {
       classPrefix = _useConfig.classPrefix;
 
   var name = "".concat(classPrefix, "-pagination");
-  useEffect(function () {
+  var pageCount = useMemo(function () {
     var calCount = Math.ceil(total / pageSize);
-    setPageCount(calCount > 0 ? calCount : 1);
+    return calCount > 0 ? calCount : 1;
   }, [pageSize, total]);
   var pageList = useMemo(function () {
     var isPrevMoreShow = 2 + pivot < current;
@@ -248,43 +250,25 @@ var Pagination = function Pagination(props) {
     return array;
   }, [current, pageCount, foldedMaxPageBtn, maxPageBtn, pivot]);
 
-  var changeCurrent = function changeCurrent(nextCurrent, nextPageSize) {
+  var changeCurrent = function changeCurrent(_nextCurrent, _nextPageSize) {
+    if (disabled) return;
+    var nextCurrent = _nextCurrent;
+    var nextPageSize = _nextPageSize;
+
     if (!nextPageSize && !pageSizeValidator(nextPageSize)) {
       var _pageSizeOptions$;
 
       nextPageSize = pageSize !== null && pageSize !== void 0 ? pageSize : typeof pageSizeOptions[0] === "number" ? pageSizeOptions[0] : (_pageSizeOptions$ = pageSizeOptions[0]) === null || _pageSizeOptions$ === void 0 ? void 0 : _pageSizeOptions$.value;
     }
 
-    if (disabled) return;
-
-    if (pageCount < nextCurrent) {
-      setCurrent(pageCount, {
-        current: pageCount,
-        previous: current,
-        pageSize: nextPageSize
-      });
-      return;
-    }
-
-    if (nextCurrent < min) {
-      setCurrent(min, {
-        current: min,
-        previous: current,
-        pageSize: nextPageSize
-      });
-      return;
-    }
-
+    if (nextCurrent < min) nextCurrent = min;
+    if (nextCurrent > pageCount) nextCurrent = pageCount;
     setCurrent(nextCurrent, {
       current: nextCurrent,
       previous: current,
       pageSize: nextPageSize
     });
-
-    if (simpleInputRef.current) {
-      simpleInputRef.current.value = String(nextCurrent);
-    }
-
+    setJumpValue(nextCurrent);
     onChange({
       current: nextCurrent,
       previous: current,
@@ -322,22 +306,6 @@ var Pagination = function Pagination(props) {
     });
   };
 
-  var onPageInputChange = function onPageInputChange(value) {
-    setCurrent(value, {
-      current: value,
-      previous: current,
-      pageSize: pageSize
-    });
-  };
-
-  var onPageInputKeyUp = function onPageInputKeyUp(value, context) {
-    var e = context.e;
-    if (e.keyCode !== 13
-    /* ENTER */
-    ) return;
-    changeCurrent(value);
-  };
-
   var renderTotalContent = function renderTotalContent() {
     if (typeof totalContent === "boolean") {
       return totalContent ? t(locale.total, {
@@ -354,6 +322,47 @@ var Pagination = function Pagination(props) {
     }
   };
 
+  var _useBoundaryJumper = useBoundaryJumper({
+    disabled: disabled,
+    current: current,
+    pageCount: pageCount,
+    showFirstAndLastPageBtn: showFirstAndLastPageBtn,
+    changeCurrent: changeCurrent
+  }),
+      firstPageJumper = _useBoundaryJumper.firstPageJumper,
+      lastPageJumper = _useBoundaryJumper.lastPageJumper;
+
+  var _usePrevNextJumper = usePrevNextJumper({
+    disabled: disabled,
+    current: current,
+    pageCount: pageCount,
+    showPreviousAndNextBtn: showPreviousAndNextBtn,
+    changeCurrent: changeCurrent
+  }),
+      prevJumper = _usePrevNextJumper.prevJumper,
+      nextJumper = _usePrevNextJumper.nextJumper;
+
+  var Jumper = showJumper && /* @__PURE__ */React.createElement("div", {
+    className: "".concat(name, "__jump")
+  }, t(locale.jumpTo), /* @__PURE__ */React.createElement(InputNumber, {
+    className: "".concat(classPrefix, "-pagination__input"),
+    min: min,
+    size: size,
+    theme: "normal",
+    max: pageCount,
+    disabled: disabled,
+    value: jumpValue,
+    onChange: function onChange(val) {
+      return setJumpValue(val);
+    },
+    onBlur: function onBlur(val) {
+      return changeCurrent(val);
+    },
+    onEnter: function onEnter(val) {
+      return changeCurrent(val);
+    },
+    placeholder: ""
+  }), t(locale.page));
   var isFolded = pageCount > maxPageBtn;
   var renderPaginationBtns = /* @__PURE__ */React.createElement(React.Fragment, null, isFolded && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("li", {
     key: 1,
@@ -400,9 +409,11 @@ var Pagination = function Pagination(props) {
       return changeCurrent(pageCount);
     }
   }, pageCount)));
-  return /* @__PURE__ */React.createElement("div", {
-    className: classNames(name, _defineProperty({}, "".concat(classPrefix, "-size-s"), size === "small"))
-  }, totalContent && /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React.createElement("div", _objectSpread({
+    className: classNames(name, className, (_classNames6 = {}, _defineProperty(_classNames6, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty(_classNames6, "".concat(classPrefix, "-is-disabled"), disabled), _classNames6)),
+    style: style,
+    ref: ref
+  }, otherProps), totalContent && /* @__PURE__ */React.createElement("div", {
     className: "".concat(name, "__total")
   }, renderTotalContent()), pageSizeOptions instanceof Array && pageSizeOptions.length ? /* @__PURE__ */React.createElement("div", {
     className: "".concat(name, "__select")
@@ -411,8 +422,7 @@ var Pagination = function Pagination(props) {
     size: size,
     value: pageSize,
     disabled: disabled,
-    onChange: changePageSize,
-    style: _objectSpread({}, style)
+    onChange: changePageSize
   }, pageSizeOptions.map(function (item) {
     return typeof item === "number" ? /* @__PURE__ */React.createElement(Option, {
       key: item,
@@ -425,12 +435,7 @@ var Pagination = function Pagination(props) {
       label: item.label,
       value: item.value
     });
-  }))) : null, /* @__PURE__ */React.createElement("div", {
-    className: classNames("".concat(name, "__btn"), "".concat(name, "__btn-prev"), _defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled || current === min)),
-    onClick: function onClick() {
-      return changeCurrent(current - 1);
-    }
-  }, /* @__PURE__ */React.createElement(ChevronLeftIcon, null)), theme === "default" && /* @__PURE__ */React.createElement("ul", {
+  }))) : null, firstPageJumper, prevJumper, theme === "default" && /* @__PURE__ */React.createElement("ul", {
     className: "".concat(name, "__pager")
   }, renderPaginationBtns), theme === "simple" && /* @__PURE__ */React.createElement("div", {
     className: "".concat(name, "__select")
@@ -448,24 +453,9 @@ var Pagination = function Pagination(props) {
       label: "".concat(item, "/").concat(pageCount),
       value: item
     }, item, "/", pageCount);
-  }))), /* @__PURE__ */React.createElement("div", {
-    className: classNames("".concat(name, "__btn"), "".concat(name, "__btn-next"), _defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled || current === pageCount)),
-    onClick: function onClick() {
-      return changeCurrent(current + 1);
-    }
-  }, /* @__PURE__ */React.createElement(ChevronRightIcon, null)), showJumper && /* @__PURE__ */React.createElement("div", {
-    className: "".concat(name, "__jump")
-  }, t(locale.jumpTo), /* @__PURE__ */React.createElement(InputNumber, {
-    className: "".concat(classPrefix, "-pagination__input"),
-    min: min,
-    theme: "normal",
-    max: pageCount,
-    disabled: disabled,
-    onChange: onPageInputChange,
-    onKeyup: onPageInputKeyUp,
-    placeholder: ""
-  }), t(locale.page)));
-};
+  }))), nextJumper, lastPageJumper, Jumper);
+});
+Pagination.displayName = "Pagination";
 
 export { Pagination as default };
 //# sourceMappingURL=Pagination.js.map