From 49a6c606d99f34710433ed7c34c26d37748ffee2 Mon Sep 17 00:00:00 2001
From: linkpan <562714485@qq.com>
Date: Fri, 8 Apr 2022 15:55:25 +0800
Subject: [PATCH] =?UTF-8?q?fix(popup):=20=E4=BF=AE=E5=A4=8Dteleport?=
 =?UTF-8?q?=E5=A4=B1=E6=95=88=E9=97=AE=E9=A2=98=20#64?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/popup/demos/mobile.vue              |   2 +-
 src/popup/popup.md                      |   3 +-
 src/popup/popup.vue                     |   2 +-
 src/popup/props.ts                      |  13 +-
 test/ssr/__snapshots__/ssr.test.js.snap | 532 +-----------------------
 5 files changed, 19 insertions(+), 533 deletions(-)

diff --git a/src/popup/demos/mobile.vue b/src/popup/demos/mobile.vue
index f3bb777f3..710f68491 100644
--- a/src/popup/demos/mobile.vue
+++ b/src/popup/demos/mobile.vue
@@ -29,7 +29,7 @@
     <div style="height: 200px; background: #fff"></div>
   </t-popup>
 
-  <t-popup v-model="center" placement="center">
+  <t-popup v-model="center" placement="center" to="body">
     <div style="width: 200px; height: 200px; background: #fff"></div>
   </t-popup>
 
diff --git a/src/popup/popup.md b/src/popup/popup.md
index 265c2a7f3..24d139cfa 100644
--- a/src/popup/popup.md
+++ b/src/popup/popup.md
@@ -8,8 +8,7 @@
 lockScroll | Boolean | true | 是否锁定内容滚动 | N
 placement | String | top | 浮层出现位置。可选项：top/left/right/bottom/center | N
 showOverlay | Boolean | true | 是否显示遮罩层 | N
-teleportDisabled | Boolean | false | 是否禁用teleport | N
-to | String | body | 透传给teleport组件的to属性 | N
+to | String | - | 透传给teleport组件的to属性 | N
 transitionName | String | - | 弹出层内容区的动画名，等价于transition组件的name属性 | N
 visible | Boolean | false | 是否显示浮层。支持语法糖 `v-model` 或 `v-model:visible`。TS 类型：`boolean` | N
 defaultVisible | Boolean | false | 是否显示浮层。非受控属性。TS 类型：`boolean` | N
diff --git a/src/popup/popup.vue b/src/popup/popup.vue
index fa70f9ecb..a7b1fba4f 100644
--- a/src/popup/popup.vue
+++ b/src/popup/popup.vue
@@ -1,5 +1,5 @@
 <template>
-  <teleport :to="to" :disabled="teleportDisabled">
+  <teleport :to="to" :disabled="!to">
     <div :class="[rootClasses, $attrs.class]" :style="rootStyles" @touchmove="handleMove">
       <transition name="fade">
         <t-mask v-show="currentVisible" :transparent="!showOverlay" @click="handleMaskClick" />
diff --git a/src/popup/props.ts b/src/popup/props.ts
index 538dc9310..79cbc0754 100644
--- a/src/popup/props.ts
+++ b/src/popup/props.ts
@@ -26,13 +26,8 @@ export default {
     type: Boolean,
     default: true,
   },
-  /** 是否禁用teleport */
-  teleportDisabled: Boolean,
   /** 透传给teleport组件的to属性 */
