export interface VaporTransitionHooks extends TransitionHooks {
state: TransitionState
props: TransitionProps
- disabledOnMoving?: boolean
+ disabled?: boolean
}
export type TransitionBlock =
if (
block instanceof Element &&
(block as TransitionBlock).$transition &&
- !(block as TransitionBlock).$transition!.disabledOnMoving
+ !(block as TransitionBlock).$transition!.disabled
) {
performTransitionEnter(
block,
if (isValidTransitionBlock(child)) {
prevChildren.push(child)
const hook = (child as TransitionBlock).$transition!
- // disabled transition during moving, so the children will be
+ // disabled transition during enter, so the children will be
// inserted into the correct position immediately. this prevents
// `recordPosition` from getting incorrect positions in `onUpdated`
- hook.disabledOnMoving = true
+ hook.disabled = true
positionMap.set(
child,
getTransitionElement(child).getBoundingClientRect(),
prevChildren.forEach(callPendingCbs)
prevChildren.forEach(child => {
- delete child.$transition!.disabledOnMoving
+ delete child.$transition!.disabled
recordPosition(child)
})
const movedChildren = prevChildren.filter(applyTranslation)