From 760fcbb4246d521020166517c4dd8c3c4368301a Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Tue, 25 Jan 2022 10:59:04 +0800
Subject: [PATCH] fix(@vant/use): missing subTree when flattening vnodes
 (#10235)

---
 .../vant-use/src/useRelation/useChildren.ts   |  1 +
 .../test/__snapshots__/insert.spec.tsx.snap   | 22 +++++++++----------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/packages/vant-use/src/useRelation/useChildren.ts b/packages/vant-use/src/useRelation/useChildren.ts
index 3ef15d4a9..7e78075bb 100644
--- a/packages/vant-use/src/useRelation/useChildren.ts
+++ b/packages/vant-use/src/useRelation/useChildren.ts
@@ -20,6 +20,7 @@ export function flattenVNodes(children: VNodeNormalizedChildren) {
           result.push(child);
 
           if (child.component?.subTree) {
+            result.push(child.component.subTree);
             traverse(child.component.subTree.children);
           }
 
diff --git a/packages/vant/src/tab/test/__snapshots__/insert.spec.tsx.snap b/packages/vant/src/tab/test/__snapshots__/insert.spec.tsx.snap
index 2786e8e55..d44b3e5f1 100644
--- a/packages/vant/src/tab/test/__snapshots__/insert.spec.tsx.snap
+++ b/packages/vant/src/tab/test/__snapshots__/insert.spec.tsx.snap
@@ -15,7 +15,7 @@ exports[`should render Tab inside a component correctly 1`] = `
            aria-controls="van-tab"
       >
         <span class="van-tab__text van-tab__text--ellipsis">
-          2
+          1
         </span>
       </div>
       <div id="van-tabs-1"
@@ -26,7 +26,7 @@ exports[`should render Tab inside a component correctly 1`] = `
            aria-controls="van-tab"
       >
         <span class="van-tab__text van-tab__text--ellipsis">
-          1
+          2
         </span>
       </div>
       <div id="van-tabs-2"
@@ -47,15 +47,6 @@ exports[`should render Tab inside a component correctly 1`] = `
     </div>
   </div>
   <div class="van-tabs__content">
-    <div id="van-tab"
-         role="tabpanel"
-         class="van-tab__panel"
-         tabindex="0"
-         aria-labelledby="van-tabs-1"
-         style
-    >
-      1
-    </div>
     <div id="van-tab"
          role="tabpanel"
          class="van-tab__panel"
@@ -64,6 +55,15 @@ exports[`should render Tab inside a component correctly 1`] = `
          style="display: none;"
     >
     </div>
+    <div id="van-tab"
+         role="tabpanel"
+         class="van-tab__panel"
+         tabindex="0"
+         aria-labelledby="van-tabs-1"
+         style
+    >
+      2
+    </div>
     <div id="van-tab"
          role="tabpanel"
          class="van-tab__panel"