operation.js 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.TransferOperationProps = undefined;
  6. var _extends2 = require('babel-runtime/helpers/extends');
  7. var _extends3 = _interopRequireDefault(_extends2);
  8. var _vueTypes = require('../_util/vue-types');
  9. var _vueTypes2 = _interopRequireDefault(_vueTypes);
  10. var _propsUtil = require('../_util/props-util');
  11. var _button = require('../button');
  12. var _button2 = _interopRequireDefault(_button);
  13. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
  14. function noop() {}
  15. var TransferOperationProps = exports.TransferOperationProps = {
  16. className: _vueTypes2['default'].string,
  17. leftArrowText: _vueTypes2['default'].string,
  18. rightArrowText: _vueTypes2['default'].string,
  19. moveToLeft: _vueTypes2['default'].any,
  20. moveToRight: _vueTypes2['default'].any,
  21. leftActive: _vueTypes2['default'].bool,
  22. rightActive: _vueTypes2['default'].bool,
  23. disabled: _vueTypes2['default'].bool
  24. };
  25. exports['default'] = {
  26. name: 'Operation',
  27. props: (0, _extends3['default'])({}, TransferOperationProps),
  28. render: function render() {
  29. var h = arguments[0];
  30. var _getOptionProps = (0, _propsUtil.getOptionProps)(this),
  31. disabled = _getOptionProps.disabled,
  32. _getOptionProps$moveT = _getOptionProps.moveToLeft,
  33. moveToLeft = _getOptionProps$moveT === undefined ? noop : _getOptionProps$moveT,
  34. _getOptionProps$moveT2 = _getOptionProps.moveToRight,
  35. moveToRight = _getOptionProps$moveT2 === undefined ? noop : _getOptionProps$moveT2,
  36. _getOptionProps$leftA = _getOptionProps.leftArrowText,
  37. leftArrowText = _getOptionProps$leftA === undefined ? '' : _getOptionProps$leftA,
  38. _getOptionProps$right = _getOptionProps.rightArrowText,
  39. rightArrowText = _getOptionProps$right === undefined ? '' : _getOptionProps$right,
  40. leftActive = _getOptionProps.leftActive,
  41. rightActive = _getOptionProps.rightActive;
  42. return h('div', [h(
  43. _button2['default'],
  44. {
  45. attrs: {
  46. type: 'primary',
  47. size: 'small',
  48. disabled: disabled || !rightActive,
  49. icon: 'right'
  50. },
  51. on: {
  52. 'click': moveToRight
  53. }
  54. },
  55. [rightArrowText]
  56. ), h(
  57. _button2['default'],
  58. {
  59. attrs: {
  60. type: 'primary',
  61. size: 'small',
  62. disabled: disabled || !leftActive,
  63. icon: 'left'
  64. },
  65. on: {
  66. 'click': moveToLeft
  67. }
  68. },
  69. [leftArrowText]
  70. )]);
  71. }
  72. };