refactor(transition-group): directly returns slotted block instead of wrapping it...

diff --git a/packages/runtime-vapor/src/apiCreateFor.ts b/packages/runtime-vapor/src/apiCreateFor.ts
index f4a636d7758d497764645be3ae96609050732191..424e892c8939ca31984614ab18e492ffc99e9138 100644 (file)
--- a/packages/runtime-vapor/src/apiCreateFor.ts
+++ b/packages/runtime-vapor/src/apiCreateFor.ts
@@ -133,7 +133,7 @@ export const createFor = (
 
     // trigger TransitionGroup update hooks
     const transitionHooks = frag.$transition
-    if (transitionHooks && transitionHooks.group) {
+    if (transitionHooks && transitionHooks.group && isMounted) {
       triggerTransitionGroupUpdate(transitionHooks)
     }
 

diff --git a/packages/runtime-vapor/src/components/TransitionGroup.ts b/packages/runtime-vapor/src/components/TransitionGroup.ts
index 48dab603211ae74cbf9385ec0c8d9dbfd55dde8c..af3b8abf7516534fe4a39242c31d34d1ffb3c892 100644 (file)
--- a/packages/runtime-vapor/src/components/TransitionGroup.ts
+++ b/packages/runtime-vapor/src/components/TransitionGroup.ts
@@ -36,7 +36,7 @@ import {
 import { isForBlock } from '../apiCreateFor'
 import { renderEffect } from '../renderEffect'
 import { createElement } from '../dom/node'
-import { DynamicFragment, isFragment } from '../fragment'
+import { isFragment } from '../fragment'
 
 const positionMap = new WeakMap<TransitionBlock, DOMRect>()
 const newPositionMap = new WeakMap<TransitionBlock, DOMRect>()
@@ -160,11 +160,7 @@ export const VaporTransitionGroup: ObjectVaporComponent = decorate({
       }
       return container
     } else {
-      const frag = __DEV__
-        ? new DynamicFragment('transition-group')
-        : new DynamicFragment()
-      renderEffect(() => frag.update(() => slottedBlock))
-      return frag
+      return slottedBlock
     }
   },
 })