chore: delay unmount child suspense

Author: edison1105

packages/runtime-core/src/components/Suspense.ts

@@ -521,9 +521,9 @@ function createSuspenseBoundary(
       if (suspense.isHydrating) {
         suspense.isHydrating = false
       } else if (!resume) {
-        if (preEffects) {
+        if (preEffects.length) {
           preEffects.forEach(e => e())
-          preEffects.length = 0
+          suspense.preEffects = []
         }
         delayEnter =
           activeBranch &&
@@ -730,29 +730,22 @@ function createSuspenseBoundary(
     },
 
     unmount(parentSuspense, doRemove) {
-      const performUnmount = () => {
-        suspense.isUnmounted = true
-        if (suspense.activeBranch) {
-          unmount(
-            suspense.activeBranch,
-            parentComponent,
-            parentSuspense,
-            doRemove,
-          )
-        }
-        if (suspense.pendingBranch) {
-          unmount(
-            suspense.pendingBranch,
-            parentComponent,
-            parentSuspense,
-            doRemove,
-          )
-        }
+      suspense.isUnmounted = true
+      if (suspense.activeBranch) {
+        unmount(
+          suspense.activeBranch,
+          parentComponent,
+          parentSuspense,
+          doRemove,
+        )
       }
-      if (parentSuspense && parentSuspense.deps > 0) {
-        parentSuspense.preEffects.push(performUnmount)
-      } else {
-        performUnmount()
+      if (suspense.pendingBranch) {
+        unmount(
+          suspense.pendingBranch,
+          parentComponent,
+          parentSuspense,
+          doRemove,
+        )
       }
     },
   }

packages/runtime-core/src/renderer.ts

@@ -2134,7 +2134,13 @@ function baseCreateRenderer(
       unmountComponent(vnode.component!, parentSuspense, doRemove)
     } else {
       if (__FEATURE_SUSPENSE__ && shapeFlag & ShapeFlags.SUSPENSE) {
-        vnode.suspense!.unmount(parentSuspense, doRemove)
+        if (parentSuspense && parentSuspense.deps > 0) {
+          parentSuspense.preEffects.push(() => {
+            vnode.suspense!.unmount(parentSuspense, doRemove)
+          })
+        } else {
+          vnode.suspense!.unmount(parentSuspense, doRemove)
+        }
         return
       }
 
@@ -2175,7 +2181,13 @@ function baseCreateRenderer(
       }
 
       if (doRemove) {
-        remove(vnode)
+        if (parentSuspense && parentSuspense.deps > 0) {
+          parentSuspense.preEffects.push(() => {
+            remove(vnode)
+          })
+        } else {
+          remove(vnode)
+        }
       }
     }