From 4b2e06b34d11f19da31a6fe1811fa9070f007901 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Wed, 24 Aug 2022 21:32:29 +0800
Subject: [PATCH] fix(Tabs): resize not work for swipeable tabs (#10964)

---
 packages/vant/src/tabs/Tabs.tsx        | 9 ++++++++-
 packages/vant/src/tabs/TabsContent.tsx | 3 +++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/vant/src/tabs/Tabs.tsx b/packages/vant/src/tabs/Tabs.tsx
index ab0bd770b..f86e89e81 100644
--- a/packages/vant/src/tabs/Tabs.tsx
+++ b/packages/vant/src/tabs/Tabs.tsx
@@ -125,6 +125,7 @@ export default defineComponent({
     const root = ref<HTMLElement>();
     const navRef = ref<HTMLElement>();
     const wrapRef = ref<HTMLElement>();
+    const contentRef = ref<ComponentInstance>();
 
     const id = useId();
     const scroller = useScrollParent(root);
@@ -477,8 +478,13 @@ export default defineComponent({
     const onRendered = (name: Numeric, title?: string) =>
       emit('rendered', name, title);
 
+    const resize = () => {
+      setLine();
+      nextTick(() => contentRef.value?.swipeRef.value?.resize());
+    };
+
     useExpose({
-      resize: setLine,
+      resize,
       scrollTo,
     });
 
@@ -514,6 +520,7 @@ export default defineComponent({
           [renderHeader(), slots['nav-bottom']?.()]
         )}
         <TabsContent
+          ref={contentRef}
           count={children.length}
           inited={state.inited}
           animated={props.animated}
diff --git a/packages/vant/src/tabs/TabsContent.tsx b/packages/vant/src/tabs/TabsContent.tsx
index f16344896..ba5fba52e 100644
--- a/packages/vant/src/tabs/TabsContent.tsx
+++ b/packages/vant/src/tabs/TabsContent.tsx
@@ -1,6 +1,7 @@
 import { ref, watch, onMounted, defineComponent } from 'vue';
 import { numericProp, makeRequiredProp, createNamespace } from '../utils';
 import { Swipe, SwipeInstance } from '../swipe';
+import { useExpose } from '../composables/use-expose';
 
 const [name, bem] = createNamespace('tabs');
 
@@ -60,6 +61,8 @@ export default defineComponent({
       swipeToCurrentTab(props.currentIndex);
     });
 
+    useExpose({ swipeRef });
+
     return () => (
       <div
         class={bem('content', {