quasar/src/utils/private.render/render.js

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

import { h, withDirectives } from 'vue'

export function hSlot(slot, otherwise) {
  return slot !== void 0 ? slot() || otherwise : otherwise
}

export function hUniqueSlot(slot, otherwise) {
  if (slot !== void 0) {
    const vnode = slot()
    if (vnode !== void 0 && vnode !== null) {
      return vnode.slice()
    }
  }

  return otherwise
}

/**
 * Source definitely exists,
 * so it's merged with the possible slot
 */
export function hMergeSlot(slot, source) {
  return slot !== void 0 ? source.concat(slot()) : source
}

/**
 * Merge with possible slot,
 * even if source might not exist
 */
export function hMergeSlotSafely(slot, source) {
  if (slot === void 0) {
    return source
  }

  return source !== void 0 ? source.concat(slot()) : slot()
}

/*
 * (String)  key       - unique vnode key
 * (Boolean) condition - should change ONLY when adding/removing directive
 */
export function hDir(tag, data, children, key, condition, getDirsFn) {
  data.key = key + condition

  const vnode = h(tag, data, children)

  return condition === true ? withDirectives(vnode, getDirsFn()) : vnode
}