-  to: {
-    type: String,
-    default: 'body',
-  },
+  to: String,
   /** 弹出层内容区的动画名，等价于transition组件的name属性 */
   transitionName: {
     type: String,
@@ -41,16 +36,16 @@ export default {
   /** 是否显示浮层 */
   visible: {
    type: Boolean,
-   default: undefined 
+   default: undefined
   },
   modelValue: {
    type: Boolean,
-   default: undefined 
+   default: undefined
   },
   /** 是否显示浮层，非受控属性 */
   defaultVisible: {
    type: Boolean,
-   default: undefined 
+   default: undefined
   },
   /** 组件层级，Web 侧样式默认为 5500，移动端和小程序样式默认为 1500 */
   zIndex: {
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index 544c07edd..4450b463c 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -24,8 +24,6 @@ exports[`ssr snapshot test renders ./src/action-sheet/demos/grid.vue correctly 1
     </div>
     <!--v-if-->
   </div>
-  <!--teleport start-->
-  <!--teleport end-->
 </div>
 `;
 
@@ -64,12 +62,6 @@ exports[`ssr snapshot test renders ./src/action-sheet/demos/list.vue correctly 1
     </div>
     <!--v-if-->
   </div>
-  <!--teleport start-->
-  <!--teleport end-->
-  <!--teleport start-->
-  <!--teleport end-->
-  <!--teleport start-->
-  <!--teleport end-->
 </div>
 `;
 
@@ -99,14 +91,6 @@ exports[`ssr snapshot test renders ./src/action-sheet/demos/mobile.vue correctly
     <!--]-->
   </div>
 </div>
-<!--teleport start-->
-<!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
 <!--]-->
 `;
 
@@ -3404,8 +3388,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/base.vue correct
     </div>
     <!--v-if-->
   </div>
-  <!--teleport start-->
-  <!--teleport end-->
   <!--]-->
 </div>
 `;
@@ -3435,8 +3417,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/disable-date.vue
     </div>
     <!--v-if-->
   </div>
-  <!--teleport start-->
-  <!--teleport end-->
   <!--]-->
 </div>
 `;
@@ -3466,8 +3446,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/hour-minute.vue
     </div>
     <!--v-if-->
   </div>
-  <!--teleport start-->
-  <!--teleport end-->
   <!--]-->
 </div>
 `;
@@ -3500,8 +3478,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/mobile.vue corre
       </div>
       <!--v-if-->
     </div>
-    <!--teleport start-->
-    <!--teleport end-->
     <div class="t-cell t-cell--middle t-cell--bordered t-input">
       <!--v-if-->
       <div class="t-cell__title">
@@ -3522,8 +3498,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/mobile.vue corre
       </div>
       <!--v-if-->
     </div>
-    <!--teleport start-->
-    <!--teleport end-->
     <div class="t-cell t-cell--middle t-cell--bordered t-input">
       <!--v-if-->
       <div class="t-cell__title">
@@ -3544,8 +3518,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/mobile.vue corre
       </div>
       <!--v-if-->
     </div>
-    <!--teleport start-->
-    <!--teleport end-->
     <div class="t-cell t-cell--middle t-cell--bordered t-input">
       <!--v-if-->
       <div class="t-cell__title">
@@ -3566,8 +3538,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/mobile.vue corre
       </div>
       <!--v-if-->
     </div>
-    <!--teleport start-->
-    <!--teleport end-->
     <!--]-->
   </div>
   <div class="tdesign-mobile-demo-block">
@@ -3594,8 +3564,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/mobile.vue corre
       </div>
       <!--v-if-->
     </div>
-    <!--teleport start-->
-    <!--teleport end-->
     <!--]-->
   </div>
 </div>
@@ -3626,8 +3594,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/year-month.vue c
     </div>
     <!--v-if-->
   </div>
-  <!--teleport start-->
-  <!--teleport end-->
   <!--]-->
 </div>
 `;
@@ -3657,8 +3623,6 @@ exports[`ssr snapshot test renders ./src/date-time-picker/demos/year-month-date.
     </div>
     <!--v-if-->
   </div>
-  <!--teleport start-->
-  <!--teleport end-->
   <!--]-->
 </div>
 `;
@@ -3678,54 +3642,6 @@ exports[`ssr snapshot test renders ./src/dialog/demos/confirm.vue correctly 1`]
           </button><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
             <!----><span class="t-button__text"><!--[--> 带警示操作对话框 <!--]--></span>
           </button>
-          <!--teleport start-->
-          <div class="t-popup" style="">
-            <div class="t-mask" style="display:none;"></div>
-            <div class="t-popup--content t-popup--content-center" style="display:none;">
-              <!--[-->
-              <div id="root" class="t-dialog" style="width:undefinedpx;">
-                <div class="t-dialog__header t-dialog__header--has-content">
-                  <!--[-->
-                  <div class="t-dialog__title">对话框标题</div>
-                  <!--]-->
-                </div>
-                <div class="t-dialog__body">
-                  <div class="t-dialog__text">告知当前状态、信息和解决方法</div>
-                </div>
-                <div class="t-dialog__footer">
-                  <!--v-if-->
-                  <!--v-if-->
-                </div>
-                <!--v-if-->
-              </div>
-              <!--]-->
-            </div>
-          </div>
-          <!--teleport end-->
-          <!--teleport start-->
-          <div class="t-popup" style="">
-            <div class="t-mask" style="display:none;"></div>
-            <div class="t-popup--content t-popup--content-center" style="display:none;">
-              <!--[-->
-              <div id="root" class="t-dialog" style="width:undefinedpx;">
-                <div class="t-dialog__header t-dialog__header--has-content">
-                  <!--[-->
-                  <div class="t-dialog__title">对话框标题</div>
-                  <!--]-->
-                </div>
-                <div class="t-dialog__body">
-                  <div class="t-dialog__text">告知当前状态、信息和解决方法，等内容。描述文案尽可能控制在三行内</div>
-                </div>
-                <div class="t-dialog__footer">
-                  <!--v-if-->
-                  <!--v-if-->
-                </div>
-                <!--v-if-->
-              </div>
-              <!--]-->
-            </div>
-          </div>
-          <!--teleport end-->
           <!--]-->
         </div>
         <!--v-if-->
@@ -3753,28 +3669,6 @@ exports[`ssr snapshot test renders ./src/dialog/demos/feedback.vue correctly 1`]
             <!--[--><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
               <!----><span class="t-button__text"><!--[--> 单行标题对话框 <!--]--></span>
             </button>
-            <!--teleport start-->
-            <div class="t-popup" style="">
-              <div class="t-mask" style="display:none;"></div>
-              <div class="t-popup--content t-popup--content-center" style="display:none;">
-                <!--[-->
-                <div id="root" class="t-dialog" style="width:undefinedpx;">
-                  <div class="t-dialog__header">
-                    <!--[-->
-                    <div class="t-dialog__title">最小高度样式，文案上下居中</div>
-                    <!--]-->
-                  </div>
-                  <!--v-if-->
-                  <div class="t-dialog__footer">
-                    <!--v-if-->
-                    <!--v-if-->
-                  </div>
-                  <!--v-if-->
-                </div>
-                <!--]-->
-              </div>
-            </div>
-            <!--teleport end-->
             <!--]-->
           </div>
           <!--v-if-->
@@ -3786,28 +3680,6 @@ exports[`ssr snapshot test renders ./src/dialog/demos/feedback.vue correctly 1`]
             <!--[--><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
               <!----><span class="t-button__text"><!--[--> 多行标题对话框 <!--]--></span>
             </button>
-            <!--teleport start-->
-            <div class="t-popup" style="">
-              <div class="t-mask" style="display:none;"></div>
-              <div class="t-popup--content t-popup--content-center" style="display:none;">
-                <!--[-->
-                <div id="root" class="t-dialog" style="width:undefinedpx;">
-                  <div class="t-dialog__header">
-                    <!--[-->
-                    <div class="t-dialog__title">告知当前状态、信息和解决方法，等内容。描述文案尽可能控制在三行内</div>
-                    <!--]-->
-                  </div>
-                  <!--v-if-->
-                  <div class="t-dialog__footer">
-                    <!--v-if-->
-                    <!--v-if-->
-                  </div>
-                  <!--v-if-->
-                </div>
-                <!--]-->
-              </div>
-            </div>
-            <!--teleport end-->
             <!--]-->
           </div>
           <!--v-if-->
@@ -3819,26 +3691,6 @@ exports[`ssr snapshot test renders ./src/dialog/demos/feedback.vue correctly 1`]
             <!--[--><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
               <!----><span class="t-button__text"><!--[--> 短文本对话框 <!--]--></span>
             </button>
-            <!--teleport start-->
-            <div class="t-popup" style="">
-              <div class="t-mask" style="display:none;"></div>
-              <div class="t-popup--content t-popup--content-center" style="display:none;">
-                <!--[-->
-                <div id="root" class="t-dialog" style="width:undefinedpx;">
-                  <!--v-if-->
-                  <div class="t-dialog__body">
-                    <div class="t-dialog__text">告知当前状态、信息和解决方法</div>
-                  </div>
-                  <div class="t-dialog__footer">
-                    <!--v-if-->
-                    <!--v-if-->
-                  </div>
-                  <!--v-if-->
-                </div>
-                <!--]-->
-              </div>
-            </div>
-            <!--teleport end-->
             <!--]-->
           </div>
           <!--v-if-->
@@ -3850,28 +3702,6 @@ exports[`ssr snapshot test renders ./src/dialog/demos/feedback.vue correctly 1`]
             <!--[--><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
               <!----><span class="t-button__text"><!--[--> 长文本对话框 <!--]--></span>
             </button>
-            <!--teleport start-->
-            <div class="t-popup" style="">
-              <div class="t-mask" style="display:none;"></div>
-              <div class="t-popup--content t-popup--content-center" style="display:none;">
-                <!--[-->
-                <div id="root" class="t-dialog" style="width:undefinedpx;">
-                  <div class="t-dialog__header">
-                    <!--[-->
-                    <div class="t-dialog__title">对话框标题</div>
-                    <!--]-->
-                  </div>
-                  <!--v-if-->
-                  <div class="t-dialog__footer">
-                    <!--v-if-->
-                    <!--v-if-->
-                  </div>
-                  <!--v-if-->
-                </div>
-                <!--]-->
-              </div>
-            </div>
-            <!--teleport end-->
             <!--]-->
           </div>
           <!--v-if-->
@@ -3898,52 +3728,6 @@ exports[`ssr snapshot test renders ./src/dialog/demos/input.vue correctly 1`] =
     </div>
     <!--v-if-->
   </div>
-  <!--teleport start-->
-  <div class="t-popup" style="">
-    <div class="t-mask" style="display:none;"></div>
-    <div class="t-popup--content t-popup--content-center" style="display:none;">
-      <!--[-->
-      <div id="root" class="t-dialog" style="width:undefinedpx;">
-        <div class="t-dialog__header">
-          <!--[-->
-          <div class="t-dialog__title">标题</div>
-          <!--]-->
-        </div>
-        <!--v-if-->
-        <div class="t-dialog__footer">
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <!--v-if-->
-      </div>
-      <!--]-->
-    </div>
-  </div>
-  <!--teleport end-->
-  <!--teleport start-->
-  <div class="t-popup" style="">
-    <div class="t-mask" style="display:none;"></div>
-    <div class="t-popup--content t-popup--content-center" style="display:none;">
-      <!--[-->
-      <div id="root" class="t-dialog" style="width:undefinedpx;">
-        <div class="t-dialog__header t-dialog__header--has-content">
-          <!--[-->
-          <div class="t-dialog__title">标题</div>
-          <!--]-->
-        </div>
-        <div class="t-dialog__body">
-          <div class="t-dialog__text">告知当前状态、信息和解决方法，等内容。描述文案尽可能控制在三行内</div>
-        </div>
-        <div class="t-dialog__footer">
-          <!--v-if-->
-          <!--v-if-->
-        </div>
-        <!--v-if-->
-      </div>
-      <!--]-->
-    </div>
-  </div>
-  <!--teleport end-->
 </div>
 `;
 
@@ -3965,108 +3749,7 @@ exports[`ssr snapshot test renders ./src/dialog/demos/mobile.vue correctly 1`] =
         <!----><span class="t-button__text"><!--[--> 长文本对话框 <!--]--></span>
       </button><button class="t-button t-size-l t-button--outline t-button--default t-button--square" role="button" aria-disabled="false">
         <!----><span class="t-button__text"><!--[--> 函数调用长文本对话框 <!--]--></span>
-      </button>
-      <!--teleport start-->
-      <div class="t-popup" style="">
-        <div class="t-mask" style="display:none;"></div>
-        <div class="t-popup--content t-popup--content-center" style="display:none;">
-          <!--[-->
-          <div id="root" class="t-dialog" style="width:undefinedpx;">
-            <div class="t-dialog__header">
-              <!--[-->
-              <div class="t-dialog__title">最小高度样式，文案上下居中</div>
-              <!--]-->
-            </div>
-            <!--v-if-->
-            <div class="t-dialog__footer">
-              <!--v-if-->
-              <div class="t-dialog__btn t-dialog__btn--primary t-dialog__horizontal-btn">
-                <!--[-->我知道了
-                <!--]-->
-              </div>
-            </div>
-            <!--v-if-->
-          </div>
-          <!--]-->
-        </div>
-      </div>
-      <!--teleport end-->
-      <!--teleport start-->
-      <div class="t-popup" style="">
-        <div class="t-mask" style="display:none;"></div>
-        <div class="t-popup--content t-popup--content-center" style="display:none;">
-          <!--[-->
-          <div id="root" class="t-dialog" style="width:undefinedpx;">
-            <div class="t-dialog__header">
-              <!--[-->
-              <div class="t-dialog__title">对话框标题告知当前状态、信息和解决方法，等内容。描述文案尽可能控制在三行内</div>
-              <!--]-->
-            </div>
-            <!--v-if-->
-            <div class="t-dialog__footer">
-              <!--v-if-->
-              <div class="t-dialog__btn t-dialog__btn--primary t-dialog__horizontal-btn">
-                <!--[-->我知道了
-                <!--]-->
-              </div>
-            </div>
-            <!--v-if-->
-          </div>
-          <!--]-->
-        </div>
-      </div>
-      <!--teleport end-->
-      <!--teleport start-->
-      <div class="t-popup" style="">
-        <div class="t-mask" style="display:none;"></div>
-        <div class="t-popup--content t-popup--content-center" style="display:none;">
-          <!--[-->
-          <div id="root" class="t-dialog" style="width:undefinedpx;">
-            <!--v-if-->
-            <div class="t-dialog__body">
-              <div class="t-dialog__text">告知当前状态、信息和解决方法</div>
-            </div>
-            <div class="t-dialog__footer">
-              <!--v-if-->
-              <div class="t-dialog__btn t-dialog__btn--primary t-dialog__horizontal-btn">
-                <!--[-->我知道了
-                <!--]-->
-              </div>
-            </div>
-            <!--v-if-->
-          </div>
-          <!--]-->
-        </div>
-      </div>
-      <!--teleport end-->
-      <!--teleport start-->
-      <div class="t-popup" style="">
-        <div class="t-mask" style="display:none;"></div>
-        <div class="t-popup--content t-popup--content-center" style="display:none;">
-          <!--[-->
-          <div id="root" class="t-dialog" style="width:undefinedpx;">
-            <div class="t-dialog__header t-dialog__header--has-content">
-              <!--[-->
-              <div class="t-dialog__title">对话框标题</div>
-              <!--]-->
-            </div>
-            <div class="t-dialog__body">
-              <div class="t-dialog__text">告知当前状态、信息和解决方法，等内容。描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很</div>
-            </div>
-            <div class="t-dialog__footer">
-              <!--v-if-->
-              <div class="t-dialog__btn t-dialog__btn--primary t-dialog__horizontal-btn">
-                <!--[-->我知道了
-                <!--]-->
-              </div>
-            </div>
-            <!--v-if-->
-          </div>
-          <!--]-->
-        </div>
-      </div>
-      <!--teleport end-->
-    </div>
+      </button></div>
     <!--]-->
   </div>
   <div class="tdesign-mobile-demo-block">
@@ -4077,68 +3760,7 @@ exports[`ssr snapshot test renders ./src/dialog/demos/mobile.vue correctly 1`] =
         <!----><span class="t-button__text"><!--[--> 双操作对话框 <!--]--></span>
       </button><button class="t-button t-size-l t-button--outline t-button--default t-button--square" role="button" aria-disabled="false">
         <!----><span class="t-button__text"><!--[--> 带警示操作对话框 <!--]--></span>
-      </button>
-      <!--teleport start-->
-      <div class="t-popup" style="">
-        <div class="t-mask" style="display:none;"></div>
-        <div class="t-popup--content t-popup--content-center" style="display:none;">
-          <!--[-->
-          <div id="root" class="t-dialog" style="width:undefinedpx;">
-            <div class="t-dialog__header t-dialog__header--has-content">
-              <!--[-->
-              <div class="t-dialog__title">对话框标题</div>
-              <!--]-->
-            </div>
-            <div class="t-dialog__body">
-              <div class="t-dialog__text">告知当前状态、信息和解决方法</div>
-            </div>
-            <div class="t-dialog__footer">
-              <div class="t-dialog__btn t-dialog__btn--default t-dialog__horizontal-btn">
-                <!--[-->我再想想
-                <!--]-->
-              </div>
-              <div class="t-dialog__btn t-dialog__btn--primary t-dialog__horizontal-btn">
-                <!--[-->我知道了
-                <!--]-->
-              </div>
-            </div>
-            <!--v-if-->
-          </div>
-          <!--]-->
-        </div>
-      </div>
-      <!--teleport end-->
-      <!--teleport start-->
-      <div class="t-popup" style="">
-        <div class="t-mask" style="display:none;"></div>
-        <div class="t-popup--content t-popup--content-center" style="display:none;">
-          <!--[-->
-          <div id="root" class="t-dialog" style="width:undefinedpx;">
-            <div class="t-dialog__header t-dialog__header--has-content">
-              <!--[-->
-              <div class="t-dialog__title">对话框标题</div>
-              <!--]-->
-            </div>
-            <div class="t-dialog__body">
-              <div class="t-dialog__text">告知当前状态、信息和解决方法，等内容。描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很多描述文案很</div>
-            </div>
-            <div class="t-dialog__footer">
-              <div class="t-dialog__btn t-dialog__btn--default t-dialog__horizontal-btn">
-                <!--[-->我再想想
-                <!--]-->
-              </div>
-              <div class="t-dialog__btn t-dialog__btn--primary t-dialog__horizontal-btn">
-                <!--[-->我知道了
-                <!--]-->
-              </div>
-            </div>
-            <!--v-if-->
-          </div>
-          <!--]-->
-        </div>
-      </div>
-      <!--teleport end-->
-    </div>
+      </button></div>
     <!--]-->
   </div>
   <div class="tdesign-mobile-demo-block">
@@ -4149,70 +3771,7 @@ exports[`ssr snapshot test renders ./src/dialog/demos/mobile.vue correctly 1`] =
         <!----><span class="t-button__text"><!--[--> 单行标题对话框 <!--]--></span>
       </button><button class="t-button t-size-l t-button--outline t-button--default t-button--square" role="button" aria-disabled="false">
         <!----><span class="t-button__text"><!--[--> 带说明文本对话框 <!--]--></span>
-      </button>
-      <!--teleport start-->
-      <div class="t-popup" style="">
-        <div class="t-mask" style="display:none;"></div>
-        <div class="t-popup--content t-popup--content-center" style="display:none;">
-          <!--[-->
-          <div id="root" class="t-dialog" style="width:undefinedpx;">
-            <div class="t-dialog__header">
-              <!--[-->
-              <div class="t-dialog__title">最小高度样式，文案上下居中</div>
-              <!--]-->
-            </div>
-            <!--v-if-->
-            <div class="t-dialog__footer">
-              <div class="t-dialog__btn t-dialog__btn--default t-dialog__horizontal-btn">
-                <!--[-->
-                <div>我不同意</div>
-                <!--]-->
-              </div>
-              <div class="t-dialog__btn t-dialog__btn--primary t-dialog__horizontal-btn">
-                <!--[-->
-                <div>我同意</div>
-                <!--]-->
-              </div>
-            </div>
-            <!--v-if-->
-          </div>
-          <!--]-->
-        </div>
-      </div>
-      <!--teleport end-->
-      <!--teleport start-->
-      <div class="t-popup" style="">
-        <div class="t-mask" style="display:none;"></div>
-        <div class="t-popup--content t-popup--content-center" style="display:none;">
-          <!--[-->
-          <div id="root" class="t-dialog" style="width:undefinedpx;">
-            <div class="t-dialog__header t-dialog__header--has-content">
-              <!--[-->
-              <div class="t-dialog__title">对话框标题</div>
-              <!--]-->
-            </div>
-            <div class="t-dialog__body">
-              <div class="t-dialog__text">告知当前状态、信息和解决方法</div>
-            </div>
-            <!--v-if-->
-            <div class="t-dialog__vertical-footer t-dialog__footer">
-              <div class="t-dialog__btn t-dialog__btn--primary t-dialog__vertical-btn">
-                <!--[-->
-                <div>我同意</div>
-                <!--]-->
-              </div>
-              <div class="t-dialog__btn t-dialog__btn--default t-dialog__vertical-btn">
-                <!--[-->
-                <div>我不同意</div>
-                <!--]-->
-              </div>
-            </div>
-          </div>
-          <!--]-->
-        </div>
-      </div>
-      <!--teleport end-->
-    </div>
+      </button></div>
     <!--]-->
   </div>
 </div>
@@ -4330,8 +3889,6 @@ exports[`ssr snapshot test renders ./src/divider/demos/vertical.vue correctly 1`
 exports[`ssr snapshot test renders ./src/drawer/demos/base.vue correctly 1`] = `
 <div>
   <div class="demo-drawer">
-    <!--teleport start-->
-    <!--teleport end-->
     <div class="demo-drawer-content">
       <div class="demo-drawer-text">单层级纯文本标签栏</div><button class="t-button t-size-l t-button--outline t-button--default t-button--round" role="button" aria-disabled="false">
         <!----><span class="t-button__text"><!--[-->基础抽屉<!--]--></span>
@@ -4344,8 +3901,6 @@ exports[`ssr snapshot test renders ./src/drawer/demos/base.vue correctly 1`] = `
 exports[`ssr snapshot test renders ./src/drawer/demos/icon.vue correctly 1`] = `
 <div>
   <div class="demo-drawer">
-    <!--teleport start-->
-    <!--teleport end-->
     <div class="demo-drawer-content">
       <div class="demo-drawer-text">单层级纯文本标签栏</div><button class="t-button t-size-l t-button--outline t-button--default t-button--round" role="button" aria-disabled="false">
         <!----><span class="t-button__text"><!--[-->带图标抽屉<!--]--></span>
@@ -4362,9 +3917,7 @@ exports[`ssr snapshot test renders ./src/drawer/demos/mobile.vue correctly 1`] =
   <div class="tdesign-mobile-demo-block">
     <h2 class="tdesign-mobile-demo-block__title">01 类型</h2>
     <p class="tdesign-mobile-demo-block__summary">基础抽屉</p>
-    <!--[-->
-    <!--teleport start-->
-    <!--teleport end--><button class="t-button t-size-l t-button--outline t-button--default t-button--round" role="button" aria-disabled="false">
+    <!--[--><button class="t-button t-size-l t-button--outline t-button--default t-button--round" role="button" aria-disabled="false">
       <!----><span class="t-button__text"><!--[-->基础抽屉<!--]--></span>
     </button>
     <!--]-->
@@ -4372,9 +3925,7 @@ exports[`ssr snapshot test renders ./src/drawer/demos/mobile.vue correctly 1`] =
   <div class="tdesign-mobile-demo-block">
     <!--v-if-->
     <p class="tdesign-mobile-demo-block__summary">带图标抽屉</p>
-    <!--[-->
-    <!--teleport start-->
-    <!--teleport end--><button class="t-button t-size-l t-button--outline t-button--default t-button--round" role="button" aria-disabled="false">
+    <!--[--><button class="t-button t-size-l t-button--outline t-button--default t-button--round" role="button" aria-disabled="false">
       <!----><span class="t-button__text"><!--[-->带图标抽屉<!--]--></span>
     </button>
     <!--]-->
@@ -10265,12 +9816,6 @@ exports[`ssr snapshot test renders ./src/picker/demos/base.vue correctly 1`] = `
     <!--]-->
   </div>
 </div><!-- pickers -->
-<!--teleport start-->
-<!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
 <!--]-->
 `;
 
@@ -10295,8 +9840,6 @@ exports[`ssr snapshot test renders ./src/picker/demos/cascade.vue correctly 1`]
     <!--]-->
   </div>
 </div>
-<!--teleport start-->
-<!--teleport end-->
 <!--]-->
 `;
 
@@ -10364,12 +9907,6 @@ exports[`ssr snapshot test renders ./src/picker/demos/mobile.vue correctly 1`] =
         <!--]-->
       </div>
     </div><!-- pickers -->
-    <!--teleport start-->
-    <!--teleport end-->
-    <!--teleport start-->
-    <!--teleport end-->
-    <!--teleport start-->
-    <!--teleport end-->
     <!--]-->
     <!--]-->
   </div>
@@ -10396,8 +9933,6 @@ exports[`ssr snapshot test renders ./src/picker/demos/mobile.vue correctly 1`] =
         <!--]-->
       </div>
     </div>
-    <!--teleport start-->
-    <!--teleport end-->
     <!--]-->
     <!--]-->
   </div>
@@ -10425,8 +9960,6 @@ exports[`ssr snapshot test renders ./src/picker/demos/mobile.vue correctly 1`] =
         <!--]-->
       </div>
     </div>
-    <!--teleport start-->
-    <!--teleport end-->
     <!--]-->
     <!--]-->
   </div>
@@ -10453,18 +9986,13 @@ exports[`ssr snapshot test renders ./src/picker/demos/object.vue correctly 1`] =
     <!--]-->
   </div>
 </div>
-<!--teleport start-->
-<!--teleport end-->
 <!--]-->
 `;
 
 exports[`ssr snapshot test renders ./src/popup/demos/custom-animation.vue correctly 1`] = `
 <div><button class="t-button t-size-m t-button--base t-button--default t-button--square" role="button" aria-disabled="false">
     <!----><span class="t-button__text"><!--[-->1.5s的slide-fade动画<!--]--></span>
-  </button>
-  <!--teleport start-->
-  <!--teleport end-->
-</div>
+  </button></div>
 `;
 
 exports[`ssr snapshot test renders ./src/popup/demos/mobile.vue correctly 1`] = `
@@ -10492,16 +10020,6 @@ exports[`ssr snapshot test renders ./src/popup/demos/mobile.vue correctly 1`] =
 </div>
 <!--teleport start-->
 <!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
-<!--teleport start-->
-<!--teleport end-->
 <!--]-->
 `;
 
@@ -10516,63 +10034,37 @@ exports[`ssr snapshot test renders ./src/popup/demos/placement.vue correctly 1`]
     <!----><span class="t-button__text"><!--[-->右侧<!--]--></span>
   </button><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
     <!----><span class="t-button__text"><!--[-->中间<!--]--></span>
-  </button>
-  <!--teleport start-->
-  <!--teleport end-->
-  <!--teleport start-->
-  <!--teleport end-->
-  <!--teleport start-->
-  <!--teleport end-->
-  <!--teleport start-->
-  <!--teleport end-->
-  <!--teleport start-->
-  <!--teleport end-->
-</div>
+  </button></div>
 `;
 
 exports[`ssr snapshot test renders ./src/popup/demos/placement-bottom.vue correctly 1`] = `
 <div class="popup-base"><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
     <!----><span class="t-button__text"><!--[-->底部弹出<!--]--></span>
-  </button>
-  <!--teleport start-->
-  <!--teleport end-->
-</div>
+  </button></div>
 `;
 
 exports[`ssr snapshot test renders ./src/popup/demos/placement-center.vue correctly 1`] = `
 <div class="popup-base"><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
     <!----><span class="t-button__text"><!--[-->中部弹出<!--]--></span>
-  </button>
-  <!--teleport start-->
-  <!--teleport end-->
-</div>
+  </button></div>
 `;
 
 exports[`ssr snapshot test renders ./src/popup/demos/placement-left.vue correctly 1`] = `
 <div class="popup-base"><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
     <!----><span class="t-button__text"><!--[-->左侧弹出<!--]--></span>
-  </button>
-  <!--teleport start-->
-  <!--teleport end-->
-</div>
+  </button></div>
 `;
 
 exports[`ssr snapshot test renders ./src/popup/demos/placement-right.vue correctly 1`] = `
 <div class="popup-base"><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
     <!----><span class="t-button__text"><!--[-->右侧弹出<!--]--></span>
-  </button>
-  <!--teleport start-->
-  <!--teleport end-->
-</div>
+  </button></div>
 `;
 
 exports[`ssr snapshot test renders ./src/popup/demos/placement-top.vue correctly 1`] = `
 <div class="popup-base"><button class="t-button t-size-m t-button--base t-button--primary t-button--square" role="button" aria-disabled="false">
     <!----><span class="t-button__text"><!--[-->顶部弹出<!--]--></span>
-  </button>
-  <!--teleport start-->
-  <!--teleport end-->
-</div>
+  </button></div>
 `;
 
 exports[`ssr snapshot test renders ./src/progress/demos/base.vue correctly 1`] = `