@gitlab/ui
Version:
GitLab UI Components
52 lines (47 loc) • 1.91 kB
JavaScript
import { concat } from './array';
import { identity } from './identity';
import { isFunction } from './inspect';
// Note for functional components:
// In functional components, `slots` is a function so it must be called
// first before passing to the below methods. `scopedSlots` is always an
// object and may be undefined (for Vue < 2.6.x)
/**
* Returns true if either scoped or unscoped named slot exists
*
* @param {String, Array} name or name[]
* @param {Object} scopedSlots
* @param {Object} slots
* @returns {Array|undefined} VNodes
*/
const hasNormalizedSlot = function (names) {
let $scopedSlots = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
let $slots = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
// Ensure names is an array
names = concat(names).filter(identity);
// Returns true if the either a $scopedSlot or $slot exists with the specified name
return names.some(name => $scopedSlots[name] || $slots[name]);
};
/**
* Returns VNodes for named slot either scoped or unscoped
*
* @param {String, Array} name or name[]
* @param {String} scope
* @param {Object} scopedSlots
* @param {Object} slots
* @returns {Array|undefined} VNodes
*/
const normalizeSlot = function (names) {
let scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
let $scopedSlots = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
let $slots = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
// Ensure names is an array
names = concat(names).filter(identity);
let slot;
for (let i = 0; i < names.length && !slot; i++) {
const name = names[i];
slot = $scopedSlots[name] || $slots[name];
}
// Note: in Vue 2.6.x, all named slots are also scoped slots
return isFunction(slot) ? slot(scope) : slot;
};
export { hasNormalizedSlot, normalizeSlot };