input-group.js
2.78 KB
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
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
import { extend, mergeData } from '../../vue';
import { NAME_INPUT_GROUP } from '../../constants/components';
import { PROP_TYPE_STRING } from '../../constants/props';
import { SLOT_NAME_APPEND, SLOT_NAME_DEFAULT, SLOT_NAME_PREPEND } from '../../constants/slots';
import { htmlOrText } from '../../utils/html';
import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot';
import { makeProp, makePropsConfigurable } from '../../utils/props';
import { BInputGroupAppend } from './input-group-append';
import { BInputGroupPrepend } from './input-group-prepend';
import { BInputGroupText } from './input-group-text'; // --- Props ---
export var props = makePropsConfigurable({
append: makeProp(PROP_TYPE_STRING),
appendHtml: makeProp(PROP_TYPE_STRING),
id: makeProp(PROP_TYPE_STRING),
prepend: makeProp(PROP_TYPE_STRING),
prependHtml: makeProp(PROP_TYPE_STRING),
size: makeProp(PROP_TYPE_STRING),
tag: makeProp(PROP_TYPE_STRING, 'div')
}, NAME_INPUT_GROUP); // --- Main component ---
// @vue/component
export var BInputGroup = /*#__PURE__*/extend({
name: NAME_INPUT_GROUP,
functional: true,
props: props,
render: function render(h, _ref) {
var props = _ref.props,
data = _ref.data,
slots = _ref.slots,
scopedSlots = _ref.scopedSlots;
var prepend = props.prepend,
prependHtml = props.prependHtml,
append = props.append,
appendHtml = props.appendHtml,
size = props.size;
var $scopedSlots = scopedSlots || {};
var $slots = slots();
var slotScope = {};
var $prepend = h();
var hasPrependSlot = hasNormalizedSlot(SLOT_NAME_PREPEND, $scopedSlots, $slots);
if (hasPrependSlot || prepend || prependHtml) {
$prepend = h(BInputGroupPrepend, [hasPrependSlot ? normalizeSlot(SLOT_NAME_PREPEND, slotScope, $scopedSlots, $slots) : h(BInputGroupText, {
domProps: htmlOrText(prependHtml, prepend)
})]);
}
var $append = h();
var hasAppendSlot = hasNormalizedSlot(SLOT_NAME_APPEND, $scopedSlots, $slots);
if (hasAppendSlot || append || appendHtml) {
$append = h(BInputGroupAppend, [hasAppendSlot ? normalizeSlot(SLOT_NAME_APPEND, slotScope, $scopedSlots, $slots) : h(BInputGroupText, {
domProps: htmlOrText(appendHtml, append)
})]);
}
return h(props.tag, mergeData(data, {
staticClass: 'input-group',
class: _defineProperty({}, "input-group-".concat(size), size),
attrs: {
id: props.id || null,
role: 'group'
}
}), [$prepend, normalizeSlot(SLOT_NAME_DEFAULT, slotScope, $scopedSlots, $slots), $append]);
}
});