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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TransferSearchProps = undefined;
var _vueTypes = require('../_util/vue-types');
var _vueTypes2 = _interopRequireDefault(_vueTypes);
var _propsUtil = require('../_util/props-util');
var _icon = require('../icon');
var _icon2 = _interopRequireDefault(_icon);
var _input = require('../input');
var _input2 = _interopRequireDefault(_input);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var TransferSearchProps = exports.TransferSearchProps = {
prefixCls: _vueTypes2['default'].string,
placeholder: _vueTypes2['default'].string,
value: _vueTypes2['default'].any,
handleClear: _vueTypes2['default'].func,
disabled: _vueTypes2['default'].bool
};
exports['default'] = {
name: 'Search',
props: (0, _propsUtil.initDefaultProps)(TransferSearchProps, {
placeholder: ''
}),
methods: {
handleChange: function handleChange(e) {
this.$emit('change', e);
},
handleClear2: function handleClear2(e) {
e.preventDefault();
var _$props = this.$props,
handleClear = _$props.handleClear,
disabled = _$props.disabled;
if (!disabled && handleClear) {
handleClear(e);
}
}
},
render: function render() {
var h = arguments[0];
var _getOptionProps = (0, _propsUtil.getOptionProps)(this),
placeholder = _getOptionProps.placeholder,
value = _getOptionProps.value,
prefixCls = _getOptionProps.prefixCls,
disabled = _getOptionProps.disabled;
var icon = value && value.length > 0 ? h(
'a',
{
attrs: { href: '#' },
'class': prefixCls + '-action', on: {
'click': this.handleClear2
}
},
[h(_icon2['default'], {
attrs: { type: 'close-circle', theme: 'filled' }
})]
) : h(
'span',
{ 'class': prefixCls + '-action' },
[h(_icon2['default'], {
attrs: { type: 'search' }
})]
);
return h('div', [h(_input2['default'], {
attrs: {
placeholder: placeholder,
value: value,
disabled: disabled
},
'class': prefixCls, ref: 'input',
on: {
'change': this.handleChange
}
}), icon]);
}
};