vuikit/src/components/offcanvas/transitions/none.js

A Vuejs component library based on UIkit

/**
* Vuikit 0.7.0
* (c) 2018 Miljan Aleksic
* @license MIT
*/

import css from 'vuikit/core/helpers/css'
import { width } from 'vuikit/core/helpers/dom/position'
import mergeData from 'vuikit/core/helpers/vue-data-merge'
import { addClass, removeClass } from 'vuikit/core/helpers/dom/class'

import common from './_common'

const win = window
const doc = document.documentElement

export default {
  functional: true,
  render (h, { parent: vm, data, children }) {

    const def = {
      props: {
        css: false
      },
      on: {
        enter: (el, done) => done(),
        leave: (el, done) => done(),
        beforeEnter (el) {
          const scrollbarWidth = width(win) - doc.offsetWidth

          css(doc, 'overflowY', scrollbarWidth && vm.overlay
            ? 'scroll'
            : ''
          )

          addClass(el, 'uk-open')
          addClass(vm.$refs.bar, 'uk-offcanvas-none')
        },
        afterLeave (el) {
          removeClass(el, 'uk-open')
          removeClass(vm.$refs.bar, 'uk-offcanvas-none')
        }
      }
    }

    return h('transition', mergeData(data, def, common(vm)), children)
  }
}