fix(Tabs): should not render line when have no tab (#10063)

packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap

@@ -121,27 +121,15 @@ exports[`should allow to set name prop 1`] = `
 `;
 
 exports[`should emit rendered event after tab is rendered 1`] = `
-DOMWrapper {
+<div id="van-tab"
-  "isDisabled": [Function],
+     role="tabpanel"
-  "style": CSSStyleDeclaration {
+     class="van-tab__panel"
-    "_importants": Object {},
+     tabindex="0"
-    "_length": 0,
+     aria-labelledby="van-tabs-0"
-    "_onChange": [Function],
+     style
-    "_values": Object {},
+>
-  },
+  Text
-  "wrapperElement": <div
+</div>
-    aria-labelledby="van-tabs-0"
-    class="van-tab__panel"
-    id="van-tab"
-    role="tabpanel"
-    style=""
-    tabindex="0"
-  >
-    
-    Text
-    
-  </div>,
-}
 `;
 
 exports[`should not render empty tab 1`] = `

packages/vant/src/tab/test/__snapshots__/insert.spec.tsx.snap

@@ -219,8 +219,6 @@ exports[`should render nav-bottom slot correctly 1`] = `
          class="van-tabs__nav van-tabs__nav--line"
          aria-orientation="horizontal"
     >
-      <div class="van-tabs__line">
-      </div>
     </div>
   </div>
   Nav Bottom

packages/vant/src/tab/test/index.spec.tsx

@@ -256,7 +256,7 @@ test('should emit rendered event after tab is rendered', async () => {
 
   await later();
   expect(onRendered).toHaveBeenCalledWith('a', 'title1');
-  expect(wrapper.find('.van-tab__panel')).toMatchSnapshot();
+  expect(wrapper.find('.van-tab__panel').html()).toMatchSnapshot();
 
   const tabs = wrapper.findAll('.van-tab');
   await tabs[1].trigger('click');

packages/vant/src/tabs/Tabs.tsx

@@ -384,6 +384,12 @@ export default defineComponent({
         />
       ));
 
+    const renderLine = () => {
+      if (props.type === 'line' && children.length) {
+        return <div class={bem('line')} style={state.lineStyle} />;
+      }
+    };
+
     const renderHeader = () => {
       const { type, border } = props;
       return (
@@ -403,9 +409,7 @@ export default defineComponent({
           >
             {slots['nav-left']?.()}
             {renderNav()}
-            {type === 'line' && (
+            {renderLine()}
-              <div class={bem('line')} style={state.lineStyle} />
-            )}
             {slots['nav-right']?.()}
           </div>
         </div>