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