From 2e67881ca74cb4d21da78f9b6046c932b6fc8aec Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Wed, 17 Nov 2021 10:14:50 +0800
Subject: [PATCH] fix(Tabs): rename panel class to "van-tab__panel" (#9885)

---
 .../test/__snapshots__/index.spec.ts.snap     |  6 +-
 packages/vant/src/cascader/test/index.spec.ts |  2 +-
 .../test/__snapshots__/index.spec.ts.snap     | 16 ++--
 .../test/__snapshots__/demo.spec.ts.snap      |  6 +-
 .../icon/test/__snapshots__/demo.spec.ts.snap |  8 +-
 .../test/__snapshots__/demo.spec.ts.snap      |  4 +-
 .../list/test/__snapshots__/demo.spec.ts.snap |  6 +-
 .../test/__snapshots__/demo.spec.ts.snap      |  6 +-
 packages/vant/src/tab/Tab.tsx                 |  4 +-
 packages/vant/src/tab/index.less              |  2 +-
 .../tab/test/__snapshots__/demo.spec.ts.snap  | 90 +++++++++----------
 .../test/__snapshots__/index.spec.tsx.snap    | 44 ++++-----
 .../test/__snapshots__/insert.spec.tsx.snap   | 16 ++--
 packages/vant/src/tab/test/index.spec.tsx     |  2 +-
 14 files changed, 106 insertions(+), 106 deletions(-)

diff --git a/packages/vant/src/cascader/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/cascader/test/__snapshots__/index.spec.ts.snap
index c21648631..6310bbdda 100644
--- a/packages/vant/src/cascader/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/cascader/test/__snapshots__/index.spec.ts.snap
@@ -12,7 +12,7 @@ exports[`should render option slot correctly 1`] = `
 `;
 
 exports[`should render options-top、options-bottom slots correctly 1`] = `
-<div class="van-tab__pane">
+<div class="van-tab__panel">
   Top, tab index: 0
   <ul class="van-cascader__options">
     <li class="van-cascader__option van-cascader__option--selected">
@@ -101,7 +101,7 @@ exports[`should update tabs when previous tab is clicked 1`] = `
                aria-labelledby="van-tabs-0"
                style="width: 100px;"
           >
-            <div class="van-tab__pane">
+            <div class="van-tab__panel">
               <ul class="van-cascader__options">
                 <li class="van-cascader__option">
                   <span>
@@ -126,7 +126,7 @@ exports[`should update tabs when previous tab is clicked 1`] = `
                aria-labelledby="van-tabs-1"
                style="width: 100px;"
           >
-            <div class="van-tab__pane">
+            <div class="van-tab__panel">
               <ul class="van-cascader__options">
                 <li class="van-cascader__option">
                   <span>
diff --git a/packages/vant/src/cascader/test/index.spec.ts b/packages/vant/src/cascader/test/index.spec.ts
index 5241d3eae..b6335db5e 100644
--- a/packages/vant/src/cascader/test/index.spec.ts
+++ b/packages/vant/src/cascader/test/index.spec.ts
@@ -259,5 +259,5 @@ test('should render options-top、options-bottom slots correctly', async () => {
     .find('.van-cascader__option')
     .trigger('click');
 
-  expect(wrapper.find('.van-tab__pane').html()).toMatchSnapshot();
+  expect(wrapper.find('.van-tab__panel').html()).toMatchSnapshot();
 });
diff --git a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
index 3482bd566..91d87df39 100644
--- a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
@@ -62,7 +62,7 @@ exports[`should be the sames as the last snapshot when render coupon list 1`] =
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -270,7 +270,7 @@ exports[`should be the sames as the last snapshot when render coupon list 1`] =
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -354,7 +354,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-0"
            style="display: none;"
@@ -372,7 +372,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-1"
            style
@@ -466,7 +466,7 @@ exports[`should render list-footer slot correctly 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-0"
            style="display: none;"
@@ -485,7 +485,7 @@ exports[`should render list-footer slot correctly 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-1"
            style
@@ -580,7 +580,7 @@ exports[`should use custom src when using empty-image prop 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -598,7 +598,7 @@ exports[`should use custom src when using empty-image prop 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
diff --git a/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
index e12ef2682..2d0f870be 100644
--- a/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
@@ -60,7 +60,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -76,7 +76,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -84,7 +84,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-2"
            style="display: none;"
diff --git a/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap
index edb9a23c4..58aab7db6 100644
--- a/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap
@@ -64,7 +64,7 @@ exports[`should render demo and match snapshot 1`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="0"
          aria-labelledby="van-tabs-0"
          style
@@ -143,7 +143,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-1"
          style="display: none;"
@@ -151,7 +151,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-2"
          style="display: none;"
@@ -159,7 +159,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-3"
          style="display: none;"
diff --git a/packages/vant/src/index-bar/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/index-bar/test/__snapshots__/demo.spec.ts.snap
index 23aacda5a..6f0d117fe 100644
--- a/packages/vant/src/index-bar/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/index-bar/test/__snapshots__/demo.spec.ts.snap
@@ -38,7 +38,7 @@ exports[`should render demo and match snapshot 1`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="0"
          aria-labelledby="van-tabs-0"
          style
@@ -910,7 +910,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-1"
          style="display: none;"
diff --git a/packages/vant/src/list/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/list/test/__snapshots__/demo.spec.ts.snap
index bc6484bfd..3c0505e8e 100644
--- a/packages/vant/src/list/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/list/test/__snapshots__/demo.spec.ts.snap
@@ -49,7 +49,7 @@ exports[`should render demo and match snapshot 1`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="0"
          aria-labelledby="van-tabs-0"
          style
@@ -83,7 +83,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-1"
          style="display: none;"
@@ -91,7 +91,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-2"
          style="display: none;"
diff --git a/packages/vant/src/pull-refresh/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/pull-refresh/test/__snapshots__/demo.spec.ts.snap
index 9dddee2e2..de804a98e 100644
--- a/packages/vant/src/pull-refresh/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/pull-refresh/test/__snapshots__/demo.spec.ts.snap
@@ -49,7 +49,7 @@ exports[`should render demo and match snapshot 1`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="0"
          aria-labelledby="van-tabs-0"
          style
@@ -68,7 +68,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-1"
          style="display: none;"
@@ -76,7 +76,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-2"
          style="display: none;"
diff --git a/packages/vant/src/tab/Tab.tsx b/packages/vant/src/tab/Tab.tsx
index b98821de4..3018a160d 100644
--- a/packages/vant/src/tab/Tab.tsx
+++ b/packages/vant/src/tab/Tab.tsx
@@ -114,7 +114,7 @@ export default defineComponent({
             aria-hidden={!active.value}
             aria-labelledby={label}
           >
-            <div class={bem('pane')}>{slots.default?.()}</div>
+            <div class={bem('panel')}>{slots.default?.()}</div>
           </SwipeItem>
         );
       }
@@ -129,7 +129,7 @@ export default defineComponent({
           v-show={show}
           id={id}
           role="tabpanel"
-          class={bem('pane')}
+          class={bem('panel')}
           tabindex={show ? 0 : -1}
           aria-labelledby={label}
         >
diff --git a/packages/vant/src/tab/index.less b/packages/vant/src/tab/index.less
index b2b2d2c24..870eb0dd9 100644
--- a/packages/vant/src/tab/index.less
+++ b/packages/vant/src/tab/index.less
@@ -1,5 +1,5 @@
 .van-tab {
-  &__pane {
+  &__panel {
     &,
     &-wrapper {
       flex-shrink: 0;
diff --git a/packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap
index 907c86386..8837d64b9 100644
--- a/packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap
@@ -61,7 +61,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -70,7 +70,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -78,7 +78,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-2"
            style="display: none;"
@@ -86,7 +86,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-3"
            style="display: none;"
@@ -144,7 +144,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-0"
            style="display: none;"
@@ -152,7 +152,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-1"
            style
@@ -161,7 +161,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-2"
            style="display: none;"
@@ -274,7 +274,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -283,7 +283,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -291,7 +291,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-2"
            style="display: none;"
@@ -299,7 +299,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-3"
            style="display: none;"
@@ -307,7 +307,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-4"
            style="display: none;"
@@ -315,7 +315,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-5"
            style="display: none;"
@@ -323,7 +323,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-6"
            style="display: none;"
@@ -331,7 +331,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-7"
            style="display: none;"
@@ -389,7 +389,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -398,7 +398,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -406,7 +406,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-2"
            style="display: none;"
@@ -460,7 +460,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -469,7 +469,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -477,7 +477,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-2"
            style="display: none;"
@@ -524,7 +524,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -533,7 +533,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -606,7 +606,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -615,7 +615,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -623,7 +623,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-2"
            style="display: none;"
@@ -631,7 +631,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-3"
            style="display: none;"
@@ -682,7 +682,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -691,7 +691,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -766,7 +766,7 @@ exports[`should render demo and match snapshot 1`] = `
                aria-labelledby="van-tabs-0"
                style="width: 100px;"
           >
-            <div class="van-tab__pane">
+            <div class="van-tab__panel">
               content of tab 1
             </div>
           </div>
@@ -778,7 +778,7 @@ exports[`should render demo and match snapshot 1`] = `
                aria-labelledby="van-tabs-1"
                style="width: 100px;"
           >
-            <div class="van-tab__pane">
+            <div class="van-tab__panel">
               content of tab 2
             </div>
           </div>
@@ -871,7 +871,7 @@ exports[`should render demo and match snapshot 1`] = `
                aria-labelledby="van-tabs-0"
                style="width: 100px;"
           >
-            <div class="van-tab__pane">
+            <div class="van-tab__panel">
               content of tab 1
             </div>
           </div>
@@ -883,7 +883,7 @@ exports[`should render demo and match snapshot 1`] = `
                aria-labelledby="van-tabs-1"
                style="width: 100px;"
           >
-            <div class="van-tab__pane">
+            <div class="van-tab__panel">
               content of tab 2
             </div>
           </div>
@@ -1018,7 +1018,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
       >
@@ -1026,7 +1026,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-1"
       >
@@ -1034,7 +1034,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-2"
       >
@@ -1042,7 +1042,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-3"
       >
@@ -1050,7 +1050,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-4"
       >
@@ -1058,7 +1058,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-5"
       >
@@ -1066,7 +1066,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-6"
       >
@@ -1074,7 +1074,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-7"
       >
@@ -1143,7 +1143,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-tabs__content">
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-0"
            style
@@ -1152,7 +1152,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-1"
            style="display: none;"
@@ -1160,7 +1160,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-2"
            style="display: none;"
@@ -1168,7 +1168,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="-1"
            aria-labelledby="van-tabs-3"
            style="display: none;"
diff --git a/packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap b/packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap
index e3b37943d..c4d75b04f 100644
--- a/packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap
+++ b/packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`should allow to disable lazy-render prop 1`] = `
 <div class="van-tabs__content">
   <div id="van-tab"
        role="tabpanel"
-       class="van-tab__pane"
+       class="van-tab__panel"
        tabindex="-1"
        aria-labelledby="van-tabs-0"
        style="display: none;"
@@ -12,7 +12,7 @@ exports[`should allow to disable lazy-render prop 1`] = `
   </div>
   <div id="van-tab"
        role="tabpanel"
-       class="van-tab__pane"
+       class="van-tab__panel"
        tabindex="-1"
        aria-labelledby="van-tabs-1"
        style="display: none;"
@@ -25,7 +25,7 @@ exports[`should allow to disable lazy-render prop 2`] = `
 <div class="van-tabs__content">
   <div id="van-tab"
        role="tabpanel"
-       class="van-tab__pane"
+       class="van-tab__panel"
        tabindex="0"
        aria-labelledby="van-tabs-0"
        style
@@ -34,7 +34,7 @@ exports[`should allow to disable lazy-render prop 2`] = `
   </div>
   <div id="van-tab"
        role="tabpanel"
-       class="van-tab__pane"
+       class="van-tab__panel"
        tabindex="-1"
        aria-labelledby="van-tabs-1"
        style="display: none;"
@@ -93,7 +93,7 @@ exports[`should allow to set name prop 1`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="0"
          aria-labelledby="van-tabs-0"
          style
@@ -102,7 +102,7 @@ exports[`should allow to set name prop 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-1"
          style="display: none;"
@@ -110,7 +110,7 @@ exports[`should allow to set name prop 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-2"
          style="display: none;"
@@ -131,7 +131,7 @@ DOMWrapper {
   },
   "wrapperElement": <div
     aria-labelledby="van-tabs-0"
-    class="van-tab__pane"
+    class="van-tab__panel"
     id="van-tab"
     role="tabpanel"
     style=""
@@ -243,7 +243,7 @@ exports[`should switch tab after click the tab title 1`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="0"
          aria-labelledby="van-tabs-0"
          style
@@ -252,7 +252,7 @@ exports[`should switch tab after click the tab title 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-1"
          style="display: none;"
@@ -260,7 +260,7 @@ exports[`should switch tab after click the tab title 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-2"
          style="display: none;"
@@ -319,7 +319,7 @@ exports[`should switch tab after click the tab title 2`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-0"
          style="display: none;"
@@ -328,7 +328,7 @@ exports[`should switch tab after click the tab title 2`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="0"
          aria-labelledby="van-tabs-1"
          style
@@ -337,7 +337,7 @@ exports[`should switch tab after click the tab title 2`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-2"
          style="display: none;"
@@ -403,7 +403,7 @@ exports[`swipe switch tab after swiping tab content 1`] = `
              aria-labelledby="van-tabs-0"
              style="width: 100px;"
         >
-          <div class="van-tab__pane">
+          <div class="van-tab__panel">
             Text
           </div>
         </div>
@@ -415,7 +415,7 @@ exports[`swipe switch tab after swiping tab content 1`] = `
              aria-labelledby="van-tabs-1"
              style="width: 100px;"
         >
-          <div class="van-tab__pane">
+          <div class="van-tab__panel">
             Text
           </div>
         </div>
@@ -490,7 +490,7 @@ exports[`swipe switch tab after swiping tab content 2`] = `
              aria-labelledby="van-tabs-0"
              style="width: 100px;"
         >
-          <div class="van-tab__pane">
+          <div class="van-tab__panel">
             Text
           </div>
         </div>
@@ -502,7 +502,7 @@ exports[`swipe switch tab after swiping tab content 2`] = `
              aria-labelledby="van-tabs-1"
              style="width: 100px;"
         >
-          <div class="van-tab__pane">
+          <div class="van-tab__panel">
             Text
           </div>
         </div>
@@ -514,7 +514,7 @@ exports[`swipe switch tab after swiping tab content 2`] = `
              aria-labelledby="van-tabs-2"
              style="width: 100px;"
         >
-          <div class="van-tab__pane">
+          <div class="van-tab__panel">
             Text
           </div>
         </div>
@@ -580,7 +580,7 @@ exports[`swipe switch tab after swiping tab content 3`] = `
              aria-labelledby="van-tabs-0"
              style="width: 100px;"
         >
-          <div class="van-tab__pane">
+          <div class="van-tab__panel">
             Text
           </div>
         </div>
@@ -592,7 +592,7 @@ exports[`swipe switch tab after swiping tab content 3`] = `
              aria-labelledby="van-tabs-1"
              style="width: 100px;"
         >
-          <div class="van-tab__pane">
+          <div class="van-tab__panel">
             Text
           </div>
         </div>
@@ -604,7 +604,7 @@ exports[`swipe switch tab after swiping tab content 3`] = `
              aria-labelledby="van-tabs-2"
              style="width: 100px;"
         >
-          <div class="van-tab__pane">
+          <div class="van-tab__panel">
             Text
           </div>
         </div>
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 4fc9fd9f0..f6deae21c 100644
--- a/packages/vant/src/tab/test/__snapshots__/insert.spec.tsx.snap
+++ b/packages/vant/src/tab/test/__snapshots__/insert.spec.tsx.snap
@@ -49,7 +49,7 @@ exports[`should render Tab inside a component correctly 1`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="0"
          aria-labelledby="van-tabs-1"
          style
@@ -58,7 +58,7 @@ exports[`should render Tab inside a component correctly 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-0"
          style="display: none;"
@@ -66,7 +66,7 @@ exports[`should render Tab inside a component correctly 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-2"
          style="display: none;"
@@ -125,7 +125,7 @@ exports[`should render correctly after inserting a tab 1`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-0"
          style="display: none;"
@@ -134,7 +134,7 @@ exports[`should render correctly after inserting a tab 1`] = `
     <div>
       <div id="van-tab"
            role="tabpanel"
-           class="van-tab__pane"
+           class="van-tab__panel"
            tabindex="0"
            aria-labelledby="van-tabs-1"
       >
@@ -143,7 +143,7 @@ exports[`should render correctly after inserting a tab 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-2"
          style="display: none;"
@@ -192,7 +192,7 @@ exports[`should render correctly after inserting a tab with name 1`] = `
   <div class="van-tabs__content">
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="-1"
          aria-labelledby="van-tabs-0"
          style="display: none;"
@@ -201,7 +201,7 @@ exports[`should render correctly after inserting a tab with name 1`] = `
     </div>
     <div id="van-tab"
          role="tabpanel"
-         class="van-tab__pane"
+         class="van-tab__panel"
          tabindex="0"
          aria-labelledby="van-tabs-1"
          style
diff --git a/packages/vant/src/tab/test/index.spec.tsx b/packages/vant/src/tab/test/index.spec.tsx
index eba005f21..b6ace3fd9 100644
--- a/packages/vant/src/tab/test/index.spec.tsx
+++ b/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__pane')).toMatchSnapshot();
+  expect(wrapper.find('.van-tab__panel')).toMatchSnapshot();
 
   const tabs = wrapper.findAll('.van-tab');
   await tabs[1].trigger('click');