UNPKG

@gitlab/ui

Version:
52 lines (47 loc) 1.91 kB
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 };