@qsxy/element-plus-react 1.0.0-next.10 → 1.0.0-next.12

package/dist/Pagination/Pagination.js

@@ -1,350 +1,456 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useMount } from 'ahooks';
+import classNames from 'classnames';
+import React, { cloneElement, createElement, forwardRef, isValidElement, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import Button from "../Button/Button";
+import Icon from "../Icon/Icon";
+import { mergeDefaultProps } from "../Util";
+import { useClassNames, useControlled } from "../hooks";
+import Options from "./Options";
+import Pager from "./Pager";
+import { calculatePage, isValid } from "./util";
+var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _ref;
+  props = mergeDefaultProps({
+    defaultCurrent: 1,
+    total: 0,
+    defaultPageSize: 10,
+    hideOnSinglePage: false,
+    showPrevNextJumpers: true,
+    showQuickJumper: false,
+    showLessItems: false,
+    showTitle: true,
+    itemRender: function itemRender(page, type, element) {
+      return element;
+    }
+  }, props);
+  var _props = props,
+    _props$classPrefix = _props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'pagination' : _props$classPrefix,
+    className = _props.className,
+    style = _props.style,
+    disabled = _props.disabled,
+    hideOnSinglePage = _props.hideOnSinglePage,
+    total = _props.total,
+    showQuickJumper = _props.showQuickJumper,
+    showLessItems = _props.showLessItems,
+    size = _props.size,
+    showTitle = _props.showTitle,
+    showTotal = _props.showTotal,
+    simple = _props.simple,
+    itemRender = _props.itemRender,
+    showPrevNextJumpers = _props.showPrevNextJumpers,
+    pageSizeOptions = _props.pageSizeOptions,
+    showSizeChanger = _props.showSizeChanger,
+    onChange = _props.onChange,
+    onShowSizeChange = _props.onShowSizeChange;
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b;
+  var _useControlled = useControlled(props.current, props.defaultCurrent),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    current = _useControlled2[0],
+    setCurrent = _useControlled2[1];
+  var _useControlled3 = useControlled(props.pageSize, props.defaultPageSize),
+    _useControlled4 = _slicedToArray(_useControlled3, 2),
+    pageSize = _useControlled4[0],
+    setPageSize = _useControlled4[1];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hoverJumpPrev = _useState2[0],
+    setHoverJumpPrev = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hoverJumpNext = _useState4[0],
+    setHoverJumpNext = _useState4[1];
+  var _useState5 = useState(current),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputValue = _useState6[0],
+    setInputValue = _useState6[1];
+  var containerRef = useRef(null);
+  var prevIcon = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Button, {
+      className: b(_templateObject || (_templateObject = _taggedTemplateLiteral(["item-link"])))
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "angle-left",
+      prefix: "fal"
+    }));
+  }, [b]);
+  var nextIcon = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Button, {
+      className: b(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["item-link"])))
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "angle-right",
+      prefix: "fal"
+    }));
+  }, [b]);
+  var jumpPrevIcon = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Icon, {
+      name: "ellipsis",
+      className: b(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["item-link"])))
+    });
+  }, [b]);
+  var jumpNextIcon = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Icon, {
+      name: "ellipsis",
+      className: b(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["item-link"])))
+    });
+  }, [b]);
 
