fix(DropdownItem): should inherit attrs when using teleport (#11273)

* fix(DropdownItem): should inherit attrs when using teleport

* chore: update lock file

* chore: update snapshot

packages/vant-cli/package.json

@@ -45,7 +45,7 @@
     "@types/markdown-it": "^12.2.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vue": "^3.2.38"
+    "vue": "^3.2.45"
   },
   "dependencies": {
     "@babel/core": "^7.18.13",

packages/vant-compat/package.json

@@ -38,7 +38,7 @@
   "devDependencies": {
     "@vue/runtime-core": "^3.2.27",
     "vant": "workspace:*",
-    "vue": "^3.2.27",
+    "vue": "^3.2.45",
     "esbuild": "^0.15.9",
     "release-it": "^15.1.1",
     "typescript": "^4.7.4"

packages/vant-use/package.json

@@ -40,7 +40,7 @@
     "esbuild": "^0.15.9",
     "release-it": "^15.4.1",
     "typescript": "^4.8.2",
-    "vue": "^3.2.38"
+    "vue": "^3.2.45"
   },
   "release-it": {
     "git": {

packages/vant/package.json

@@ -63,7 +63,7 @@
     "@vue/runtime-core": "^3.2.38",
     "@vue/test-utils": "^2.0.2",
     "typescript": "^4.8.2",
-    "vue": "^3.2.38",
+    "vue": "^3.2.45",
     "vue-router": "^4.1.5"
   },
   "sideEffects": [

packages/vant/src/action-sheet/test/__snapshots__/demo.spec.ts.snap

@@ -67,34 +67,74 @@ exports[`should render demo and match snapshot 1`] = `
     </i>
   </div>
 </div>
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
 `;

packages/vant/src/action-sheet/test/__snapshots__/index.spec.ts.snap

@@ -22,13 +22,21 @@ exports[`should render cancel slot correctly 1`] = `
 `;
 
 exports[`should render default slot correctly 1`] = `
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
   <div class="van-overlay">
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div role="dialog"
        tabindex="0"
        class="van-popup van-popup--round van-popup--bottom van-safe-area-bottom van-action-sheet"

packages/vant/src/address-list/test/__snapshots__/demo.spec.ts.snap

@@ -23,7 +23,11 @@ exports[`should render demo and match snapshot 1`] = `
               <span class="van-radio__label">
                 <div class="van-address-item__name">
                   John Snow 13000000000
-                  <transition-stub class="van-address-item__tag">
+                  <transition-stub appear="false"
+                                   persisted="false"
+                                   css="true"
+                                   class="van-address-item__tag"
+                  >
                     <span class="van-tag van-tag--round van-tag--primary">
                       Default
                     </span>

packages/vant/src/calendar/test/__snapshots__/demo.spec.ts.snap

@@ -275,10 +275,18 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </div>
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
 `;

packages/vant/src/calendar/test/__snapshots__/index.spec.ts.snap

@@ -557,16 +557,28 @@ exports[`formatter prop 1`] = `
 `;
 
 exports[`popup wrapper 1`] = `
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
 `;
 
 exports[`popup wrapper 2`] = `
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
   <div style="z-index: 2001;"
@@ -574,7 +586,11 @@ exports[`popup wrapper 2`] = `
   >
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div style="z-index: 2001;"
        role="dialog"
        tabindex="0"

packages/vant/src/card/test/__snapshots__/demo.spec.ts.snap

@@ -67,7 +67,10 @@ exports[`should render demo and match snapshot 1`] = `
           </div>
         </div>
         <div class="van-card__tag">
-          <transition-stub>
+          <transition-stub appear="false"
+                           persisted="false"
+                           css="true"
+          >
             <span class="van-tag van-tag--mark van-tag--primary">
               Tag
             </span>
@@ -134,12 +137,19 @@ exports[`should render demo and match snapshot 1`] = `
           <div class="van-card__desc van-ellipsis">
             Description
           </div>
-          <transition-stub style="margin-right: 5px;">
+          <transition-stub appear="false"
+                           persisted="false"
+                           css="true"
+                           style="margin-right: 5px;"
+          >
             <span class="van-tag van-tag--plain van-tag--primary">
               Tag
             </span>
           </transition-stub>
-          <transition-stub>
+          <transition-stub appear="false"
+                           persisted="false"
+                           css="true"
+          >
             <span class="van-tag van-tag--plain van-tag--primary">
               Tag
             </span>

packages/vant/src/cell/test/__snapshots__/demo.spec.ts.snap

@@ -227,7 +227,10 @@ exports[`should render demo and match snapshot 1`] = `
       <span class="custom-title">
         Cell title
       </span>
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--primary">
           Tag
         </span>

packages/vant/src/contact-list/test/__snapshots__/demo.spec.ts.snap

@@ -14,7 +14,11 @@ exports[`should render demo and match snapshot 1`] = `
         </i>
         <div class="van-cell__title van-contact-list__item-title">
           John Snow，13000000000
-          <transition-stub class="van-contact-list__item-tag">
+          <transition-stub appear="false"
+                           persisted="false"
+                           css="true"
+                           class="van-contact-list__item-tag"
+          >
             <span class="van-tag van-tag--round van-tag--primary">
               default
             </span>

packages/vant/src/contact-list/test/__snapshots__/index.spec.ts.snap

@@ -13,7 +13,11 @@ exports[`should render ContactList correctly 1`] = `
       </i>
       <div class="van-cell__title van-contact-list__item-title">
         jack，12345678
-        <transition-stub class="van-contact-list__item-tag">
+        <transition-stub appear="false"
+                         persisted="false"
+                         css="true"
+                         class="van-contact-list__item-tag"
+        >
           <span class="van-tag van-tag--round van-tag--primary">
             默认
           </span>

packages/vant/src/coupon-list/test/__snapshots__/demo.spec.ts.snap

@@ -19,11 +19,19 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 `;

packages/vant/src/dialog/test/__snapshots__/demo.spec.ts.snap

@@ -92,9 +92,17 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-dialog-bounce"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
     <div role="dialog"
          tabindex="0"
          class="van-popup van-popup--center van-dialog"

packages/vant/src/dropdown-item/DropdownItem.tsx

@@ -47,11 +47,13 @@ export type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
 export default defineComponent({
   name,
 
+  inheritAttrs: false,
+
   props: dropdownItemProps,
 
   emits: ['open', 'opened', 'close', 'closed', 'change', 'update:modelValue'],
 
-  setup(props, { emit, slots }) {
+  setup(props, { emit, slots, attrs }) {
     const state = reactive({
       showPopup: false,
       transition: true,
@@ -174,6 +176,7 @@ export default defineComponent({
           style={style}
           class={bem([direction])}
           onClick={onClickWrapper}
+          {...attrs}
         >
           <Popup
             v-model:show={state.showPopup}

packages/vant/src/dropdown-menu/test/__snapshots__/demo.spec.ts.snap

@@ -30,21 +30,37 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-top"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-top"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
   </div>
@@ -78,21 +94,37 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-top"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-top"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
   </div>
@@ -126,21 +158,37 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-top"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-top"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
   </div>
@@ -174,21 +222,37 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="bottom: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--up"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-bottom"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
     <div style="bottom: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--up"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-bottom"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
   </div>
@@ -220,21 +284,37 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-top"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub role="button"
+      <transition-stub name="van-fade"
+                       appear="true"
+                       persisted="false"
+                       css="true"
+                       role="button"
                        tabindex="0"
       >
       </transition-stub>
-      <transition-stub>
+      <transition-stub name="van-popup-slide-top"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
       </transition-stub>
     </div>
   </div>

packages/vant/src/dropdown-menu/test/__snapshots__/index.spec.tsx.snap

@@ -29,7 +29,11 @@ exports[`click option 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2007; position: absolute; animation-duration: 0.2s; display: none;"
@@ -37,7 +41,11 @@ exports[`click option 1`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2007; transition-duration: 0.2s; display: none;"
            role="menu"
            tabindex="0"
@@ -76,11 +84,19 @@ exports[`click option 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -115,7 +131,11 @@ exports[`close-on-click-outside 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2004; position: absolute; animation-duration: 0.2s; display: none;"
@@ -123,7 +143,11 @@ exports[`close-on-click-outside 1`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2004; transition-duration: 0.2s; display: none;"
            role="menu"
            tabindex="0"
@@ -162,11 +186,19 @@ exports[`close-on-click-outside 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -190,11 +222,19 @@ exports[`destroy one item 1`] = `
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -229,21 +269,37 @@ exports[`direction up 1`] = `
   <div style="bottom: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--up"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-bottom"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
   <div style="bottom: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--up"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-bottom"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -278,7 +334,11 @@ exports[`direction up 2`] = `
   <div style="bottom: 768px;"
        class="van-dropdown-item van-dropdown-item--up"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2006; position: absolute; animation-duration: 0.2s;"
@@ -286,7 +346,11 @@ exports[`direction up 2`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-bottom"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2006; transition-duration: 0.2s;"
            role="menu"
            tabindex="0"
@@ -325,11 +389,19 @@ exports[`direction up 2`] = `
   <div style="bottom: 768px; display: none;"
        class="van-dropdown-item van-dropdown-item--up"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-bottom"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -364,7 +436,11 @@ exports[`disable close-on-click-outside 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2005; position: absolute; animation-duration: 0.2s;"
@@ -372,7 +448,11 @@ exports[`disable close-on-click-outside 1`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2005; transition-duration: 0.2s;"
            role="menu"
            tabindex="0"
@@ -411,11 +491,19 @@ exports[`disable close-on-click-outside 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -438,11 +526,19 @@ exports[`disable dropdown item 1`] = `
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -477,7 +573,11 @@ exports[`render option icon 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2003; position: absolute; animation-duration: 0.2s;"
@@ -485,7 +585,11 @@ exports[`render option icon 1`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2003; transition-duration: 0.2s;"
            role="menu"
            tabindex="0"
@@ -528,11 +632,19 @@ exports[`render option icon 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -567,7 +679,11 @@ exports[`show dropdown item 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2001; position: absolute; animation-duration: 0.2s;"
@@ -575,7 +691,11 @@ exports[`show dropdown item 1`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2001; transition-duration: 0.2s;"
            role="menu"
            tabindex="0"
@@ -614,11 +734,19 @@ exports[`show dropdown item 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -653,7 +781,11 @@ exports[`show dropdown item 2`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2001; position: absolute; animation-duration: 0s; display: none;"
@@ -661,7 +793,11 @@ exports[`show dropdown item 2`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2001; transition-duration: 0s; display: none;"
            role="menu"
            tabindex="0"
@@ -700,7 +836,11 @@ exports[`show dropdown item 2`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2002; position: absolute; animation-duration: 0.2s;"
@@ -708,7 +848,11 @@ exports[`show dropdown item 2`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2002; transition-duration: 0.2s;"
            role="menu"
            tabindex="0"
@@ -776,7 +920,11 @@ exports[`show dropdown item 3`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2001; position: absolute; animation-duration: 0s; display: none;"
@@ -784,7 +932,11 @@ exports[`show dropdown item 3`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2001; transition-duration: 0s; display: none;"
            role="menu"
            tabindex="0"
@@ -823,7 +975,11 @@ exports[`show dropdown item 3`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
       <div style="z-index: 2002; position: absolute; animation-duration: 0.2s; display: none;"
@@ -831,7 +987,11 @@ exports[`show dropdown item 3`] = `
       >
       </div>
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
       <div style="z-index: 2002; transition-duration: 0.2s; display: none;"
            role="menu"
            tabindex="0"
@@ -899,21 +1059,37 @@ exports[`title prop 1`] = `
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>
@@ -937,11 +1113,19 @@ exports[`title slot 1`] = `
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub role="button"
+    <transition-stub name="van-fade"
+                     appear="true"
+                     persisted="false"
+                     css="true"
+                     role="button"
                      tabindex="0"
     >
     </transition-stub>
-    <transition-stub>
+    <transition-stub name="van-popup-slide-top"
+                     appear="false"
+                     persisted="false"
+                     css="true"
+    >
     </transition-stub>
   </div>
 </div>

packages/vant/src/dropdown-menu/test/index.spec.tsx

@@ -278,3 +278,20 @@ test('title slot', async () => {
   await later();
   expect(wrapper.html()).toMatchSnapshot();
 });
+
+test('DropdownItem should inherit attrs when using teleport prop', async () => {
+  const root = document.createElement('div');
+  mount({
+    setup() {
+      return () => (
+        <DropdownMenu>
+          <DropdownItem class="foo" teleport={root} />
+        </DropdownMenu>
+      );
+    },
+  });
+
+  await later();
+  const item = root.querySelector('.van-dropdown-item');
+  expect(item?.classList.contains('foo')).toBeTruthy();
+});

packages/vant/src/image-preview/test/__snapshots__/index.spec.ts.snap

@@ -1,14 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`render image 1`] = `
-<transition-stub class="van-image-preview__overlay"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 class="van-image-preview__overlay"
                  role="button"
                  tabindex="0"
 >
   <div class="van-overlay">
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-fade"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div role="dialog"
        tabindex="0"
        class="van-popup van-popup--center van-image-preview"
@@ -47,14 +55,22 @@ exports[`should change close icon when using close-icon prop 1`] = `
 `;
 
 exports[`should render cover slot correctly 1`] = `
-<transition-stub class="van-image-preview__overlay"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 class="van-image-preview__overlay"
                  role="button"
                  tabindex="0"
 >
   <div class="van-overlay">
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-fade"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div role="dialog"
        tabindex="0"
        class="van-popup van-popup--center van-image-preview"

packages/vant/src/notify/test/__snapshots__/demo.spec.ts.snap

@@ -116,7 +116,11 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-top"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 `;

packages/vant/src/number-keyboard/test/__snapshots__/demo.spec.ts.snap

@@ -98,7 +98,11 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </div>
-<transition-stub>
+<transition-stub name="van-slide-up"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div class="van-number-keyboard">
     <div class="van-number-keyboard__body">
       <div class="van-number-keyboard__keys">
@@ -216,7 +220,11 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-slide-up"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div class="van-number-keyboard"
        style="display: none;"
   >
@@ -339,7 +347,11 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-slide-up"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div class="van-number-keyboard van-number-keyboard--with-title"
        style="display: none;"
   >
@@ -459,7 +471,11 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-slide-up"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div class="van-number-keyboard van-number-keyboard--with-title"
        style="display: none;"
   >
@@ -582,7 +598,11 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-slide-up"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div class="van-number-keyboard"
        style="display: none;"
   >
@@ -713,7 +733,11 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-slide-up"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div class="van-number-keyboard"
        style="display: none;"
   >

packages/vant/src/overlay/test/__snapshots__/demo.spec.ts.snap

@@ -12,7 +12,11 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
   </button>
-  <transition-stub>
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 <div>
@@ -26,7 +30,11 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
   </button>
-  <transition-stub>
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 `;

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

@@ -1,7 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should allow to disable lazy-render 1`] = `
-<transition-stub>
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+>
   <div class="van-overlay"
        style="display: none;"
   >
@@ -10,6 +14,10 @@ exports[`should allow to disable lazy-render 1`] = `
 `;
 
 exports[`should render default slot correctly 1`] = `
-<transition-stub>
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
 `;

packages/vant/src/password-input/test/__snapshots__/demo.spec.ts.snap

@@ -149,7 +149,11 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </div>
-<transition-stub>
+<transition-stub name="van-slide-up"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div class="van-number-keyboard">
     <div class="van-number-keyboard__body">
       <div class="van-number-keyboard__keys">

packages/vant/src/picker/test/__snapshots__/demo.spec.ts.snap

@@ -109,11 +109,19 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 <div>

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

@@ -14,7 +14,11 @@ exports[`should allow to custom the className of action 1`] = `
 exports[`should change icon class prefix when using icon-prefix prop 1`] = `
 <span class="van-popover__wrapper">
 </span>
-<transition-stub>
+<transition-stub name="van-popover-zoom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div role="dialog"
        tabindex="0"
        class="van-popup van-popover van-popover--light"
@@ -40,12 +44,20 @@ exports[`should change icon class prefix when using icon-prefix prop 1`] = `
 `;
 
 exports[`should locate to reference element when showed 1`] = `
-<transition-stub>
+<transition-stub name="van-popover-zoom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
 `;
 
 exports[`should locate to reference element when showed 2`] = `
-<transition-stub>
+<transition-stub name="van-popover-zoom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div style="z-index: 2007; position: absolute; left: 0px; top: 108px; margin: 0px;"
        role="dialog"
        tabindex="0"
@@ -63,11 +75,16 @@ exports[`should locate to reference element when showed 2`] = `
 `;
 
 exports[`should locate to reference element when showed 3`] = `
-<transition-stub>
+<transition-stub name="van-popover-zoom"
-  <div style="z-index: 2007; display: none;"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
+  <div style="z-index: 2007; position: absolute; left: 0px; top: 108px; margin: 0px; display: none;"
        role="dialog"
        tabindex="0"
        class="van-popup van-popover van-popover--light"
+       data-popper-placement="bottom"
   >
     <div class="van-popover__arrow">
     </div>
@@ -89,11 +106,15 @@ exports[`should render action slot correctly 1`] = `
 `;
 
 exports[`should watch placement prop and update location 1`] = `
-<transition-stub>
+<transition-stub name="van-popover-zoom"
-  <div style="z-index: 2008; position: absolute; left: 0px; top: -108px; margin: 0px;"
+                 appear="false"
-       role="dialog"
+                 persisted="false"
+                 css="true"
+>
+  <div role="dialog"
        tabindex="0"
        class="van-popup van-popover van-popover--light"
+       style="z-index: 2008; position: absolute; left: 0px; top: -108px; margin: 0px;"
        data-popper-placement="top"
   >
     <div class="van-popover__arrow">

packages/vant/src/popup/test/__snapshots__/demo.spec.ts.snap

@@ -14,11 +14,19 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-fade"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 <div>
@@ -70,29 +78,61 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-top"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-left"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-right"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 <div>
@@ -132,23 +172,47 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 <div>
@@ -164,11 +228,19 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 <div>

packages/vant/src/popup/test/__snapshots__/index.spec.jsx.snap

@@ -1,13 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should change icon class prefix when using icon-prefix prop 1`] = `
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
   <div class="van-overlay">
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-fade"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div role="dialog"
        tabindex="0"
        class="van-popup van-popup--center"
@@ -30,14 +38,22 @@ exports[`should render correct close icon when using close-icon prop 1`] = `
 `;
 
 exports[`should render overlay-content slot correctly 1`] = `
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
   <div class="van-overlay">
     Custom Overlay Content
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-fade"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div role="dialog"
        tabindex="0"
        class="van-popup van-popup--center"

packages/vant/src/share-sheet/test/__snapshots__/demo.spec.ts.snap

@@ -14,11 +14,19 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 <div>
@@ -34,11 +42,19 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 <div>
@@ -54,11 +70,19 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 <div>
@@ -74,11 +98,19 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub role="button"
+  <transition-stub name="van-fade"
+                   appear="true"
+                   persisted="false"
+                   css="true"
+                   role="button"
                    tabindex="0"
   >
   </transition-stub>
-  <transition-stub>
+  <transition-stub name="van-popup-slide-bottom"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 `;

packages/vant/src/share-sheet/test/__snapshots__/index.spec.ts.snap

@@ -23,13 +23,21 @@ exports[`should render description when using description prop 1`] = `
 `;
 
 exports[`should render title and description slot correctly 1`] = `
-<transition-stub role="button"
+<transition-stub name="van-fade"
+                 appear="true"
+                 persisted="false"
+                 css="true"
+                 role="button"
                  tabindex="0"
 >
   <div class="van-overlay">
   </div>
 </transition-stub>
-<transition-stub>
+<transition-stub name="van-popup-slide-bottom"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div role="dialog"
        tabindex="0"
        class="van-popup van-popup--round van-popup--bottom van-safe-area-bottom van-share-sheet"

packages/vant/src/tag/test/__snapshots__/demo.spec.ts.snap

@@ -9,7 +9,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--primary">
           Tag
         </span>
@@ -23,7 +26,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--success">
           Tag
         </span>
@@ -37,7 +43,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--danger">
           Tag
         </span>
@@ -51,7 +60,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--warning">
           Tag
         </span>
@@ -67,7 +79,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--plain van-tag--primary">
           Tag
         </span>
@@ -81,7 +96,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--round van-tag--primary">
           Tag
         </span>
@@ -95,7 +113,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--mark van-tag--primary">
           Tag
         </span>
@@ -109,7 +130,11 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub name="van-fade"
+                       appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--medium van-tag--primary">
           Tag
           <i class="van-badge__wrapper van-icon van-icon-cross van-tag__close van-haptics-feedback">
@@ -127,7 +152,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--primary">
           Tag
         </span>
@@ -141,7 +169,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--medium van-tag--primary">
           Tag
         </span>
@@ -155,7 +186,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span class="van-tag van-tag--large van-tag--primary">
           Tag
         </span>
@@ -171,7 +205,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span style="background: rgb(114, 50, 221);"
               class="van-tag van-tag--default"
         >
@@ -187,7 +224,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span style="color: rgb(173, 0, 0); background: rgb(255, 225, 225);"
               class="van-tag van-tag--default"
         >
@@ -203,7 +243,10 @@ exports[`should render demo and match snapshot 1`] = `
       </span>
     </div>
     <div class="van-cell__value">
-      <transition-stub>
+      <transition-stub appear="false"
+                       persisted="false"
+                       css="true"
+      >
         <span style="color: rgb(114, 50, 221); border-color: #7232dd;"
               class="van-tag van-tag--plain van-tag--default"
         >

packages/vant/src/tag/test/__snapshots__/index.spec.ts.snap

@@ -1,12 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should hide tag when the show prop is false 1`] = `
-<transition-stub>
+<transition-stub appear="false"
+                 persisted="false"
+                 css="true"
+>
 </transition-stub>
 `;
 
 exports[`should render border-color correctly 1`] = `
-<transition-stub>
+<transition-stub appear="false"
+                 persisted="false"
+                 css="true"
+>
   <span style="color: blue; border-color: red;"
         class="van-tag van-tag--plain van-tag--default"
   >

packages/vant/src/toast/test/__snapshots__/demo.spec.ts.snap

@@ -168,7 +168,11 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub name="van-fade"
+                   appear="false"
+                   persisted="false"
+                   css="true"
+  >
   </transition-stub>
 </div>
 `;

packages/vant/src/toast/test/__snapshots__/index.spec.ts.snap

@@ -1,7 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`create a forbidClick toast 1`] = `
-<transition-stub>
+<transition-stub name="van-fade"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div role="dialog"
        tabindex="0"
        class="van-popup van-popup--center van-toast van-toast--middle van-toast--success"
@@ -14,7 +18,11 @@ exports[`create a forbidClick toast 1`] = `
 `;
 
 exports[`should render message slot correctly 1`] = `
-<transition-stub>
+<transition-stub name="van-fade"
+                 appear="false"
+                 persisted="false"
+                 css="true"
+>
   <div role="dialog"
        tabindex="0"
        class="van-popup van-popup--center van-toast van-toast--middle van-toast--text"