Pager.js 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
  6. var _defineProperty3 = _interopRequireDefault(_defineProperty2);
  7. var _vueTypes = require('../_util/vue-types');
  8. var _vueTypes2 = _interopRequireDefault(_vueTypes);
  9. var _classnames = require('classnames');
  10. var _classnames2 = _interopRequireDefault(_classnames);
  11. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
  12. exports['default'] = {
  13. name: 'Pager',
  14. props: {
  15. rootPrefixCls: _vueTypes2['default'].string,
  16. page: _vueTypes2['default'].number,
  17. active: _vueTypes2['default'].bool,
  18. last: _vueTypes2['default'].bool,
  19. locale: _vueTypes2['default'].object,
  20. showTitle: _vueTypes2['default'].bool,
  21. itemRender: {
  22. type: Function,
  23. 'default': function _default() {}
  24. }
  25. },
  26. methods: {
  27. handleClick: function handleClick() {
  28. this.$emit('click', this.page);
  29. },
  30. handleKeyPress: function handleKeyPress(event) {
  31. this.$emit('keypress', event, this.handleClick, this.page);
  32. }
  33. },
  34. render: function render() {
  35. var _classNames;
  36. var h = arguments[0];
  37. var props = this.$props;
  38. var prefixCls = props.rootPrefixCls + '-item';
  39. var cls = (0, _classnames2['default'])(prefixCls, prefixCls + '-' + props.page, (_classNames = {}, (0, _defineProperty3['default'])(_classNames, prefixCls + '-active', props.active), (0, _defineProperty3['default'])(_classNames, prefixCls + '-disabled', !props.page), _classNames));
  40. return h(
  41. 'li',
  42. {
  43. 'class': cls,
  44. on: {
  45. 'click': this.handleClick,
  46. 'keypress': this.handleKeyPress
  47. },
  48. attrs: {
  49. title: this.showTitle ? this.page : null,
  50. tabIndex: '0'
  51. }
  52. },
  53. [this.itemRender(this.page, 'page', h('a', [this.page]))]
  54. );
  55. }
  56. };