Pager.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536
  1. import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
  2. /* eslint react/prop-types: 0 */
  3. import classNames from 'classnames';
  4. import React from 'react';
  5. var Pager = function Pager(props) {
  6. var rootPrefixCls = props.rootPrefixCls,
  7. page = props.page,
  8. active = props.active,
  9. className = props.className,
  10. showTitle = props.showTitle,
  11. onClick = props.onClick,
  12. onKeyPress = props.onKeyPress,
  13. itemRender = props.itemRender;
  14. var prefixCls = "".concat(rootPrefixCls, "-item");
  15. var cls = classNames(prefixCls, "".concat(prefixCls, "-").concat(page), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-active"), active), "".concat(prefixCls, "-disabled"), !page), className);
  16. var handleClick = function handleClick() {
  17. onClick(page);
  18. };
  19. var handleKeyPress = function handleKeyPress(e) {
  20. onKeyPress(e, onClick, page);
  21. };
  22. var pager = itemRender(page, 'page', /*#__PURE__*/React.createElement("a", {
  23. rel: "nofollow"
  24. }, page));
  25. return pager ? /*#__PURE__*/React.createElement("li", {
  26. title: showTitle ? String(page) : null,
  27. className: cls,
  28. onClick: handleClick,
  29. onKeyDown: handleKeyPress,
  30. tabIndex: 0
  31. }, pager) : null;
  32. };
  33. if (process.env.NODE_ENV !== 'production') {
  34. Pager.displayName = 'Pager';
  35. }
  36. export default Pager;