From c4a6d903ceaa8fc6db341e4f6eb2f22b3b60ec13 Mon Sep 17 00:00:00 2001
From: Y <anly_yaw@163.com>
Date: Tue, 11 Jul 2023 15:10:24 +0800
Subject: [PATCH] fix(ActionSheet): fix height calculation error (#936)

---
 .../__test__/__snapshots__/demo.test.jsx.snap | 6706 +----------------
 src/action-sheet/__test__/index.test.jsx      |    4 +-
 src/action-sheet/action-sheet-grid.vue        |    2 +-
 src/action-sheet/action-sheet.vue             |    2 +-
 4 files changed, 26 insertions(+), 6688 deletions(-)

diff --git a/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap b/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
index 9eca143d4..0f6d0381d 100644
--- a/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
@@ -44,296 +44,8 @@ exports[`ActionSheet > ActionSheet alignVue demo works fine 1`] = `
       <!---->
     </button>
   </div>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-10b85410=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <p
-          class="t-action-sheet__description"
-        >
-          动作面板描述文字
-        </p>
-        <div
-          class="t-action-sheet__list"
-        >
-          
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项1
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项2
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项3
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项4
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          
-        </div>
-        <!--v-if-->
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-list"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-10b85410=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <p
-          class="t-action-sheet__description t-action-sheet__description--left"
-        >
-          动作面板描述文字
-        </p>
-        <div
-          class="t-action-sheet__list"
-        >
-          
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item t-action-sheet__list-item--left"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项1
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item t-action-sheet__list-item--left"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项2
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item t-action-sheet__list-item--left"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项3
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item t-action-sheet__list-item--left"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项4
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          
-        </div>
-        <!--v-if-->
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-list"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
+  <!--v-if-->
+  <!--v-if-->
   
 </div>
 `;
@@ -365,628 +77,7 @@ exports[`ActionSheet > ActionSheet gridMultipleVue demo works fine 1`] = `
       <!---->
     </button>
   </div>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-1719f7aa=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <!--v-if-->
-        <!--v-if-->
-        <div
-          class="t-action-sheet__grid t-action-sheet__grid--swiper t-action-sheet__dots"
-        >
-          <div
-            class="t-swiper t-swiper--default t-action-sheet__swiper-wrap"
-            pagination-position="bottom"
-          >
-            <div
-              class="t-swiper__container"
-              style="flex-direction: row; transition: none; height: auto;"
-            >
-              
-              
-              <div
-                class="t-swiper-item"
-                style=""
-              >
-                
-                <div
-                  class="t-grid"
-                  style="grid-template-columns: repeat(4, 1fr);"
-                >
-                  
-                  
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <div
-                        class="t-image t-image--round"
-                      >
-                        <div
-                          class="t-image__mask"
-                        >
-                          <div
-                            class="t-loading"
-                            style="font-size: 20px;"
-                          >
-                            <div
-                              class="t-loading__dots"
-                              style="animation-duration: 800ms; width: 20px; height: 20px;"
-                            >
-                              
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0s;"
-                              />
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                              />
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                              />
-                              
-                            </div>
-                            <!--v-if-->
-                            <!---->
-                          </div>
-                        </div>
-                        <picture>
-                          <!--v-if-->
-                          <img
-                            alt=""
-                            class="t-image__img"
-                            src="https://tdesign.gtimg.com/miniprogram/logo/wechat.png"
-                            style="object-fit: fill; object-position: center;"
-                          />
-                        </picture>
-                      </div>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        微信
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <div
-                        class="t-image t-image--round"
-                      >
-                        <div
-                          class="t-image__mask"
-                        >
-                          <div
-                            class="t-loading"
-                            style="font-size: 20px;"
-                          >
-                            <div
-                              class="t-loading__dots"
-                              style="animation-duration: 800ms; width: 20px; height: 20px;"
-                            >
-                              
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0s;"
-                              />
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                              />
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                              />
-                              
-                            </div>
-                            <!--v-if-->
-                            <!---->
-                          </div>
-                        </div>
-                        <picture>
-                          <!--v-if-->
-                          <img
-                            alt=""
-                            class="t-image__img"
-                            src="https://tdesign.gtimg.com/miniprogram/logo/times.png"
-                            style="object-fit: fill; object-position: center;"
-                          />
-                        </picture>
-                      </div>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        朋友圈
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <div
-                        class="t-image t-image--round"
-                      >
-                        <div
-                          class="t-image__mask"
-                        >
-                          <div
-                            class="t-loading"
-                            style="font-size: 20px;"
-                          >
-                            <div
-                              class="t-loading__dots"
-                              style="animation-duration: 800ms; width: 20px; height: 20px;"
-                            >
-                              
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0s;"
-                              />
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                              />
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                              />
-                              
-                            </div>
-                            <!--v-if-->
-                            <!---->
-                          </div>
-                        </div>
-                        <picture>
-                          <!--v-if-->
-                          <img
-                            alt=""
-                            class="t-image__img"
-                            src="https://tdesign.gtimg.com/miniprogram/logo/qq.png"
-                            style="object-fit: fill; object-position: center;"
-                          />
-                        </picture>
-                      </div>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        QQ
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <div
-                        class="t-image t-image--round"
-                      >
-                        <div
-                          class="t-image__mask"
-                        >
-                          <div
-                            class="t-loading"
-                            style="font-size: 20px;"
-                          >
-                            <div
-                              class="t-loading__dots"
-                              style="animation-duration: 800ms; width: 20px; height: 20px;"
-                            >
-                              
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0s;"
-                              />
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                              />
-                              <div
-                                class="t-loading__dot"
-                                style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                              />
-                              
-                            </div>
-                            <!--v-if-->
-                            <!---->
-                          </div>
-                        </div>
-                        <picture>
-                          <!--v-if-->
-                          <img
-                            alt=""
-                            class="t-image__img"
-                            src="https://tdesign.gtimg.com/miniprogram/logo/wecom.png"
-                            style="object-fit: fill; object-position: center;"
-                          />
-                        </picture>
-                      </div>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        企业微信
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <svg
-                        class="t-icon t-icon-share"
-                        fill="none"
-                        height="1em"
-                        style="font-size: 24px;"
-                        viewBox="0 0 16 16"
-                        width="1em"
-                      >
-                        <path
-                          d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
-                          fill="currentColor"
-                          fill-opacity="0.9"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        收藏
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <svg
-                        class="t-icon t-icon-star"
-                        fill="none"
-                        height="1em"
-                        style="font-size: 24px;"
-                        viewBox="0 0 16 16"
-                        width="1em"
-                      >
-                        <path
-                          d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
-                          fill="currentColor"
-                          fill-opacity="0.9"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        刷新
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <svg
-                        class="t-icon t-icon-download"
-                        fill="none"
-                        height="1em"
-                        style="font-size: 24px;"
-                        viewBox="0 0 16 16"
-                        width="1em"
-                      >
-                        <path
-                          d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
-                          fill="currentColor"
-                          fill-opacity="0.9"
-                        />
-                        <path
-                          d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                          fill="currentColor"
-                          fill-opacity="0.9"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        下载
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <svg
-                        class="t-icon t-icon-edit-1"
-                        fill="none"
-                        height="1em"
-                        style="font-size: 24px;"
-                        viewBox="0 0 16 16"
-                        width="1em"
-                      >
-                        <g
-                          fill="currentColor"
-                          fill-opacity="0.9"
-                          opacity="0.9"
-                        >
-                          <path
-                            d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        复制
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  
-                  
-                </div>
-                
-              </div>
-              <div
-                class="t-swiper-item"
-                style=""
-              >
-                
-                <div
-                  class="t-grid"
-                  style="grid-template-columns: repeat(4, 1fr);"
-                >
-                  
-                  
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="font-size: 24px;"
-                        viewBox="0 0 16 16"
-                        width="1em"
-                      >
-                        <path
-                          clip-rule="evenodd"
-                          d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                          fill="currentColor"
-                          fill-opacity="0.9"
-                          fill-rule="evenodd"
-                        />
-                        <path
-                          d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                          fill="currentColor"
-                          fill-opacity="0.9"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        文字
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item t-grid-item--vertical"
-                    style="text-align: center; flex-basis: 25%;"
-                  >
-                    <div
-                      class="t-grid-item__image t-grid-item__image--middle"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="font-size: 24px;"
-                        viewBox="0 0 16 16"
-                        width="1em"
-                      >
-                        <path
-                          clip-rule="evenodd"
-                          d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                          fill="currentColor"
-                          fill-opacity="0.9"
-                          fill-rule="evenodd"
-                        />
-                        <path
-                          d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                          fill="currentColor"
-                          fill-opacity="0.9"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="t-grid-item__content t-grid-item__content--vertical"
-                    >
-                      <div
-                        class="t-grid-item__title t-grid-item__title--middle"
-                      >
-                        文字
-                      </div>
-                      <div
-                        class="t-grid-item__description t-grid-item__description--vertical"
-                      >
-                        <!---->
-                      </div>
-                    </div>
-                  </div>
-                  
-                  
-                </div>
-                
-              </div>
-              
-              
-            </div>
-            <!-- 导航器 -->
-            
-            <!--v-if-->
-            <span
-              class="t-swiper-nav--horizontal t-swiper-nav__dots t-swiper-nav--bottom"
-            >
-              
-              
-              <!--v-if-->
-            </span>
-            
-          </div>
-          <!--v-if-->
-        </div>
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-grid"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
+  <!--v-if-->
   
 </div>
 `;
@@ -1052,1544 +143,9 @@ exports[`ActionSheet > ActionSheet gridVue demo works fine 1`] = `
       <!---->
     </button>
   </div>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-06f7cca3=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <!--v-if-->
-        <!--v-if-->
-        <div
-          class="t-action-sheet__grid"
-        >
-          <!--v-if-->
-          <div
-            class="t-grid"
-            style="grid-template-columns: repeat(4, 1fr);"
-          >
-            
-            
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-image t-image--round"
-                >
-                  <div
-                    class="t-image__mask"
-                  >
-                    <div
-                      class="t-loading"
-                      style="font-size: 20px;"
-                    >
-                      <div
-                        class="t-loading__dots"
-                        style="animation-duration: 800ms; width: 20px; height: 20px;"
-                      >
-                        
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                        />
-                        
-                      </div>
-                      <!--v-if-->
-                      <!---->
-                    </div>
-                  </div>
-                  <picture>
-                    <!--v-if-->
-                    <img
-                      alt=""
-                      class="t-image__img"
-                      src="https://tdesign.gtimg.com/miniprogram/logo/wechat.png"
-                      style="object-fit: fill; object-position: center;"
-                    />
-                  </picture>
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  微信
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-image t-image--round"
-                >
-                  <div
-                    class="t-image__mask"
-                  >
-                    <div
-                      class="t-loading"
-                      style="font-size: 20px;"
-                    >
-                      <div
-                        class="t-loading__dots"
-                        style="animation-duration: 800ms; width: 20px; height: 20px;"
-                      >
-                        
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                        />
-                        
-                      </div>
-                      <!--v-if-->
-                      <!---->
-                    </div>
-                  </div>
-                  <picture>
-                    <!--v-if-->
-                    <img
-                      alt=""
-                      class="t-image__img"
-                      src="https://tdesign.gtimg.com/miniprogram/logo/times.png"
-                      style="object-fit: fill; object-position: center;"
-                    />
-                  </picture>
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  朋友圈
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-image t-image--round"
-                >
-                  <div
-                    class="t-image__mask"
-                  >
-                    <div
-                      class="t-loading"
-                      style="font-size: 20px;"
-                    >
-                      <div
-                        class="t-loading__dots"
-                        style="animation-duration: 800ms; width: 20px; height: 20px;"
-                      >
-                        
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                        />
-                        
-                      </div>
-                      <!--v-if-->
-                      <!---->
-                    </div>
-                  </div>
-                  <picture>
-                    <!--v-if-->
-                    <img
-                      alt=""
-                      class="t-image__img"
-                      src="https://tdesign.gtimg.com/miniprogram/logo/qq.png"
-                      style="object-fit: fill; object-position: center;"
-                    />
-                  </picture>
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  QQ
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-image t-image--round"
-                >
-                  <div
-                    class="t-image__mask"
-                  >
-                    <div
-                      class="t-loading"
-                      style="font-size: 20px;"
-                    >
-                      <div
-                        class="t-loading__dots"
-                        style="animation-duration: 800ms; width: 20px; height: 20px;"
-                      >
-                        
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                        />
-                        
-                      </div>
-                      <!--v-if-->
-                      <!---->
-                    </div>
-                  </div>
-                  <picture>
-                    <!--v-if-->
-                    <img
-                      alt=""
-                      class="t-image__img"
-                      src="https://tdesign.gtimg.com/miniprogram/logo/wecom.png"
-                      style="object-fit: fill; object-position: center;"
-                    />
-                  </picture>
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  企业微信
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-share"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  收藏
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-star"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  刷新
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-download"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  下载
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <g
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  复制
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            
-            
-          </div>
-        </div>
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-grid"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-06f7cca3=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <p
-          class="t-action-sheet__description t-action-sheet__description--grid"
-        >
-          动作面板描述文字
-        </p>
-        <!--v-if-->
-        <div
-          class="t-action-sheet__grid"
-        >
-          <!--v-if-->
-          <div
-            class="t-grid"
-            style="grid-template-columns: repeat(4, 1fr);"
-          >
-            
-            
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-image t-image--round"
-                >
-                  <div
-                    class="t-image__mask"
-                  >
-                    <div
-                      class="t-loading"
-                      style="font-size: 20px;"
-                    >
-                      <div
-                        class="t-loading__dots"
-                        style="animation-duration: 800ms; width: 20px; height: 20px;"
-                      >
-                        
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                        />
-                        
-                      </div>
-                      <!--v-if-->
-                      <!---->
-                    </div>
-                  </div>
-                  <picture>
-                    <!--v-if-->
-                    <img
-                      alt=""
-                      class="t-image__img"
-                      src="https://tdesign.gtimg.com/miniprogram/logo/wechat.png"
-                      style="object-fit: fill; object-position: center;"
-                    />
-                  </picture>
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  微信
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-image t-image--round"
-                >
-                  <div
-                    class="t-image__mask"
-                  >
-                    <div
-                      class="t-loading"
-                      style="font-size: 20px;"
-                    >
-                      <div
-                        class="t-loading__dots"
-                        style="animation-duration: 800ms; width: 20px; height: 20px;"
-                      >
-                        
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                        />
-                        
-                      </div>
-                      <!--v-if-->
-                      <!---->
-                    </div>
-                  </div>
-                  <picture>
-                    <!--v-if-->
-                    <img
-                      alt=""
-                      class="t-image__img"
-                      src="https://tdesign.gtimg.com/miniprogram/logo/times.png"
-                      style="object-fit: fill; object-position: center;"
-                    />
-                  </picture>
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  朋友圈
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-image t-image--round"
-                >
-                  <div
-                    class="t-image__mask"
-                  >
-                    <div
-                      class="t-loading"
-                      style="font-size: 20px;"
-                    >
-                      <div
-                        class="t-loading__dots"
-                        style="animation-duration: 800ms; width: 20px; height: 20px;"
-                      >
-                        
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                        />
-                        
-                      </div>
-                      <!--v-if-->
-                      <!---->
-                    </div>
-                  </div>
-                  <picture>
-                    <!--v-if-->
-                    <img
-                      alt=""
-                      class="t-image__img"
-                      src="https://tdesign.gtimg.com/miniprogram/logo/qq.png"
-                      style="object-fit: fill; object-position: center;"
-                    />
-                  </picture>
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  QQ
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-image t-image--round"
-                >
-                  <div
-                    class="t-image__mask"
-                  >
-                    <div
-                      class="t-loading"
-                      style="font-size: 20px;"
-                    >
-                      <div
-                        class="t-loading__dots"
-                        style="animation-duration: 800ms; width: 20px; height: 20px;"
-                      >
-                        
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                        />
-                        <div
-                          class="t-loading__dot"
-                          style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                        />
-                        
-                      </div>
-                      <!--v-if-->
-                      <!---->
-                    </div>
-                  </div>
-                  <picture>
-                    <!--v-if-->
-                    <img
-                      alt=""
-                      class="t-image__img"
-                      src="https://tdesign.gtimg.com/miniprogram/logo/wecom.png"
-                      style="object-fit: fill; object-position: center;"
-                    />
-                  </picture>
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  企业微信
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-share"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  收藏
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-star"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  刷新
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-download"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  下载
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <g
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  复制
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            
-            
-          </div>
-        </div>
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-grid"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-06f7cca3=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <p
-          class="t-action-sheet__description t-action-sheet__description--grid"
-        >
-          带徽标宫格型
-        </p>
-        <!--v-if-->
-        <div
-          class="t-action-sheet__grid"
-        >
-          <!--v-if-->
-          <div
-            class="t-grid"
-            style="grid-template-columns: repeat(4, 1fr);"
-          >
-            
-            
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-badge"
-                >
-                  <div
-                    class="t-badge__content"
-                  >
-                    
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/wechat.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                    
-                  </div>
-                  <div
-                    class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                  >
-                    <!--v-if-->
-                      
-                    <!--v-if-->
-                  </div>
-                  <!---->
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  微信
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-badge"
-                >
-                  <div
-                    class="t-badge__content"
-                  >
-                    
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/times.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                    
-                  </div>
-                  <div
-                    class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                  >
-                    <!--v-if-->
-                      
-                    <!--v-if-->
-                  </div>
-                  <!---->
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  朋友圈
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-badge"
-                >
-                  <div
-                    class="t-badge__content"
-                  >
-                    
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/qq.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                    
-                  </div>
-                  <div
-                    class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                  >
-                    <!--v-if-->
-                      
-                    <!--v-if-->
-                  </div>
-                  <!---->
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  QQ
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <div
-                  class="t-badge"
-                >
-                  <div
-                    class="t-badge__content"
-                  >
-                    
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/wecom.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                    
-                  </div>
-                  <div
-                    class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                  >
-                    <!--v-if-->
-                     99 
-                    <!--v-if-->
-                  </div>
-                  <!---->
-                </div>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  企业微信
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-share"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  收藏
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-star"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  刷新
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-download"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  下载
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-grid-item t-grid-item--vertical"
-              style="text-align: center; flex-basis: 25%;"
-            >
-              <div
-                class="t-grid-item__image t-grid-item__image--middle"
-              >
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <g
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-grid-item__content t-grid-item__content--vertical"
-              >
-                <div
-                  class="t-grid-item__title t-grid-item__title--middle"
-                >
-                  复制
-                </div>
-                <div
-                  class="t-grid-item__description t-grid-item__description--vertical"
-                >
-                  <!---->
-                </div>
-              </div>
-            </div>
-            
-            
-          </div>
-        </div>
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-grid"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
+  <!--v-if-->
+  <!--v-if-->
+  <!--v-if-->
   
 </div>
 `;
@@ -2689,702 +245,10 @@ exports[`ActionSheet > ActionSheet listVue demo works fine 1`] = `
       <!---->
     </button>
   </div>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-443785fb=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <!--v-if-->
-        <div
-          class="t-action-sheet__list"
-        >
-          
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项一
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项二
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项三
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项四
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          
-        </div>
-        <!--v-if-->
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-list"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-443785fb=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <p
-          class="t-action-sheet__description"
-        >
-          动作面板描述文字
-        </p>
-        <div
-          class="t-action-sheet__list"
-        >
-          
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项一
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项二
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项三
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项四
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          
-        </div>
-        <!--v-if-->
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-list"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-443785fb=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <!--v-if-->
-        <div
-          class="t-action-sheet__list"
-        >
-          
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-              fill="none"
-              height="1em"
-              style="font-size: 24px;"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项一
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-              fill="none"
-              height="1em"
-              style="font-size: 24px;"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项二
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-              fill="none"
-              height="1em"
-              style="font-size: 24px;"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项三
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-              fill="none"
-              height="1em"
-              style="font-size: 24px;"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项四
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          
-        </div>
-        <!--v-if-->
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-list"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-443785fb=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <p
-          class="t-action-sheet__description"
-        >
-          动作面板描述文字
-        </p>
-        <div
-          class="t-action-sheet__list"
-        >
-          
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <div
-                class="t-badge"
-              >
-                <div
-                  class="t-badge__content"
-                >
-                  
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项一
-                  </span>
-                  
-                </div>
-                <div
-                  class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                  style="right: -16px; top: 20px;"
-                >
-                  <!--v-if-->
-                   1 
-                  <!--v-if-->
-                </div>
-                <!---->
-              </div>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <div
-                class="t-badge"
-              >
-                <div
-                  class="t-badge__content"
-                >
-                  
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项二
-                  </span>
-                  
-                </div>
-                <div
-                  class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                  style="right: -16px; top: 20px;"
-                >
-                  <!--v-if-->
-                    
-                  <!--v-if-->
-                </div>
-                <!---->
-              </div>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <div
-                class="t-badge"
-              >
-                <div
-                  class="t-badge__content"
-                >
-                  
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项三
-                  </span>
-                  
-                </div>
-                <div
-                  class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                  style="right: -16px; top: 20px;"
-                >
-                  <!--v-if-->
-                    
-                  <!--v-if-->
-                </div>
-                <!---->
-              </div>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              <div
-                class="t-badge"
-              >
-                <div
-                  class="t-badge__content"
-                >
-                  
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项四
-                  </span>
-                  
-                </div>
-                <div
-                  class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                  style="right: -16px; top: 20px;"
-                >
-                  <!--v-if-->
-                    
-                  <!--v-if-->
-                </div>
-                <!---->
-              </div>
-              
-            </span>
-            <!---->
-          </button>
-          
-        </div>
-        <!--v-if-->
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-list"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
+  <!--v-if-->
+  <!--v-if-->
+  <!--v-if-->
+  <!--v-if-->
   
 </div>
 `;
@@ -3516,702 +380,10 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <!---->
         </button>
       </div>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-443785fb=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <!--v-if-->
-            <div
-              class="t-action-sheet__list"
-            >
-              
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项一
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项二
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项三
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项四
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              
-            </div>
-            <!--v-if-->
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-list"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-443785fb=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <p
-              class="t-action-sheet__description"
-            >
-              动作面板描述文字
-            </p>
-            <div
-              class="t-action-sheet__list"
-            >
-              
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项一
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项二
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项三
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项四
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              
-            </div>
-            <!--v-if-->
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-list"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-443785fb=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <!--v-if-->
-            <div
-              class="t-action-sheet__list"
-            >
-              
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-app"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项一
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-app"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项二
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-app"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项三
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-app"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项四
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              
-            </div>
-            <!--v-if-->
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-list"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-443785fb=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <p
-              class="t-action-sheet__description"
-            >
-              动作面板描述文字
-            </p>
-            <div
-              class="t-action-sheet__list"
-            >
-              
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <div
-                    class="t-badge"
-                  >
-                    <div
-                      class="t-badge__content"
-                    >
-                      
-                      <span
-                        class="t-action-sheet__list-item-text"
-                      >
-                        选项一
-                      </span>
-                      
-                    </div>
-                    <div
-                      class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                      style="right: -16px; top: 20px;"
-                    >
-                      <!--v-if-->
-                       1 
-                      <!--v-if-->
-                    </div>
-                    <!---->
-                  </div>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <div
-                    class="t-badge"
-                  >
-                    <div
-                      class="t-badge__content"
-                    >
-                      
-                      <span
-                        class="t-action-sheet__list-item-text"
-                      >
-                        选项二
-                      </span>
-                      
-                    </div>
-                    <div
-                      class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                      style="right: -16px; top: 20px;"
-                    >
-                      <!--v-if-->
-                        
-                      <!--v-if-->
-                    </div>
-                    <!---->
-                  </div>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <div
-                    class="t-badge"
-                  >
-                    <div
-                      class="t-badge__content"
-                    >
-                      
-                      <span
-                        class="t-action-sheet__list-item-text"
-                      >
-                        选项三
-                      </span>
-                      
-                    </div>
-                    <div
-                      class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                      style="right: -16px; top: 20px;"
-                    >
-                      <!--v-if-->
-                        
-                      <!--v-if-->
-                    </div>
-                    <!---->
-                  </div>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <div
-                    class="t-badge"
-                  >
-                    <div
-                      class="t-badge__content"
-                    >
-                      
-                      <span
-                        class="t-action-sheet__list-item-text"
-                      >
-                        选项四
-                      </span>
-                      
-                    </div>
-                    <div
-                      class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                      style="right: -16px; top: 20px;"
-                    >
-                      <!--v-if-->
-                        
-                      <!--v-if-->
-                    </div>
-                    <!---->
-                  </div>
-                  
-                </span>
-                <!---->
-              </button>
-              
-            </div>
-            <!--v-if-->
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-list"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
+      <!--v-if-->
+      <!--v-if-->
+      <!--v-if-->
+      <!--v-if-->
       
       
     </div>
@@ -4290,1544 +462,9 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <!---->
         </button>
       </div>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-06f7cca3=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <!--v-if-->
-            <!--v-if-->
-            <div
-              class="t-action-sheet__grid"
-            >
-              <!--v-if-->
-              <div
-                class="t-grid"
-                style="grid-template-columns: repeat(4, 1fr);"
-              >
-                
-                
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/wechat.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      微信
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/times.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      朋友圈
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/qq.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      QQ
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/wecom.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      企业微信
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-share"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      收藏
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-star"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      刷新
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-download"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      下载
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-edit-1"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <g
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        opacity="0.9"
-                      >
-                        <path
-                          d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      复制
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                
-                
-              </div>
-            </div>
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-grid"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-06f7cca3=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <p
-              class="t-action-sheet__description t-action-sheet__description--grid"
-            >
-              动作面板描述文字
-            </p>
-            <!--v-if-->
-            <div
-              class="t-action-sheet__grid"
-            >
-              <!--v-if-->
-              <div
-                class="t-grid"
-                style="grid-template-columns: repeat(4, 1fr);"
-              >
-                
-                
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/wechat.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      微信
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/times.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      朋友圈
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/qq.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      QQ
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-image t-image--round"
-                    >
-                      <div
-                        class="t-image__mask"
-                      >
-                        <div
-                          class="t-loading"
-                          style="font-size: 20px;"
-                        >
-                          <div
-                            class="t-loading__dots"
-                            style="animation-duration: 800ms; width: 20px; height: 20px;"
-                          >
-                            
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                            />
-                            <div
-                              class="t-loading__dot"
-                              style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                            />
-                            
-                          </div>
-                          <!--v-if-->
-                          <!---->
-                        </div>
-                      </div>
-                      <picture>
-                        <!--v-if-->
-                        <img
-                          alt=""
-                          class="t-image__img"
-                          src="https://tdesign.gtimg.com/miniprogram/logo/wecom.png"
-                          style="object-fit: fill; object-position: center;"
-                        />
-                      </picture>
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      企业微信
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-share"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      收藏
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-star"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      刷新
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-download"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      下载
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-edit-1"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <g
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        opacity="0.9"
-                      >
-                        <path
-                          d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      复制
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                
-                
-              </div>
-            </div>
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-grid"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-06f7cca3=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <p
-              class="t-action-sheet__description t-action-sheet__description--grid"
-            >
-              带徽标宫格型
-            </p>
-            <!--v-if-->
-            <div
-              class="t-action-sheet__grid"
-            >
-              <!--v-if-->
-              <div
-                class="t-grid"
-                style="grid-template-columns: repeat(4, 1fr);"
-              >
-                
-                
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-badge"
-                    >
-                      <div
-                        class="t-badge__content"
-                      >
-                        
-                        <div
-                          class="t-image t-image--round"
-                        >
-                          <div
-                            class="t-image__mask"
-                          >
-                            <div
-                              class="t-loading"
-                              style="font-size: 20px;"
-                            >
-                              <div
-                                class="t-loading__dots"
-                                style="animation-duration: 800ms; width: 20px; height: 20px;"
-                              >
-                                
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0s;"
-                                />
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                                />
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                                />
-                                
-                              </div>
-                              <!--v-if-->
-                              <!---->
-                            </div>
-                          </div>
-                          <picture>
-                            <!--v-if-->
-                            <img
-                              alt=""
-                              class="t-image__img"
-                              src="https://tdesign.gtimg.com/miniprogram/logo/wechat.png"
-                              style="object-fit: fill; object-position: center;"
-                            />
-                          </picture>
-                        </div>
-                        
-                      </div>
-                      <div
-                        class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                      >
-                        <!--v-if-->
-                          
-                        <!--v-if-->
-                      </div>
-                      <!---->
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      微信
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-badge"
-                    >
-                      <div
-                        class="t-badge__content"
-                      >
-                        
-                        <div
-                          class="t-image t-image--round"
-                        >
-                          <div
-                            class="t-image__mask"
-                          >
-                            <div
-                              class="t-loading"
-                              style="font-size: 20px;"
-                            >
-                              <div
-                                class="t-loading__dots"
-                                style="animation-duration: 800ms; width: 20px; height: 20px;"
-                              >
-                                
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0s;"
-                                />
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                                />
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                                />
-                                
-                              </div>
-                              <!--v-if-->
-                              <!---->
-                            </div>
-                          </div>
-                          <picture>
-                            <!--v-if-->
-                            <img
-                              alt=""
-                              class="t-image__img"
-                              src="https://tdesign.gtimg.com/miniprogram/logo/times.png"
-                              style="object-fit: fill; object-position: center;"
-                            />
-                          </picture>
-                        </div>
-                        
-                      </div>
-                      <div
-                        class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                      >
-                        <!--v-if-->
-                          
-                        <!--v-if-->
-                      </div>
-                      <!---->
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      朋友圈
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-badge"
-                    >
-                      <div
-                        class="t-badge__content"
-                      >
-                        
-                        <div
-                          class="t-image t-image--round"
-                        >
-                          <div
-                            class="t-image__mask"
-                          >
-                            <div
-                              class="t-loading"
-                              style="font-size: 20px;"
-                            >
-                              <div
-                                class="t-loading__dots"
-                                style="animation-duration: 800ms; width: 20px; height: 20px;"
-                              >
-                                
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0s;"
-                                />
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                                />
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                                />
-                                
-                              </div>
-                              <!--v-if-->
-                              <!---->
-                            </div>
-                          </div>
-                          <picture>
-                            <!--v-if-->
-                            <img
-                              alt=""
-                              class="t-image__img"
-                              src="https://tdesign.gtimg.com/miniprogram/logo/qq.png"
-                              style="object-fit: fill; object-position: center;"
-                            />
-                          </picture>
-                        </div>
-                        
-                      </div>
-                      <div
-                        class="t-badge--basic t-badge--dot t-badge--medium t-badge--circle t-has-count"
-                      >
-                        <!--v-if-->
-                          
-                        <!--v-if-->
-                      </div>
-                      <!---->
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      QQ
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <div
-                      class="t-badge"
-                    >
-                      <div
-                        class="t-badge__content"
-                      >
-                        
-                        <div
-                          class="t-image t-image--round"
-                        >
-                          <div
-                            class="t-image__mask"
-                          >
-                            <div
-                              class="t-loading"
-                              style="font-size: 20px;"
-                            >
-                              <div
-                                class="t-loading__dots"
-                                style="animation-duration: 800ms; width: 20px; height: 20px;"
-                              >
-                                
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0s;"
-                                />
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                                />
-                                <div
-                                  class="t-loading__dot"
-                                  style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                                />
-                                
-                              </div>
-                              <!--v-if-->
-                              <!---->
-                            </div>
-                          </div>
-                          <picture>
-                            <!--v-if-->
-                            <img
-                              alt=""
-                              class="t-image__img"
-                              src="https://tdesign.gtimg.com/miniprogram/logo/wecom.png"
-                              style="object-fit: fill; object-position: center;"
-                            />
-                          </picture>
-                        </div>
-                        
-                      </div>
-                      <div
-                        class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count"
-                      >
-                        <!--v-if-->
-                         99 
-                        <!--v-if-->
-                      </div>
-                      <!---->
-                    </div>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      企业微信
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-share"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      收藏
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-star"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      刷新
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-download"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <path
-                        d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      下载
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-grid-item t-grid-item--vertical"
-                  style="text-align: center; flex-basis: 25%;"
-                >
-                  <div
-                    class="t-grid-item__image t-grid-item__image--middle"
-                  >
-                    <svg
-                      class="t-icon t-icon-edit-1"
-                      fill="none"
-                      height="1em"
-                      style="font-size: 24px;"
-                      viewBox="0 0 16 16"
-                      width="1em"
-                    >
-                      <g
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        opacity="0.9"
-                      >
-                        <path
-                          d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-grid-item__content t-grid-item__content--vertical"
-                  >
-                    <div
-                      class="t-grid-item__title t-grid-item__title--middle"
-                    >
-                      复制
-                    </div>
-                    <div
-                      class="t-grid-item__description t-grid-item__description--vertical"
-                    >
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-                
-                
-              </div>
-            </div>
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-grid"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
+      <!--v-if-->
+      <!--v-if-->
+      <!--v-if-->
       
       
       <div
@@ -5852,628 +489,7 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <!---->
         </button>
       </div>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-1719f7aa=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <!--v-if-->
-            <!--v-if-->
-            <div
-              class="t-action-sheet__grid t-action-sheet__grid--swiper t-action-sheet__dots"
-            >
-              <div
-                class="t-swiper t-swiper--default t-action-sheet__swiper-wrap"
-                pagination-position="bottom"
-              >
-                <div
-                  class="t-swiper__container"
-                  style="flex-direction: row; transition: none; height: auto;"
-                >
-                  
-                  
-                  <div
-                    class="t-swiper-item"
-                    style=""
-                  >
-                    
-                    <div
-                      class="t-grid"
-                      style="grid-template-columns: repeat(4, 1fr);"
-                    >
-                      
-                      
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <div
-                            class="t-image t-image--round"
-                          >
-                            <div
-                              class="t-image__mask"
-                            >
-                              <div
-                                class="t-loading"
-                                style="font-size: 20px;"
-                              >
-                                <div
-                                  class="t-loading__dots"
-                                  style="animation-duration: 800ms; width: 20px; height: 20px;"
-                                >
-                                  
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0s;"
-                                  />
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                                  />
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                                  />
-                                  
-                                </div>
-                                <!--v-if-->
-                                <!---->
-                              </div>
-                            </div>
-                            <picture>
-                              <!--v-if-->
-                              <img
-                                alt=""
-                                class="t-image__img"
-                                src="https://tdesign.gtimg.com/miniprogram/logo/wechat.png"
-                                style="object-fit: fill; object-position: center;"
-                              />
-                            </picture>
-                          </div>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            微信
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <div
-                            class="t-image t-image--round"
-                          >
-                            <div
-                              class="t-image__mask"
-                            >
-                              <div
-                                class="t-loading"
-                                style="font-size: 20px;"
-                              >
-                                <div
-                                  class="t-loading__dots"
-                                  style="animation-duration: 800ms; width: 20px; height: 20px;"
-                                >
-                                  
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0s;"
-                                  />
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                                  />
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                                  />
-                                  
-                                </div>
-                                <!--v-if-->
-                                <!---->
-                              </div>
-                            </div>
-                            <picture>
-                              <!--v-if-->
-                              <img
-                                alt=""
-                                class="t-image__img"
-                                src="https://tdesign.gtimg.com/miniprogram/logo/times.png"
-                                style="object-fit: fill; object-position: center;"
-                              />
-                            </picture>
-                          </div>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            朋友圈
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <div
-                            class="t-image t-image--round"
-                          >
-                            <div
-                              class="t-image__mask"
-                            >
-                              <div
-                                class="t-loading"
-                                style="font-size: 20px;"
-                              >
-                                <div
-                                  class="t-loading__dots"
-                                  style="animation-duration: 800ms; width: 20px; height: 20px;"
-                                >
-                                  
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0s;"
-                                  />
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                                  />
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                                  />
-                                  
-                                </div>
-                                <!--v-if-->
-                                <!---->
-                              </div>
-                            </div>
-                            <picture>
-                              <!--v-if-->
-                              <img
-                                alt=""
-                                class="t-image__img"
-                                src="https://tdesign.gtimg.com/miniprogram/logo/qq.png"
-                                style="object-fit: fill; object-position: center;"
-                              />
-                            </picture>
-                          </div>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            QQ
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <div
-                            class="t-image t-image--round"
-                          >
-                            <div
-                              class="t-image__mask"
-                            >
-                              <div
-                                class="t-loading"
-                                style="font-size: 20px;"
-                              >
-                                <div
-                                  class="t-loading__dots"
-                                  style="animation-duration: 800ms; width: 20px; height: 20px;"
-                                >
-                                  
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0s;"
-                                  />
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0.26666666666666666s;"
-                                  />
-                                  <div
-                                    class="t-loading__dot"
-                                    style="animation-duration: 0.8s; animation-delay: 0.5333333333333333s;"
-                                  />
-                                  
-                                </div>
-                                <!--v-if-->
-                                <!---->
-                              </div>
-                            </div>
-                            <picture>
-                              <!--v-if-->
-                              <img
-                                alt=""
-                                class="t-image__img"
-                                src="https://tdesign.gtimg.com/miniprogram/logo/wecom.png"
-                                style="object-fit: fill; object-position: center;"
-                              />
-                            </picture>
-                          </div>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            企业微信
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <svg
-                            class="t-icon t-icon-share"
-                            fill="none"
-                            height="1em"
-                            style="font-size: 24px;"
-                            viewBox="0 0 16 16"
-                            width="1em"
-                          >
-                            <path
-                              d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                            />
-                          </svg>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            收藏
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <svg
-                            class="t-icon t-icon-star"
-                            fill="none"
-                            height="1em"
-                            style="font-size: 24px;"
-                            viewBox="0 0 16 16"
-                            width="1em"
-                          >
-                            <path
-                              d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                            />
-                          </svg>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            刷新
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <svg
-                            class="t-icon t-icon-download"
-                            fill="none"
-                            height="1em"
-                            style="font-size: 24px;"
-                            viewBox="0 0 16 16"
-                            width="1em"
-                          >
-                            <path
-                              d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                            />
-                            <path
-                              d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                            />
-                          </svg>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            下载
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <svg
-                            class="t-icon t-icon-edit-1"
-                            fill="none"
-                            height="1em"
-                            style="font-size: 24px;"
-                            viewBox="0 0 16 16"
-                            width="1em"
-                          >
-                            <g
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                              opacity="0.9"
-                            >
-                              <path
-                                d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            复制
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      
-                      
-                    </div>
-                    
-                  </div>
-                  <div
-                    class="t-swiper-item"
-                    style=""
-                  >
-                    
-                    <div
-                      class="t-grid"
-                      style="grid-template-columns: repeat(4, 1fr);"
-                    >
-                      
-                      
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <svg
-                            class="t-icon t-icon-image"
-                            fill="none"
-                            height="1em"
-                            style="font-size: 24px;"
-                            viewBox="0 0 16 16"
-                            width="1em"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                              fill-rule="evenodd"
-                            />
-                            <path
-                              d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                            />
-                          </svg>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            文字
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        class="t-grid-item t-grid-item--vertical"
-                        style="text-align: center; flex-basis: 25%;"
-                      >
-                        <div
-                          class="t-grid-item__image t-grid-item__image--middle"
-                        >
-                          <svg
-                            class="t-icon t-icon-image"
-                            fill="none"
-                            height="1em"
-                            style="font-size: 24px;"
-                            viewBox="0 0 16 16"
-                            width="1em"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                              fill-rule="evenodd"
-                            />
-                            <path
-                              d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                            />
-                          </svg>
-                        </div>
-                        <div
-                          class="t-grid-item__content t-grid-item__content--vertical"
-                        >
-                          <div
-                            class="t-grid-item__title t-grid-item__title--middle"
-                          >
-                            文字
-                          </div>
-                          <div
-                            class="t-grid-item__description t-grid-item__description--vertical"
-                          >
-                            <!---->
-                          </div>
-                        </div>
-                      </div>
-                      
-                      
-                    </div>
-                    
-                  </div>
-                  
-                  
-                </div>
-                <!-- 导航器 -->
-                
-                <!--v-if-->
-                <span
-                  class="t-swiper-nav--horizontal t-swiper-nav__dots t-swiper-nav--bottom"
-                >
-                  
-                  
-                  <!--v-if-->
-                </span>
-                
-              </div>
-              <!--v-if-->
-            </div>
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-grid"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
+      <!--v-if-->
       
       
     </div>
@@ -6522,202 +538,7 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <!---->
         </button>
       </div>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-4c697e0f=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <!--v-if-->
-            <div
-              class="t-action-sheet__list"
-            >
-              
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-app"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项一
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                style="color: rgb(0, 82, 217);"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-app"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项二
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="true"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-button--disabled t-action-sheet__list-item t-action-sheet__list-item--disabled"
-                disabled=""
-                role="button"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-app"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项三
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                style="color: rgb(227, 77, 89);"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-app"
-                  fill="none"
-                  height="1em"
-                  style="font-size: 24px;"
-                  viewBox="0 0 16 16"
-                  width="1em"
-                >
-                  <path
-                    d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                </svg>
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项四
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              
-            </div>
-            <!--v-if-->
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-list"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
+      <!--v-if-->
       
       
     </div>
@@ -6783,296 +604,8 @@ exports[`ActionSheet > ActionSheet mobileVue demo works fine 1`] = `
           <!---->
         </button>
       </div>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-10b85410=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <p
-              class="t-action-sheet__description"
-            >
-              动作面板描述文字
-            </p>
-            <div
-              class="t-action-sheet__list"
-            >
-              
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项1
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项2
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项3
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项4
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              
-            </div>
-            <!--v-if-->
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-list"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
-      <teleport-stub
-        class="t-action-sheet"
-        data-v-10b85410=""
-        disabled="false"
-        to="[object HTMLBodyElement]"
-      >
-        <div
-          class="t-overlay"
-          style="z-index: 1000; transition-duration: 300ms; display: none;"
-        >
-          
-          
-        </div>
-        <div
-          class="t-popup t-action-sheet t-popup--bottom"
-          style="display: none;"
-        >
-          <!--v-if-->
-          
-          <div
-            class="t-action-sheet__content"
-          >
-            <p
-              class="t-action-sheet__description t-action-sheet__description--left"
-            >
-              动作面板描述文字
-            </p>
-            <div
-              class="t-action-sheet__list"
-            >
-              
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item t-action-sheet__list-item--left"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项1
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item t-action-sheet__list-item--left"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项2
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item t-action-sheet__list-item--left"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项3
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item t-action-sheet__list-item--left"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  <!--v-if-->
-                  <span
-                    class="t-action-sheet__list-item-text"
-                  >
-                    选项4
-                  </span>
-                  
-                </span>
-                <!---->
-              </button>
-              
-            </div>
-            <!--v-if-->
-            <div
-              class="t-action-sheet__footer"
-            >
-              <div
-                class="t-action-sheet__gap-list"
-              />
-              <button
-                aria-disabled="false"
-                class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-                role="button"
-                type="button"
-              >
-                <!---->
-                <span
-                  class="t-button__content"
-                >
-                  
-                  取消
-                  
-                </span>
-                <!---->
-              </button>
-            </div>
-          </div>
-          
-        </div>
-      </teleport-stub>
+      <!--v-if-->
+      <!--v-if-->
       
       
     </div>
@@ -7107,202 +640,7 @@ exports[`ActionSheet > ActionSheet statusVue demo works fine 1`] = `
       <!---->
     </button>
   </div>
-  <teleport-stub
-    class="t-action-sheet"
-    data-v-4c697e0f=""
-    disabled="false"
-    to="[object HTMLBodyElement]"
-  >
-    <div
-      class="t-overlay"
-      style="z-index: 1000; transition-duration: 300ms; display: none;"
-    >
-      
-      
-    </div>
-    <div
-      class="t-popup t-action-sheet t-popup--bottom"
-      style="display: none;"
-    >
-      <!--v-if-->
-      
-      <div
-        class="t-action-sheet__content"
-      >
-        <!--v-if-->
-        <div
-          class="t-action-sheet__list"
-        >
-          
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-              fill="none"
-              height="1em"
-              style="font-size: 24px;"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项一
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            style="color: rgb(0, 82, 217);"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-              fill="none"
-              height="1em"
-              style="font-size: 24px;"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项二
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="true"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-button--disabled t-action-sheet__list-item t-action-sheet__list-item--disabled"
-            disabled=""
-            role="button"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-              fill="none"
-              height="1em"
-              style="font-size: 24px;"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项三
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__list-item"
-            role="button"
-            style="color: rgb(227, 77, 89);"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-app"
-              fill="none"
-              height="1em"
-              style="font-size: 24px;"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M11.25 1.75a3 3 0 100 6 3 3 0 000-6zm-2 3a2 2 0 114 0 2 2 0 01-4 0zM2 3a1 1 0 011-1h3.5a1 1 0 011 1v3.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3zm1 0v3.5h3.5V3H3zM2 9.5a1 1 0 011-1h3.5a1 1 0 011 1V13a1 1 0 01-1 1H3a1 1 0 01-1-1V9.5zm1 0V13h3.5V9.5H3zM8.5 9.5a1 1 0 011-1H13a1 1 0 011 1V13a1 1 0 01-1 1H9.5a1 1 0 01-1-1V9.5zm1 3.5H13V9.5H9.5V13z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            <span
-              class="t-button__content"
-            >
-              
-              <!--v-if-->
-              <span
-                class="t-action-sheet__list-item-text"
-              >
-                选项四
-              </span>
-              
-            </span>
-            <!---->
-          </button>
-          
-        </div>
-        <!--v-if-->
-        <div
-          class="t-action-sheet__footer"
-        >
-          <div
-            class="t-action-sheet__gap-list"
-          />
-          <button
-            aria-disabled="false"
-            class="t-button t-button--size-medium t-button--text t-button--default t-button--rectangle t-button--block t-action-sheet__cancel"
-            role="button"
-            type="button"
-          >
-            <!---->
-            <span
-              class="t-button__content"
-            >
-              
-              取消
-              
-            </span>
-            <!---->
-          </button>
-        </div>
-      </div>
-      
-    </div>
-  </teleport-stub>
+  <!--v-if-->
   
 </div>
 `;
diff --git a/src/action-sheet/__test__/index.test.jsx b/src/action-sheet/__test__/index.test.jsx
index 6a62a711e..31c5de920 100644
--- a/src/action-sheet/__test__/index.test.jsx
+++ b/src/action-sheet/__test__/index.test.jsx
@@ -113,11 +113,11 @@ describe('ActionSheet', () => {
           items: [],
         },
       });
-      expect(wrapper.find(`.${prefix}-popup`).isVisible()).toEqual(false);
+      expect(wrapper.find(`.${prefix}-popup`).exists()).toBeFalsy();
       await wrapper.setProps({
         visible: true,
       });
-      expect(wrapper.find(`.${prefix}-popup`).isVisible()).toEqual(true);
+      expect(wrapper.find(`.${prefix}-popup`).exists()).toBeTruthy();
     });
   });
 
diff --git a/src/action-sheet/action-sheet-grid.vue b/src/action-sheet/action-sheet-grid.vue
index a925717db..ee14ed5fa 100644
--- a/src/action-sheet/action-sheet-grid.vue
+++ b/src/action-sheet/action-sheet-grid.vue
@@ -7,7 +7,7 @@
       :navigation="{ type: 'dots', showControls: false }"
       :loop="false"
       :class="`${name}__swiper-wrap`"
-      height="192"
+      :height="192"
     >
       <t-swiper-item v-for="(Items, i) in actionItems" :key="i">
         <t-grid :column="gridColumn">
diff --git a/src/action-sheet/action-sheet.vue b/src/action-sheet/action-sheet.vue
index cc42e03b3..d17c7753e 100644
--- a/src/action-sheet/action-sheet.vue
+++ b/src/action-sheet/action-sheet.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-popup :visible="currentVisible" :placement="`bottom`" :class="name" @close="handleClose">
+  <t-popup :visible="currentVisible" :placement="`bottom`" :destroy-on-close="true" :class="name" @close="handleClose">
     <div :class="rootClasses">
       <p v-if="description" :class="descriptionClasses">{{ description }}</p>
       <action-sheet-list v-if="theme === 'list'" :align="align" :items="actionItems" @selected="handleSelected" />