theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(transition): should reset enter class after appear (#1152)

Browse Source
This commit is contained in:
underfin 2020-05-12 00:30:10 +08:00 committed by GitHub
parent 9d111f534a
commit 697de07e63
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/runtime-dom/src/components/Transition.ts
View File

@ -77,6 +77,7 @@ export function resolveTransitionProps({
return baseProps return baseProps
} }
const originEnterClass = [enterFromClass, enterActiveClass, enterToClass]
const instance = getCurrentInstance()! const instance = getCurrentInstance()!
const durations = normalizeDuration(duration) const durations = normalizeDuration(duration)
const enterDuration = durations && durations[0] const enterDuration = durations && durations[0]
@ -84,7 +85,7 @@ export function resolveTransitionProps({
const { appear, onBeforeEnter, onEnter, onLeave } = baseProps const { appear, onBeforeEnter, onEnter, onLeave } = baseProps
// is appearing // is appearing
if (appear && !getCurrentInstance()!.isMounted) { if (appear && !instance.isMounted) {
enterFromClass = appearFromClass enterFromClass = appearFromClass
enterActiveClass = appearActiveClass enterActiveClass = appearActiveClass
enterToClass = appearToClass enterToClass = appearToClass
@ -96,6 +97,10 @@ export function resolveTransitionProps({
removeTransitionClass(el, enterToClass) removeTransitionClass(el, enterToClass)
removeTransitionClass(el, enterActiveClass) removeTransitionClass(el, enterActiveClass)
done && done() done && done()
// reset enter class
if (appear) {
;[enterFromClass, enterActiveClass, enterToClass] = originEnterClass
}
} }
const finishLeave: Hook = (el, done) => { const finishLeave: Hook = (el, done) => {