vue-parent-change-transition
Version:
Animate a child component when it's parent changed.
58 lines (51 loc) • 1.24 kB
JavaScript
/* @flow */
import { updateListeners } from 'core/vdom/helpers/update-listeners'
let target: any
function add (
event: string,
handler: Function,
once: boolean,
capture: boolean,
passive?: boolean,
params?: Array<any>
) {
if (capture) {
console.log('Weex do not support event in bubble phase.')
return
}
if (once) {
const oldHandler = handler
const _target = target // save current target element in closure
handler = function (ev) {
const res = arguments.length === 1
? oldHandler(ev)
: oldHandler.apply(null, arguments)
if (res !== null) {
remove(event, null, null, _target)
}
}
}
target.addEvent(event, handler, params)
}
function remove (
event: string,
handler: any,
capture: any,
_target?: any
) {
(_target || target).removeEvent(event)
}
function updateDOMListeners (oldVnode: VNodeWithData, vnode: VNodeWithData) {
if (!oldVnode.data.on && !vnode.data.on) {
return
}
const on = vnode.data.on || {}
const oldOn = oldVnode.data.on || {}
target = vnode.elm
updateListeners(on, oldOn, add, remove, vnode.context)
target = undefined
}
export default {
create: updateDOMListeners,
update: updateDOMListeners
}