Pager.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _vue = require("vue");
  8. var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
  9. var _vueTypes = _interopRequireDefault(require("../_util/vue-types"));
  10. var _classNames2 = _interopRequireDefault(require("../_util/classNames"));
  11. var _default2 = (0, _vue.defineComponent)({
  12. compatConfig: {
  13. MODE: 3
  14. },
  15. name: 'Pager',
  16. inheritAttrs: false,
  17. props: {
  18. rootPrefixCls: String,
  19. page: Number,
  20. active: {
  21. type: Boolean,
  22. default: undefined
  23. },
  24. last: {
  25. type: Boolean,
  26. default: undefined
  27. },
  28. locale: _vueTypes.default.object,
  29. showTitle: {
  30. type: Boolean,
  31. default: undefined
  32. },
  33. itemRender: {
  34. type: Function,
  35. default: function _default() {}
  36. },
  37. onClick: {
  38. type: Function
  39. },
  40. onKeypress: {
  41. type: Function
  42. }
  43. },
  44. eimt: ['click', 'keypress'],
  45. setup: function setup(props, _ref) {
  46. var emit = _ref.emit,
  47. attrs = _ref.attrs;
  48. var handleClick = function handleClick() {
  49. emit('click', props.page);
  50. };
  51. var handleKeyPress = function handleKeyPress(event) {
  52. emit('keypress', event, handleClick, props.page);
  53. };
  54. return function () {
  55. var _classNames;
  56. var showTitle = props.showTitle,
  57. page = props.page,
  58. itemRender = props.itemRender;
  59. var _cls = attrs.class,
  60. style = attrs.style;
  61. var prefixCls = "".concat(props.rootPrefixCls, "-item");
  62. var cls = (0, _classNames2.default)(prefixCls, "".concat(prefixCls, "-").concat(props.page), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-active"), props.active), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-disabled"), !props.page), _classNames), _cls);
  63. return (0, _vue.createVNode)("li", {
  64. "onClick": handleClick,
  65. "onKeypress": handleKeyPress,
  66. "title": showTitle ? String(page) : null,
  67. "tabindex": "0",
  68. "class": cls,
  69. "style": style
  70. }, [itemRender({
  71. page: page,
  72. type: 'page',
  73. originalElement: (0, _vue.createVNode)("a", {
  74. "rel": "nofollow"
  75. }, [page])
  76. })]);
  77. };
  78. }
  79. });
  80. exports.default = _default2;