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
95
96
97
98
99
100
101
102
103
104
105
106
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _vueTypes = require('../../../_util/vue-types');
var _vueTypes2 = _interopRequireDefault(_vueTypes);
var _BasePopup = require('../Base/BasePopup');
var _BasePopup2 = _interopRequireDefault(_BasePopup);
var _SearchInput = require('../SearchInput');
var _SearchInput2 = _interopRequireDefault(_SearchInput);
var _util = require('../util');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var SinglePopup = {
name: 'SinglePopup',
props: (0, _extends3['default'])({}, _BasePopup2['default'].props, _SearchInput2['default'].props, {
searchValue: _vueTypes2['default'].string,
showSearch: _vueTypes2['default'].bool,
dropdownPrefixCls: _vueTypes2['default'].string,
disabled: _vueTypes2['default'].bool,
searchPlaceholder: _vueTypes2['default'].string
}),
created: function created() {
this.inputRef = (0, _util.createRef)();
},
methods: {
onPlaceholderClick: function onPlaceholderClick() {
this.inputRef.current.focus();
},
_renderPlaceholder: function _renderPlaceholder() {
var h = this.$createElement;
var _$props = this.$props,
searchPlaceholder = _$props.searchPlaceholder,
searchValue = _$props.searchValue,
prefixCls = _$props.prefixCls;
if (!searchPlaceholder) {
return null;
}
return h(
'span',
{
style: {
display: searchValue ? 'none' : 'block'
},
on: {
'click': this.onPlaceholderClick
},
'class': prefixCls + '-search__field__placeholder'
},
[searchPlaceholder]
);
},
_renderSearch: function _renderSearch() {
var h = this.$createElement;
var _$props2 = this.$props,
showSearch = _$props2.showSearch,
dropdownPrefixCls = _$props2.dropdownPrefixCls;
if (!showSearch) {
return null;
}
return h(
'span',
{ 'class': dropdownPrefixCls + '-search' },
[h(_SearchInput2['default'], {
props: (0, _extends3['default'])({}, this.$props, { renderPlaceholder: this._renderPlaceholder }),
on: this.$listeners,
directives: [{
name: 'ant-ref',
value: this.inputRef
}]
})]
);
}
},
render: function render() {
var h = arguments[0];
return h(_BasePopup2['default'], {
props: (0, _extends3['default'])({}, this.$props, { renderSearch: this._renderSearch, __propsSymbol__: Symbol() }),
on: this.$listeners
});
}
};
exports['default'] = SinglePopup;