fix(Tabs): resize not work for swipeable tabs (#10964)

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}

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', {