-// src/Pagination/Pagination.tsx
-var Pagination_exports = {};
-__export(Pagination_exports, {
-  default: () => Pagination_default
-});
-module.exports = __toCommonJS(Pagination_exports);
-var import_ahooks = require("ahooks");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_Button = require("../Button");
-var import_Icon = require("../Icon");
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_Options = __toESM(require("./Options"));
-var import_Pager = __toESM(require("./Pager"));
-var import_util = require("./util");
-var Pagination = (0, import_react.forwardRef)((props, ref) => {
-  props = (0, import_Util.mergeDefaultProps)(
-    {
-      defaultCurrent: 1,
-      total: 0,
-      defaultPageSize: 10,
-      hideOnSinglePage: false,
-      showPrevNextJumpers: true,
-      showQuickJumper: false,
-      showLessItems: false,
-      showTitle: true,
-      itemRender: (page, type, element) => element
-    },
-    props
-  );
-  const {
-    classPrefix = "pagination",
-    className,
-    style,
-    disabled,
-    hideOnSinglePage,
-    total,
-    showQuickJumper,
-    showLessItems,
-    size,
-    showTitle,
-    showTotal,
-    simple,
-    itemRender,
-    showPrevNextJumpers,
-    pageSizeOptions,
-    showSizeChanger,
-    onChange,
-    onShowSizeChange
-  } = props;
-  const { b } = (0, import_hooks.useClassNames)(classPrefix);
-  const [current, setCurrent] = (0, import_hooks.useControlled)(props.current, props.defaultCurrent);
-  const [pageSize, setPageSize] = (0, import_hooks.useControlled)(props.pageSize, props.defaultPageSize);
-  const [hoverJumpPrev, setHoverJumpPrev] = (0, import_react.useState)(false);
-  const [hoverJumpNext, setHoverJumpNext] = (0, import_react.useState)(false);
-  const [inputValue, setInputValue] = (0, import_react.useState)(current);
-  const containerRef = (0, import_react.useRef)(null);
-  const prevIcon = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { className: b`item-link` }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-left", prefix: "fal" })),
-    [b]
-  );
-  const nextIcon = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { className: b`item-link` }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-right", prefix: "fal" })),
-    [b]
-  );
-  const jumpPrevIcon = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "ellipsis", className: b`item-link` }), [b]);
-  const jumpNextIcon = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "ellipsis", className: b`item-link` }), [b]);
-  (0, import_ahooks.useMount)(() => {
-    const hasOnChange = !!onChange;
-    const hasCurrent = "current" in props;
+  // const paginationNode = useRef<HTMLUListElement>(null);
+
+  useMount(function () {
+    var hasOnChange = !!onChange;
+    var hasCurrent = ('current' in props);
     if (hasCurrent && !hasOnChange) {
-      console.warn("Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.");
+      // eslint-disable-next-line no-console
+      console.warn('Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.');
     }
-    const _current = Math.min(current, (0, import_util.calculatePage)(pageSize, void 0, total));
+    var _current = Math.min(current, calculatePage(pageSize, undefined, total));
     if (_current <= 0) {
       setCurrent(1);
-      !disabled && (onChange == null ? void 0 : onChange(1, pageSize));
+      !disabled && (onChange === null || onChange === void 0 ? void 0 : onChange(1, pageSize));
     } else if (current !== _current) {
       setCurrent(_current);
-      !disabled && (onChange == null ? void 0 : onChange(_current, pageSize));
+      !disabled && (onChange === null || onChange === void 0 ? void 0 : onChange(_current, pageSize));
     }
   });
-  (0, import_react.useEffect)(() => {
+  useEffect(function () {
     setInputValue(current);
+    // const lastCurrentNode = paginationNode.current.querySelector(`.${prefixCls}-item-${prevState.current}`);
+    // if (lastCurrentNode && document.activeElement === lastCurrentNode) {
+    //     lastCurrentNode.blur();
+    // }
   }, [current]);
-  (0, import_react.useEffect)(() => {
-    const newCurrent = (0, import_util.calculatePage)(props.pageSize, { pageSize }, total);
-    const _current = current > newCurrent ? newCurrent : current;
+  useEffect(function () {
+    var newCurrent = calculatePage(props.pageSize, {
+      pageSize: pageSize
+    }, total);
+    var _current = current > newCurrent ? newCurrent : current;
     setInputValue(_current);
     if (current !== _current) {
-      if (!("current" in props)) {
+      if (!('current' in props)) {
         setCurrent(_current);
+        // setInputValue(_current);
       } else {
-        !disabled && (onChange == null ? void 0 : onChange(_current, pageSize));
+        !disabled && (onChange === null || onChange === void 0 ? void 0 : onChange(_current, pageSize));
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [pageSize, total]);
-  const getItemIcon = (0, import_react.useCallback)(
-    (icon) => {
-      return typeof icon === "function" ? (0, import_react.createElement)(icon, { ...props }) : icon || /* @__PURE__ */ import_react.default.createElement("button", { type: "button", className: b`item-link` });
-    },
-    [b, props]
-  );
-  const hasPrev = (0, import_react.useMemo)(() => current > 1, [current]);
-  const hasNext = (0, import_react.useMemo)(() => current < (0, import_util.calculatePage)(void 0, { pageSize }, total), [current, pageSize, total]);
-  const jumpPrevPage = (0, import_react.useMemo)(() => Math.max(1, current - (showLessItems ? 3 : 5)), [current, showLessItems]);
-  const jumpNextPage = (0, import_react.useMemo)(() => Math.min((0, import_util.calculatePage)(void 0, { pageSize }, total), current + (showLessItems ? 3 : 5)), [current, pageSize, total, showLessItems]);
-  const allPages = (0, import_react.useMemo)(() => (0, import_util.calculatePage)(void 0, { pageSize }, total), [pageSize, total]);
-  const prevPage = (0, import_react.useMemo)(() => {
-    const prev2 = current - 1 > 0 ? current - 1 : 0;
-    const prevButton = itemRender == null ? void 0 : itemRender(prev2, "prev", getItemIcon(prevIcon));
-    return (0, import_react.isValidElement)(prevButton) ? (0, import_react.cloneElement)(prevButton, { disabled: !hasPrev }) : prevButton;
+
+  /** 页码按钮 */
+  var getItemIcon = useCallback(function (icon) {
+    return typeof icon === 'function' ? /*#__PURE__*/createElement(icon, _objectSpread({}, props)) : icon || /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: b(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["item-link"])))
+    });
+  }, [b, props]);
+
+  /** 是否有上一页 */
+  var hasPrev = useMemo(function () {
+    return current > 1;
+  }, [current]);
+
+  /** 是否有下一页 */
+  var hasNext = useMemo(function () {
+    return current < calculatePage(undefined, {
+      pageSize: pageSize
+    }, total);
+  }, [current, pageSize, total]);
+
+  /** 向前快速跳转几页页码 */
+  var jumpPrevPage = useMemo(function () {
+    return Math.max(1, current - (showLessItems ? 3 : 5));
+  }, [current, showLessItems]);
+
+  /** 向后快速跳转几页页码 */
+  var jumpNextPage = useMemo(function () {
+    return Math.min(calculatePage(undefined, {
+      pageSize: pageSize
+    }, total), current + (showLessItems ? 3 : 5));
+  }, [current, pageSize, total, showLessItems]);
+  var allPages = useMemo(function () {
+    return calculatePage(undefined, {
+      pageSize: pageSize
+    }, total);
+  }, [pageSize, total]);
+
+  /** 上一页按钮 */
+  var prevPage = useMemo(function () {
+    var prev = current - 1 > 0 ? current - 1 : 0;
+    var prevButton = itemRender === null || itemRender === void 0 ? void 0 : itemRender(prev, 'prev', getItemIcon(prevIcon));
+    return /*#__PURE__*/isValidElement(prevButton) ? /*#__PURE__*/cloneElement(prevButton, {
+      disabled: !hasPrev
+    }) : prevButton;
   }, [current, getItemIcon, hasPrev, itemRender, prevIcon]);
-  const nextPage = (0, import_react.useMemo)(() => {
-    const next2 = current + 1 < allPages ? current + 1 : allPages;
-    const nextButton = itemRender == null ? void 0 : itemRender(next2, "next", getItemIcon(nextIcon));
-    return (0, import_react.isValidElement)(nextButton) ? (0, import_react.cloneElement)(nextButton, { disabled: !hasNext }) : nextButton;
+
+  /** 下一页按钮 */
+  var nextPage = useMemo(function () {
+    var next = current + 1 < allPages ? current + 1 : allPages;
+    var nextButton = itemRender === null || itemRender === void 0 ? void 0 : itemRender(next, 'next', getItemIcon(nextIcon));
+    return /*#__PURE__*/isValidElement(nextButton) ? /*#__PURE__*/cloneElement(nextButton, {
+      disabled: !hasNext
+    }) : nextButton;
   }, [allPages, current, getItemIcon, hasNext, itemRender, nextIcon]);
-  const totalText = (0, import_react.useMemo)(
-    () => typeof showTotal === "function" ? /* @__PURE__ */ import_react.default.createElement("li", { className: b`total-text` }, showTotal(total, [total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > total ? total : current * pageSize])) : null,
-    [b, current, pageSize, showTotal, total]
-  );
-  const prevDisabled = (0, import_react.useMemo)(() => !hasPrev || !allPages, [allPages, hasPrev]);
-  const nextDisabled = (0, import_react.useMemo)(() => !hasNext || !allPages, [allPages, hasNext]);
-  const pageBufferSize = (0, import_react.useMemo)(() => showLessItems ? 1 : 2, [showLessItems]);
-  const handleChange = (0, import_react.useCallback)(
-    (p) => {
-      let page = p;
-      if ((0, import_util.isValid)(page, current, total) && !disabled) {
-        const currentPage = (0, import_util.calculatePage)(void 0, { pageSize }, total);
-        if (page > currentPage) {
-          page = currentPage;
-        } else if (page < 1) {
-          page = 1;
-        }
-        setCurrent(page);
-        setInputValue(page);
-        onChange == null ? void 0 : onChange(page, pageSize);
-        return page;
+
+  /** 分页描述 */
+  var totalText = useMemo(function () {
+    return typeof showTotal === 'function' ? /*#__PURE__*/React.createElement("li", {
+      className: b(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["total-text"])))
+    }, showTotal(total, [total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > total ? total : current * pageSize])) : null;
+  }, [b, current, pageSize, showTotal, total]);
+  var prevDisabled = useMemo(function () {
+    return !hasPrev || !allPages;
+  }, [allPages, hasPrev]);
+  var nextDisabled = useMemo(function () {
+    return !hasNext || !allPages;
+  }, [allPages, hasNext]);
+  var pageBufferSize = useMemo(function () {
+    return showLessItems ? 1 : 2;
+  }, [showLessItems]);
+  var handleChange = useCallback(function (p) {
+    var page = p;
+    if (isValid(page, current, total) && !disabled) {
+      var currentPage = calculatePage(undefined, {
+        pageSize: pageSize
+      }, total);
+      if (page > currentPage) {
+        page = currentPage;
+      } else if (page < 1) {
+        page = 1;
       }
-      return current;
-    },
-    [current, disabled, onChange, pageSize, setCurrent, total]
-  );
-  const prev = (0, import_react.useCallback)(() => {
+      setCurrent(page);
+      setInputValue(page);
+      onChange === null || onChange === void 0 || onChange(page, pageSize);
+      return page;
+    }
+    return current;
+  }, [current, disabled, onChange, pageSize, setCurrent, total]);
+  var prev = useCallback(function () {
     if (hasPrev) {
       handleChange(current - 1);
     }
   }, [current, handleChange, hasPrev]);
-  const next = (0, import_react.useCallback)(() => {
+  var next = useCallback(function () {
     if (hasNext) {
       handleChange(current + 1);
     }
   }, [current, handleChange, hasNext]);
-  const handleGoTO = (0, import_react.useCallback)(
-    (event) => {
-      if (event.key === "Enter" || event.type === "click") {
-        handleChange(+inputValue || current);
-      }
-    },
-    [current, handleChange, inputValue]
-  );
-  const shouldDisplayQuickJumper = (0, import_react.useMemo)(() => {
+  var handleGoTO = useCallback(function (event) {
+    if (event.key === 'Enter' || event.type === 'click') {
+      handleChange(+inputValue || current);
+    }
+  }, [current, handleChange, inputValue]);
+  var shouldDisplayQuickJumper = useMemo(function () {
     if (total <= pageSize) {
       return false;
     }
     return showQuickJumper;
   }, [pageSize, showQuickJumper, total]);
-  const changePageSize = (0, import_react.useCallback)(
-    (_size) => {
-      const newCurrent = (0, import_util.calculatePage)(_size, { pageSize }, total);
-      let _current = current > newCurrent ? newCurrent : current;
-      if (newCurrent === 0) {
-        _current = current;
+
+  /** 改变每页条数 */
+  var changePageSize = useCallback(function (_size) {
+    var newCurrent = calculatePage(_size, {
+      pageSize: pageSize
+    }, total);
+    var _current = current > newCurrent ? newCurrent : current;
+    // // fix the issue:
+    // // Once 'total' is 0, 'current' in 'onShowSizeChange' is 0, which is not correct.
+    if (newCurrent === 0) {
+      _current = current;
+    }
+    if (typeof _size === 'number') {
+      if (!('pageSize' in props)) {
+        setPageSize(_size);
       }
-      if (typeof _size === "number") {
-        if (!("pageSize" in props)) {
-          setPageSize(_size);
-        }
-        if (!("current" in props)) {
-          setCurrent(_current);
-          setInputValue(_current);
-        }
+      if (!('current' in props)) {
+        setCurrent(_current);
+        setInputValue(_current);
       }
-      onShowSizeChange == null ? void 0 : onShowSizeChange(_current, _size);
-      onChange == null ? void 0 : onChange(_current, _size);
-    },
-    [current, onChange, onShowSizeChange, pageSize, props, setCurrent, setPageSize, total]
-  );
-  const getShowSizeChanger = (0, import_react.useMemo)(() => {
-    if (typeof showSizeChanger !== "undefined") {
+    }
+    onShowSizeChange === null || onShowSizeChange === void 0 || onShowSizeChange(_current, _size);
+    onChange === null || onChange === void 0 || onChange(_current, _size);
+  }, [current, onChange, onShowSizeChange, pageSize, props, setCurrent, setPageSize, total]);
+
+  /** 是否展示 pageSize 切换器，当 total 大于 50 时默认为 true */
+  var getShowSizeChanger = useMemo(function () {
+    if (typeof showSizeChanger !== 'undefined') {
       return showSizeChanger;
     }
     return total > 50;
   }, [showSizeChanger, total]);
-  const getValidValue = (0, import_react.useCallback)(
-    (e) => {
-      const inputVal = e.target.value;
-      const _allPages = (0, import_util.calculatePage)(void 0, { pageSize }, total);
-      let value;
-      if (inputVal === "") {
-        value = +inputVal;
-      } else if (isNaN(Number(inputVal))) {
-        value = current;
-      } else if (+inputVal >= _allPages) {
-        value = _allPages;
-      } else {
-        value = Number(inputVal);
-      }
-      return value;
-    },
-    [current, pageSize, total]
-  );
-  const handleKeyDown = (0, import_react.useCallback)((e) => {
-    if (!["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "ArrowLeft", "ArrowRight", "Backspace", "Delete"].includes(e.key)) {
+
+  /** 获取输入的跳转页码 */
+  var getValidValue = useCallback(function (e) {
+    var inputVal = e.target.value;
+    var _allPages = calculatePage(undefined, {
+      pageSize: pageSize
+    }, total);
+    var value;
+    if (inputVal === '') {
+      value = +inputVal;
+      // eslint-disable-next-line no-restricted-globals
+    } else if (isNaN(Number(inputVal))) {
+      value = current;
+    } else if (+inputVal >= _allPages) {
+      value = _allPages;
+    } else {
+      value = Number(inputVal);
+    }
+    return value;
+  }, [current, pageSize, total]);
+  var handleKeyDown = useCallback(function (e) {
+    if (!['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete'].includes(e.key)) {
       e.preventDefault();
     }
   }, []);
-  const handleKeyUp = (0, import_react.useCallback)(
-    (e) => {
-      const value = getValidValue(e);
-      if (value !== inputValue) {
-        setInputValue(value === 0 ? 1 : value);
-      }
-      if (e.key === "Enter") {
-        handleChange(value);
-      } else if (e.key === "ArrowDown") {
-        handleChange(value - 1);
-      } else if (e.key === "ArrowUp") {
-        handleChange(value + 1);
-      }
-    },
-    [getValidValue, handleChange, inputValue]
-  );
-  const handleBlur = (0, import_react.useCallback)(
-    (e) => {
-      const value = getValidValue(e);
+  var handleKeyUp = useCallback(function (e) {
+    var value = getValidValue(e);
+    if (value !== inputValue) {
+      setInputValue(value === 0 ? 1 : value);
+    }
+    if (e.key === 'Enter') {
       handleChange(value);
-    },
-    [getValidValue, handleChange]
-  );
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    pageNum: current,
-    pageSize,
-    setPageNum: handleChange,
-    setPageSize: changePageSize
-  }));
-  const pagerList = (0, import_react.useMemo)(() => {
+    } else if (e.key === 'ArrowDown') {
+      handleChange(value - 1);
+    } else if (e.key === 'ArrowUp') {
+      handleChange(value + 1);
+    }
+  }, [getValidValue, handleChange, inputValue]);
+  var handleBlur = useCallback(function (e) {
+    var value = getValidValue(e);
+    handleChange(value);
+  }, [getValidValue, handleChange]);
+  useImperativeHandle(ref, function () {
+    return {
+      pageNum: current,
+      pageSize: pageSize,
+      setPageNum: handleChange,
+      setPageSize: changePageSize
+    };
+  });
+
+  /** 页码 */
+  var pagerList = useMemo(function () {
     if (allPages <= 3 + pageBufferSize * 2) {
-      const pagerProps = {
+      var pagerProps = {
         onClick: handleChange,
-        showTitle,
-        itemRender
+        showTitle: showTitle,
+        itemRender: itemRender
       };
       if (!allPages) {
-        return [/* @__PURE__ */ import_react.default.createElement(import_Pager.default, { ...pagerProps, key: "noPager", page: 1, className: b`item-disabled` })];
+        return [/*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {
+          key: "noPager",
+          page: 1,
+          className: b(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["item-disabled"])))
+        }))];
       }
-      return new Array(allPages).fill(0).map((_, i) => {
-        const active = current === i + 1;
-        return /* @__PURE__ */ import_react.default.createElement(import_Pager.default, { ...pagerProps, key: i + 1, page: i + 1, active });
+      return new Array(allPages).fill(0).map(function (_, i) {
+        var active = current === i + 1;
+        return /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {
+          key: i + 1,
+          page: i + 1,
+          active: active
+        }));
       });
     } else {
-      const _pagerList = [];
-      const prevItemTitle = showLessItems ? "向前 3 页" : "向前 5 页";
-      const nextItemTitle = showLessItems ? "向后 3 页" : "向后 5 页";
-      const jumpPrev = /* @__PURE__ */ import_react.default.createElement(
-        "li",
-        {
-          title: showTitle ? prevItemTitle : void 0,
-          key: "prev",
-          onClick: () => handleChange(jumpPrevPage),
-          tabIndex: 0,
-          className: (0, import_classnames.default)(b`jump-prev`, {
-            [b`jump-prev-custom-icon`]: !!jumpPrevIcon
-          }),
-          onMouseEnter: () => setHoverJumpPrev(true),
-          onMouseLeave: () => setHoverJumpPrev(false)
+      var _pagerList = [];
+      var prevItemTitle = showLessItems ? '向前 3 页' : '向前 5 页';
+      var nextItemTitle = showLessItems ? '向后 3 页' : '向后 5 页';
+      var jumpPrev = /*#__PURE__*/React.createElement("li", {
+        title: showTitle ? prevItemTitle : undefined,
+        key: "prev",
+        onClick: function onClick() {
+          return handleChange(jumpPrevPage);
+        },
+        tabIndex: 0,
+        className: classNames(b(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["jump-prev"]))), _defineProperty({}, b(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["jump-prev-custom-icon"]))), !!jumpPrevIcon)),
+        onMouseEnter: function onMouseEnter() {
+          return setHoverJumpPrev(true);
         },
-        itemRender == null ? void 0 : itemRender(jumpPrevPage, "jump-prev", getItemIcon(hoverJumpPrev ? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angles-left", className: b`item-link-icon` }) : jumpPrevIcon))
-      );
-      const jumpNext = /* @__PURE__ */ import_react.default.createElement(
-        "li",
-        {
-          title: showTitle ? nextItemTitle : void 0,
-          key: "next",
-          tabIndex: 0,
-          onClick: () => handleChange(jumpNextPage),
-          className: (0, import_classnames.default)(b`jump-next`, {
-            [b`jump-next-custom-icon`]: !!jumpNextIcon
-          }),
-          onMouseEnter: () => setHoverJumpNext(true),
-          onMouseLeave: () => setHoverJumpNext(false)
+        onMouseLeave: function onMouseLeave() {
+          return setHoverJumpPrev(false);
+        }
+      }, itemRender === null || itemRender === void 0 ? void 0 : itemRender(jumpPrevPage, 'jump-prev', getItemIcon(hoverJumpPrev ? /*#__PURE__*/React.createElement(Icon, {
+        name: "angles-left",
+        className: b(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["item-link-icon"])))
+      }) : jumpPrevIcon)));
+      var jumpNext = /*#__PURE__*/React.createElement("li", {
+        title: showTitle ? nextItemTitle : undefined,
+        key: "next",
+        tabIndex: 0,
+        onClick: function onClick() {
+          return handleChange(jumpNextPage);
         },
-        itemRender == null ? void 0 : itemRender(jumpNextPage, "jump-next", getItemIcon(hoverJumpNext ? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angles-right", className: b`item-link-icon` }) : jumpNextIcon))
-      );
-      const lastPager = /* @__PURE__ */ import_react.default.createElement(import_Pager.default, { onClick: handleChange, key: allPages, page: allPages, active: false, showTitle, itemRender });
-      const firstPager = /* @__PURE__ */ import_react.default.createElement(import_Pager.default, { onClick: handleChange, key: 1, page: 1, active: false, showTitle, itemRender });
-      let left = Math.max(1, current - pageBufferSize);
-      let right = Math.min(current + pageBufferSize, allPages);
+        className: classNames(b(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["jump-next"]))), _defineProperty({}, b(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["jump-next-custom-icon"]))), !!jumpNextIcon)),
+        onMouseEnter: function onMouseEnter() {
+          return setHoverJumpNext(true);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return setHoverJumpNext(false);
+        }
+      }, itemRender === null || itemRender === void 0 ? void 0 : itemRender(jumpNextPage, 'jump-next', getItemIcon(hoverJumpNext ? /*#__PURE__*/React.createElement(Icon, {
+        name: "angles-right",
+        className: b(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["item-link-icon"])))
+      }) : jumpNextIcon)));
+      var lastPager = /*#__PURE__*/React.createElement(Pager, {
+        onClick: handleChange,
+        key: allPages,
+        page: allPages,
+        active: false,
+        showTitle: showTitle,
+        itemRender: itemRender
+      });
+      var firstPager = /*#__PURE__*/React.createElement(Pager, {
+        onClick: handleChange,
+        key: 1,
+        page: 1,
+        active: false,
+        showTitle: showTitle,
+        itemRender: itemRender
+      });
+      var left = Math.max(1, current - pageBufferSize);
+      var right = Math.min(current + pageBufferSize, allPages);
       if (current - 1 <= pageBufferSize) {
         right = 1 + pageBufferSize * 2;
       }
       if (allPages - current <= pageBufferSize) {
         left = allPages - pageBufferSize * 2;
       }
-      for (let i = left; i <= right; i += 1) {
-        const active = current === i;
-        _pagerList.push(/* @__PURE__ */ import_react.default.createElement(import_Pager.default, { onClick: handleChange, key: i, page: i, active, showTitle, itemRender }));
+      for (var i = left; i <= right; i += 1) {
+        var active = current === i;
+        _pagerList.push( /*#__PURE__*/React.createElement(Pager, {
+          onClick: handleChange,
+          key: i,
+          page: i,
+          active: active,
+          showTitle: showTitle,
+          itemRender: itemRender
+        }));
       }
       if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {
-        _pagerList[0] = (0, import_react.cloneElement)(_pagerList[0], {
-          className: b`item-after-jump-prev`
+        _pagerList[0] = /*#__PURE__*/cloneElement(_pagerList[0], {
+          className: b(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["item-after-jump-prev"])))
         });
         showPrevNextJumpers && _pagerList.unshift(jumpPrev);
       }
       if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {
-        _pagerList[_pagerList.length - 1] = (0, import_react.cloneElement)(_pagerList[_pagerList.length - 1], {
-          className: b`item-before-jump-next`
+        _pagerList[_pagerList.length - 1] = /*#__PURE__*/cloneElement(_pagerList[_pagerList.length - 1], {
+          className: b(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["item-before-jump-next"])))
         });
         showPrevNextJumpers && _pagerList.push(jumpNext);
       }
@@ -356,111 +462,87 @@ var Pagination = (0, import_react.forwardRef)((props, ref) => {
       }
       return _pagerList;
     }
-  }, [
-    allPages,
-    pageBufferSize,
-    handleChange,
-    showTitle,
-    itemRender,
-    b,
-    current,
-    showLessItems,
-    jumpPrevIcon,
-    jumpPrevPage,
-    getItemIcon,
-    hoverJumpPrev,
-    jumpNextIcon,
-    jumpNextPage,
-    hoverJumpNext,
-    showPrevNextJumpers
-  ]);
-  const gotoButton = (0, import_react.useMemo)(() => {
+  }, [allPages, pageBufferSize, handleChange, showTitle, itemRender, b, current, showLessItems, jumpPrevIcon, jumpPrevPage, getItemIcon, hoverJumpPrev, jumpNextIcon, jumpNextPage, hoverJumpNext, showPrevNextJumpers]);
+
+  /** 跳页 */
+  var gotoButton = useMemo(function () {
     if (simple) {
-      if (typeof showQuickJumper === "boolean") {
-        return showQuickJumper && /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { nativeType: "button", onClick: handleGoTO }, "确定");
-      } else if (showQuickJumper == null ? void 0 : showQuickJumper.goButton) {
-        return /* @__PURE__ */ import_react.default.createElement("span", { onClick: handleGoTO, onKeyUp: handleGoTO }, showQuickJumper.goButton);
+      if (typeof showQuickJumper === 'boolean') {
+        return showQuickJumper && /*#__PURE__*/React.createElement(Button, {
+          nativeType: "button",
+          onClick: handleGoTO
+        }, "\u786E\u5B9A");
+      } else if (showQuickJumper !== null && showQuickJumper !== void 0 && showQuickJumper.goButton) {
+        return /*#__PURE__*/React.createElement("span", {
+          onClick: handleGoTO,
+          onKeyUp: handleGoTO
+        }, showQuickJumper.goButton);
       }
-      return /* @__PURE__ */ import_react.default.createElement("li", { title: showTitle ? `跳至${current}/${allPages}` : void 0, className: b`simple-pager` }, gotoButton);
+      return /*#__PURE__*/React.createElement("li", {
+        title: showTitle ? "\u8DF3\u81F3".concat(current, "/").concat(allPages) : undefined,
+        className: b(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["simple-pager"])))
+      }, gotoButton);
     }
   }, [allPages, b, current, handleGoTO, showQuickJumper, showTitle, simple]);
   if (hideOnSinglePage === true && total <= pageSize) {
     return null;
   }
+
+  // 简单分页
   if (simple) {
-    return /* @__PURE__ */ import_react.default.createElement("ul", { className: (0, import_classnames.default)(b(), b`simple`, { [b`disabled`]: disabled }, className), style, ref: containerRef }, /* @__PURE__ */ import_react.default.createElement(
-      "li",
-      {
-        title: showTitle ? "上一页" : void 0,
-        onClick: prev,
-        className: (0, import_classnames.default)(b`prev`, {
-          [b`disabled`]: !hasPrev
-        })
-      },
-      prevPage
-    ), /* @__PURE__ */ import_react.default.createElement("li", { title: showTitle ? `${current}/${allPages}` : void 0, className: b`simple-pager` }, /* @__PURE__ */ import_react.default.createElement("input", { type: "text", value: inputValue, disabled, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onChange: handleKeyUp, onBlur: handleBlur, size: 3 }), /* @__PURE__ */ import_react.default.createElement("span", { className: b`slash` }, "/"), allPages), /* @__PURE__ */ import_react.default.createElement(
-      "li",
-      {
-        title: showTitle ? "下一页" : void 0,
-        onClick: next,
-        className: (0, import_classnames.default)(b`next`, {
-          [b`disabled`]: !hasNext
-        })
-      },
-      nextPage
-    ), gotoButton);
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
-    "ul",
-    {
-      className: (0, import_classnames.default)(b(), className, {
-        [b`disabled`]: disabled || total === 0,
-        mini: size === "small"
-      }),
-      style,
+    return /*#__PURE__*/React.createElement("ul", {
+      className: classNames(b(), b(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["simple"]))), _defineProperty({}, b(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["disabled"]))), disabled), className),
+      style: style,
       ref: containerRef
-    },
-    totalText,
-    /* @__PURE__ */ import_react.default.createElement(
-      "li",
-      {
-        title: showTitle ? "上一页" : void 0,
-        onClick: prev,
-        className: (0, import_classnames.default)(b`prev`, {
-          [b`disabled`]: prevDisabled
-        }),
-        "aria-disabled": prevDisabled
-      },
-      prevPage
-    ),
-    pagerList,
-    /* @__PURE__ */ import_react.default.createElement(
-      "li",
-      {
-        title: showTitle ? "下一页" : void 0,
-        onClick: next,
-        className: (0, import_classnames.default)(b`next`, {
-          [b`disabled`]: nextDisabled
-        }),
-        "aria-disabled": nextDisabled
-      },
-      nextPage
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_Options.default,
-      {
-        disabled,
-        rootPrefixCls: classPrefix,
-        changeSize: getShowSizeChanger ? changePageSize : null,
-        current,
-        pageSize,
-        pageSizeOptions,
-        quickGo: shouldDisplayQuickJumper ? handleChange : void 0,
-        goButton: (typeof showQuickJumper !== "boolean" && (showQuickJumper == null ? void 0 : showQuickJumper.goButton)) ?? false,
-        mini: size === "small"
-      }
-    )
-  );
+    }, /*#__PURE__*/React.createElement("li", {
+      title: showTitle ? '上一页' : undefined,
+      onClick: prev,
+      className: classNames(b(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["prev"]))), _defineProperty({}, b(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["disabled"]))), !hasPrev))
+    }, prevPage), /*#__PURE__*/React.createElement("li", {
+      title: showTitle ? "".concat(current, "/").concat(allPages) : undefined,
+      className: b(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["simple-pager"])))
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "text",
+      value: inputValue,
+      disabled: disabled,
+      onKeyDown: handleKeyDown,
+      onKeyUp: handleKeyUp,
+      onChange: handleKeyUp,
+      onBlur: handleBlur,
+      size: 3
+    }), /*#__PURE__*/React.createElement("span", {
+      className: b(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["slash"])))
+    }, "/"), allPages), /*#__PURE__*/React.createElement("li", {
+      title: showTitle ? '下一页' : undefined,
+      onClick: next,
+      className: classNames(b(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["next"]))), _defineProperty({}, b(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["disabled"]))), !hasNext))
+    }, nextPage), gotoButton);
+  }
+  return /*#__PURE__*/React.createElement("ul", {
+    className: classNames(b(), className, _defineProperty(_defineProperty({}, b(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["disabled"]))), disabled || total === 0), "mini", size === 'small')),
+    style: style,
+    ref: containerRef
+  }, totalText, /*#__PURE__*/React.createElement("li", {
+    title: showTitle ? '上一页' : undefined,
+    onClick: prev,
+    className: classNames(b(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["prev"]))), _defineProperty({}, b(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["disabled"]))), prevDisabled)),
+    "aria-disabled": prevDisabled
+  }, prevPage), pagerList, /*#__PURE__*/React.createElement("li", {
+    title: showTitle ? '下一页' : undefined,
+    onClick: next,
+    className: classNames(b(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["next"]))), _defineProperty({}, b(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["disabled"]))), nextDisabled)),
+    "aria-disabled": nextDisabled
+  }, nextPage), /*#__PURE__*/React.createElement(Options, {
+    disabled: disabled,
+    rootPrefixCls: classPrefix,
+    changeSize: getShowSizeChanger ? changePageSize : null,
+    current: current,
+    pageSize: pageSize,
+    pageSizeOptions: pageSizeOptions,
+    quickGo: shouldDisplayQuickJumper ? handleChange : undefined,
+    goButton: (_ref = typeof showQuickJumper !== 'boolean' && (showQuickJumper === null || showQuickJumper === void 0 ? void 0 : showQuickJumper.goButton)) !== null && _ref !== void 0 ? _ref : false,
+    mini: size === 'small'
+  }));
 });
-Pagination.displayName = "Pagination";
-var Pagination_default = Pagination;
+Pagination.displayName = 'Pagination';
+export default Pagination;