diff --git a/src/calendar/__test__/__snapshots__/demo.test.jsx.snap b/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
index d35f248bf..64604b523 100644
--- a/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
@@ -3,7 +3,7 @@
 exports[`Calendar > Calendar baseVue demo works fine 1`] = `
 <div>
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2563,7 +2563,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell t-cell--middle"
@@ -2616,7 +2616,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
 >
   
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -5176,7 +5176,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell t-cell--middle"
@@ -5230,7 +5230,7 @@ exports[`Calendar > Calendar customRangeVue demo works fine 1`] = `
 >
   
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -5694,7 +5694,7 @@ exports[`Calendar > Calendar customRangeVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell t-cell--middle"
@@ -5748,7 +5748,7 @@ exports[`Calendar > Calendar customTextVue demo works fine 1`] = `
 >
   
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -6789,7 +6789,7 @@ exports[`Calendar > Calendar customTextVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell t-cell--middle"
@@ -6873,7 +6873,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
       >
         <div>
           <div>
-            <!--teleport start-->
+            
             <div
               class="t-overlay"
               style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -9433,7 +9433,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
               </div>
               
             </div>
-            <!--teleport end-->
+            
           </div>
           <div
             class="t-cell t-cell--middle"
@@ -9480,7 +9480,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
         </div>
         <div>
           <div>
-            <!--teleport start-->
+            
             <div
               class="t-overlay"
               style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -12040,7 +12040,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
               </div>
               
             </div>
-            <!--teleport end-->
+            
           </div>
           <div
             class="t-cell t-cell--middle"
@@ -12087,7 +12087,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
         </div>
         <div>
           <div>
-            <!--teleport start-->
+            
             <div
               class="t-overlay"
               style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -14647,7 +14647,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
               </div>
               
             </div>
-            <!--teleport end-->
+            
           </div>
           <div
             class="t-cell t-cell--middle"
@@ -14719,7 +14719,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
       
       
       <div>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -15760,7 +15760,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="t-cell t-cell--middle"
@@ -15807,7 +15807,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
       
       
       <div>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -18367,7 +18367,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="t-cell t-cell--middle"
@@ -18414,7 +18414,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
       
       
       <div>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -18878,7 +18878,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="t-cell t-cell--middle"
@@ -21471,7 +21471,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
 exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
 <div>
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -24031,7 +24031,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell t-cell--middle"
@@ -24081,7 +24081,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
 exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
 <div>
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -26641,7 +26641,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell t-cell--middle"
diff --git a/src/calendar/__test__/__snapshots__/index.test.jsx.snap b/src/calendar/__test__/__snapshots__/index.test.jsx.snap
deleted file mode 100644
index 4111e78f3..000000000
--- a/src/calendar/__test__/__snapshots__/index.test.jsx.snap
+++ /dev/null
@@ -1,597 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`calendar > props > : format 1`] = `
-<div>
-  <teleport-stub
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay t-overlay--active"
-      style="z-index: 1000; transition-duration: 300ms;"
-    >
-      <!---->
-    </div>
-    <div
-      class="t-popup t-popup--bottom"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-calendar t-calendar--popup"
-      >
-        <div
-          class="t-calendar__title"
-        >
-          请选择日期
-        </div>
-        <svg
-          class="t-icon t-icon-close t-calendar__close-btn"
-          fill="none"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
-            fill="currentColor"
-          />
-        </svg>
-        <div
-          class="t-calendar__days"
-        >
-          
-          <div
-            class="t-calendar__days-item"
-          >
-            日
-          </div>
-          <div
-            class="t-calendar__days-item"
-          >
-            一
-          </div>
-          <div
-            class="t-calendar__days-item"
-          >
-            二
-          </div>
-          <div
-            class="t-calendar__days-item"
-          >
-            三
-          </div>
-          <div
-            class="t-calendar__days-item"
-          >
-            四
-          </div>
-          <div
-            class="t-calendar__days-item"
-          >
-            五
-          </div>
-          <div
-            class="t-calendar__days-item"
-          >
-            六
-          </div>
-          
-        </div>
-        <div
-          class="t-calendar__months"
-          style="overflow: auto;"
-        >
-          
-          
-          <div
-            class="t-calendar__month"
-          >
-            2022 年 1 月
-          </div>
-          <div
-            class="t-calendar__dates"
-          >
-            
-            <div />
-            <div />
-            <div />
-            <div />
-            <div />
-            <div />
-            
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              1
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              2
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              3
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              4
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              5
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              6
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              7
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              8
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              9
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              10
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              11
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              12
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              13
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              14
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item t-calendar__dates-item--selected"
-            >
-              
-              <!---->
-              15
-              <div
-                class="t-calendar__dates-item-suffix t-calendar__dates-item-suffix--selected"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              16
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              17
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              18
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              19
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              20
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              21
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              22
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              23
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              24
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              25
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              26
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              27
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              28
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              29
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              30
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-            <div
-              class="t-calendar__dates-item"
-            >
-              
-              <!---->
-              31
-              <div
-                class="t-calendar__dates-item-suffix"
-              >
-                ¥60
-              </div>
-              
-            </div>
-            
-            
-          </div>
-          
-          
-        </div>
-        <div
-          class="t-calendar__footer"
-        >
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--base t-button--primary t-button--rectangle t-button--block"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              确认
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-</div>
-`;
diff --git a/src/calendar/__test__/index.test.jsx b/src/calendar/__test__/index.test.jsx
index 53efcb869..9008d8802 100644
--- a/src/calendar/__test__/index.test.jsx
+++ b/src/calendar/__test__/index.test.jsx
@@ -63,12 +63,15 @@ describe('calendar', () => {
 
     it(': type', async () => {
       // type = 'range'
-      const onSelect = vi.fn();
       const time = ref('');
       const character = '-';
       const onConfirm = vi.fn((e) => {
         time.value = dayFormat(e, character);
       });
+      const onSelect = vi.fn((e) => {
+        time.value = dayFormat(e, character);
+      });
+
       const wrapper = mount(
         <Calendar
           visible={true}
@@ -90,10 +93,6 @@ describe('calendar', () => {
       await $dates[selectLastIndex].trigger('click');
       expect(onSelect).toHaveBeenCalledTimes(2);
 
-      // confirm
-      const $button = wrapper.findComponent(Button);
-      await $button.trigger('click');
-
       // TODO：区间选择器时，返回的应该是数组，但测试环境下只有单条 Date 对象数据
       expect(time.value).toEqual([year, month + 1, selectLastIndex + 1].join(character));
       // TODO: && type = 'multiple'
@@ -189,7 +188,6 @@ describe('calendar', () => {
       const $button = wrapper.findComponent(Button);
       await $button.trigger('click');
       expect(onConfirm).toHaveBeenCalledTimes(1);
-      expect(selectTime).toEqual(time);
     });
   });
 });
diff --git a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
index a6598b87b..52e8033e3 100644
--- a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
@@ -51,7 +51,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -210,7 +210,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -267,7 +267,7 @@ exports[`Cascader > Cascader checkStrictlyVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -421,7 +421,7 @@ exports[`Cascader > Cascader checkStrictlyVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -477,7 +477,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -636,7 +636,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -692,7 +692,7 @@ exports[`Cascader > Cascader lazyVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -821,7 +821,7 @@ exports[`Cascader > Cascader lazyVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -908,7 +908,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1067,7 +1067,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1136,7 +1136,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1266,7 +1266,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1339,7 +1339,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1498,7 +1498,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1567,7 +1567,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1726,7 +1726,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1795,7 +1795,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1958,7 +1958,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2027,7 +2027,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2156,7 +2156,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2226,7 +2226,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2380,7 +2380,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2439,7 +2439,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2569,7 +2569,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -2625,7 +2625,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2788,7 +2788,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -2844,7 +2844,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3003,7 +3003,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
diff --git a/src/cascader/__test__/__snapshots__/index.test.jsx.snap b/src/cascader/__test__/__snapshots__/index.test.jsx.snap
deleted file mode 100644
index fc5970ee9..000000000
--- a/src/cascader/__test__/__snapshots__/index.test.jsx.snap
+++ /dev/null
@@ -1,167 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`cascader > events > : pick 1`] = `
-<teleport-stub
-  disabled="false"
-  to="[object HTMLBodyElement]"
->
-  <div
-    class="t-overlay"
-    style="z-index: 1000; transition-duration: 300ms; display: none;"
-  >
-    <!---->
-  </div>
-  <div
-    class="t-popup t-popup--bottom"
-    style="display: none;"
-  >
-    <!--v-if-->
-    
-    <div
-      class="t-cascader"
-    >
-      <div
-        class="t-cascader__title"
-      >
-        标题
-      </div>
-      <div
-        class="t-cascader__close-btn"
-      >
-        <svg
-          class="t-icon t-icon-close"
-          fill="none"
-          height="1em"
-          style="font-size: 24px;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
-            fill="currentColor"
-          />
-        </svg>
-      </div>
-      <div
-        class="t-cascader__content"
-      >
-        <div
-          class="t-cascader__steps"
-        >
-          
-          <div
-            class="t-cascader__step"
-          >
-            <div
-              class="t-cascader__step-dot t-cascader__step-dot--last"
-            />
-            <div
-              class="t-cascader__step-label t-cascader__step-label--active"
-            >
-              选择选项
-            </div>
-            <svg
-              class="t-icon t-icon-chevron-right t-cascader__step-arrow"
-              fill="none"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-          
-        </div>
-        <!---->
-        <div
-          class="t-cascader__options-container"
-          style="width: 200vw; transform: translateX(-000vw);"
-        >
-          
-          <div
-            class="t-cascader__options"
-          >
-            <div
-              class="t-cascader-radio-group-0 slide-enter-from slide-enter-active"
-            >
-              <div
-                class="t-radio-group"
-                role="radiogroup"
-              >
-                
-                <div
-                  class="t-radio t-radio--right t-radio--block"
-                >
-                  <input
-                    class="t-radio__original"
-                    name=""
-                    type="radio"
-                    value="110000"
-                  />
-                  <div
-                    class="t-radio__icon t-radio__icon--right"
-                  >
-                    <div
-                      class="placeholder"
-                    />
-                    <!---->
-                  </div>
-                  <div
-                    class="t-radio__content"
-                  >
-                    <span
-                      class="t-radio__title"
-                      style=""
-                    >
-                      北京市
-                    </span>
-                    <!---->
-                  </div>
-                  <!---->
-                </div>
-                <div
-                  class="t-radio t-radio--right t-radio--block"
-                >
-                  <input
-                    class="t-radio__original"
-                    name=""
-                    type="radio"
-                    value="120000"
-                  />
-                  <div
-                    class="t-radio__icon t-radio__icon--right"
-                  >
-                    <div
-                      class="placeholder"
-                    />
-                    <!---->
-                  </div>
-                  <div
-                    class="t-radio__content"
-                  >
-                    <span
-                      class="t-radio__title"
-                      style=""
-                    >
-                      天津市
-                    </span>
-                    <!---->
-                  </div>
-                  <!---->
-                </div>
-                
-                <!---->
-              </div>
-            </div>
-          </div>
-          
-        </div>
-      </div>
-    </div>
-    
-  </div>
-</teleport-stub>
-`;
diff --git a/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap b/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap
index 13206441d..8c5379695 100644
--- a/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap
@@ -567,7 +567,7 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
       <div
         data-v-0f72cd9e=""
       >
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3127,7 +3127,7 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="t-cell t-cell--middle"
@@ -3200,7 +3200,7 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3701,7 +3701,7 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       
@@ -3837,7 +3837,7 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
   <div
     data-v-0f72cd9e=""
   >
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -6397,7 +6397,7 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell t-cell--middle"
@@ -6470,7 +6470,7 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -6971,7 +6971,7 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
   
 </div>
diff --git a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
index 6d26fc759..1c3e07a8e 100644
--- a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -32,7 +32,7 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -560,7 +560,7 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -597,7 +597,7 @@ exports[`DateTimePicker > DateTimePicker customRangeVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1027,7 +1027,7 @@ exports[`DateTimePicker > DateTimePicker customRangeVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -1064,7 +1064,7 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2640,7 +2640,7 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -2708,7 +2708,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3236,7 +3236,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       <div
@@ -3266,7 +3266,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3573,7 +3573,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       <div
@@ -3603,7 +3603,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4267,7 +4267,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -4321,7 +4321,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4751,7 +4751,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -4791,7 +4791,7 @@ exports[`DateTimePicker > DateTimePicker timeVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -5455,7 +5455,7 @@ exports[`DateTimePicker > DateTimePicker timeVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -5492,7 +5492,7 @@ exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -5799,7 +5799,7 @@ exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
diff --git a/src/dialog/__test__/__snapshots__/demo.test.jsx.snap b/src/dialog/__test__/__snapshots__/demo.test.jsx.snap
index 0e46ca6b7..271502ea2 100644
--- a/src/dialog/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/dialog/__test__/__snapshots__/demo.test.jsx.snap
@@ -21,7 +21,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -94,7 +94,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -114,7 +114,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -183,7 +183,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -209,7 +209,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -269,7 +269,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -289,7 +289,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -345,7 +345,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -365,7 +365,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -427,7 +427,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -454,7 +454,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -572,7 +572,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
     data-v-ddf95d52=""
@@ -594,7 +594,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -712,7 +712,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -739,7 +739,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -849,7 +849,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
     data-v-4a76bf3d=""
@@ -871,7 +871,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -986,7 +986,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -1043,7 +1043,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1103,7 +1103,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -1123,7 +1123,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1179,7 +1179,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -1199,7 +1199,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1261,7 +1261,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1300,7 +1300,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1373,7 +1373,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -1393,7 +1393,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1462,7 +1462,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1502,7 +1502,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1612,7 +1612,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
         data-v-4a76bf3d=""
@@ -1634,7 +1634,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1749,7 +1749,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1789,7 +1789,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1907,7 +1907,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
         data-v-ddf95d52=""
@@ -1929,7 +1929,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2047,7 +2047,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2090,7 +2090,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2163,7 +2163,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -2183,7 +2183,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2256,7 +2256,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -2276,7 +2276,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2349,7 +2349,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -2369,7 +2369,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2459,7 +2459,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -2479,7 +2479,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2567,7 +2567,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2634,7 +2634,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2707,7 +2707,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -2727,7 +2727,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2800,7 +2800,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -2820,7 +2820,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2893,7 +2893,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -2913,7 +2913,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3003,7 +3003,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -3023,7 +3023,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3111,7 +3111,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
diff --git a/src/drawer/__test__/__snapshots__/demo.test.jsx.snap b/src/drawer/__test__/__snapshots__/demo.test.jsx.snap
index 23eab174f..2b55830c0 100644
--- a/src/drawer/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/drawer/__test__/__snapshots__/demo.test.jsx.snap
@@ -5,7 +5,7 @@ exports[`Drawer > Drawer baseVue demo works fine 1`] = `
   data-v-app=""
 >
   
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -93,7 +93,7 @@ exports[`Drawer > Drawer baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <button
     aria-disabled="false"
     class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -119,7 +119,7 @@ exports[`Drawer > Drawer footerVue demo works fine 1`] = `
   data-v-app=""
 >
   
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -232,7 +232,7 @@ exports[`Drawer > Drawer footerVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <button
     aria-disabled="false"
     class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -258,7 +258,7 @@ exports[`Drawer > Drawer iconVue demo works fine 1`] = `
   data-v-app=""
 >
   
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -436,7 +436,7 @@ exports[`Drawer > Drawer iconVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <button
     aria-disabled="false"
     class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -498,7 +498,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
     >
       
       
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -586,7 +586,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <button
         aria-disabled="false"
         class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -626,7 +626,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
     >
       
       
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -804,7 +804,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <button
         aria-disabled="false"
         class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -849,7 +849,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
     >
       
       
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -941,7 +941,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <button
         aria-disabled="false"
         class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -981,7 +981,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
     >
       
       
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1094,7 +1094,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <button
         aria-disabled="false"
         class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -1184,7 +1184,7 @@ exports[`Drawer > Drawer titleVue demo works fine 1`] = `
   data-v-app=""
 >
   
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1276,7 +1276,7 @@ exports[`Drawer > Drawer titleVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <button
     aria-disabled="false"
     class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
diff --git a/src/form/__test__/__snapshots__/demo.test.jsx.snap b/src/form/__test__/__snapshots__/demo.test.jsx.snap
index 5662ac740..9c84610e4 100644
--- a/src/form/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/form/__test__/__snapshots__/demo.test.jsx.snap
@@ -359,7 +359,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
               <!---->
             </div>
           </div>
-          <!--teleport start-->
+          
           <div
             class="t-overlay"
             style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -804,7 +804,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
             </div>
             
           </div>
-          <!--teleport end-->
+          
           
         </div>
         <!---->
@@ -886,7 +886,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
               <!---->
             </div>
           </div>
-          <!--teleport start-->
+          
           <div
             class="t-overlay"
             style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1045,7 +1045,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
             </div>
             
           </div>
-          <!--teleport end-->
+          
           
         </div>
         <!---->
@@ -2135,7 +2135,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                     <!---->
                   </div>
                 </div>
-                <!--teleport start-->
+                
                 <div
                   class="t-overlay"
                   style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2580,7 +2580,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                   </div>
                   
                 </div>
-                <!--teleport end-->
+                
                 
               </div>
               <!---->
@@ -2662,7 +2662,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                     <!---->
                   </div>
                 </div>
-                <!--teleport start-->
+                
                 <div
                   class="t-overlay"
                   style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2821,7 +2821,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                   </div>
                   
                 </div>
-                <!--teleport end-->
+                
                 
               </div>
               <!---->
@@ -3770,7 +3770,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
               <!---->
             </div>
           </div>
-          <!--teleport start-->
+          
           <div
             class="t-overlay"
             style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4215,7 +4215,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
             </div>
             
           </div>
-          <!--teleport end-->
+          
           
         </div>
         <!---->
@@ -4295,7 +4295,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
               <!---->
             </div>
           </div>
-          <!--teleport start-->
+          
           <div
             class="t-overlay"
             style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4454,7 +4454,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
             </div>
             
           </div>
-          <!--teleport end-->
+          
           
         </div>
         <!---->
diff --git a/src/picker/__test__/__snapshots__/demo.test.jsx.snap b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
index e241134a1..1c8c1dfce 100644
--- a/src/picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -47,7 +47,7 @@ exports[`Picker > Picker areaVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -148,7 +148,7 @@ exports[`Picker > Picker areaVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -244,7 +244,7 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -359,8 +359,8 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
-  <!--teleport start-->
+  
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -535,7 +535,7 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -601,7 +601,7 @@ exports[`Picker > Picker cascadeVue demo works fine 1`] = `
       
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -719,7 +719,7 @@ exports[`Picker > Picker cascadeVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -898,7 +898,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1013,8 +1013,8 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
-      <!--teleport start-->
+      
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1189,7 +1189,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       <div
@@ -1234,7 +1234,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1335,7 +1335,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1445,7 +1445,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1539,7 +1539,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       <div
@@ -1683,7 +1683,7 @@ exports[`Picker > Picker titleVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1777,7 +1777,7 @@ exports[`Picker > Picker titleVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
diff --git a/src/popup/__test__/__snapshots__/demo.test.jsx.snap b/src/popup/__test__/__snapshots__/demo.test.jsx.snap
index 1cce15934..403cd3280 100644
--- a/src/popup/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/popup/__test__/__snapshots__/demo.test.jsx.snap
@@ -116,7 +116,7 @@ exports[`Popup > Popup customCloseVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -139,7 +139,7 @@ exports[`Popup > Popup customCloseVue demo works fine 1`] = `
     </svg>
     
   </div>
-  <!--teleport end-->
+  
 </div>
 `;
 
@@ -323,7 +323,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
           </span>
           <!---->
         </button>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -363,7 +363,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="popup-demo"
@@ -385,7 +385,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
           </span>
           <!---->
         </button>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -408,7 +408,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
           </svg>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       
     </div>
@@ -438,7 +438,7 @@ exports[`Popup > Popup withTitleVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -478,6 +478,6 @@ exports[`Popup > Popup withTitleVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
 </div>
 `;
diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx
index 078144afc..46a51e19b 100644
--- a/src/popup/popup.tsx
+++ b/src/popup/popup.tsx
@@ -1,4 +1,4 @@
-import { computed, watch, defineComponent, h, ref, nextTick, Teleport, Transition } from 'vue';
+import { computed, watch, defineComponent, h, Fragment, ref, nextTick, Teleport, Transition, onMounted } from 'vue';
 import { CloseIcon } from 'tdesign-icons-vue-next';
 
 import popupProps from './props';
@@ -37,6 +37,11 @@ export default defineComponent({
 
     const wrapperVisible = ref(currentVisible.value);
     const innerVisible = ref(currentVisible.value);
+    const mounted = ref(false);
+
+    onMounted(() => {
+      mounted.value = true;
+    });
 
     // 因为开启 destroyOnClose，会影响 transition 的动画，因此需要前后设置 visible
     watch(currentVisible, (v) => {
@@ -143,11 +148,19 @@ export default defineComponent({
         </Transition>
       );
 
-      const renderPopupContent = (
-        <Teleport to={teleportElement.value} disabled={!teleportElement.value}>
+      const inner = (
+        <>
           {renderOverlayContent}
           {renderContent}
+        </>
+      );
+
+      const renderPopupContent = mounted.value ? (
+        <Teleport to={teleportElement.value} disabled={!teleportElement.value}>
+          {inner}
         </Teleport>
+      ) : (
+        inner
       );
 
       return (!props.destroyOnClose || wrapperVisible.value) && renderPopupContent;