Repository: Tencent/tdesign-mobile-vue
Pull request #936 (2023-07-06 10:18:30)

fix(ActionSheet): fix height calculation error
<!--
首先，感谢你的贡献！😄
请阅读并遵循 [TDesign 贡献指南](https://github.com/Tencent/tdesign/blob/main/docs/contributing.md)，填写以下 pull request 的信息。
PR 在维护者审核通过后会合并，谢谢！
-->

### 🤔 这个 PR 的性质是？

- [ ] 日常 bug 修复
- [ ] 新特性提交
- [ ] 文档改进
- [ ] 演示代码改进
- [ ] 组件样式/交互改进
- [ ] CI/CD 改进
- [ ] 重构
- [ ] 代码风格优化
- [ ] 测试用例
- [ ] 分支合并
- [ ] 其他

### 🔗 相关 Issue

<!--
1. 描述相关需求的来源，如相关的 issue 讨论链接。
-->

### 💡 需求背景和解决方案
背景：二次拉起多页宫格工作面板示例时，高度丢失
原因：Swipe 组件在挂载时会获取内容高度，以此计算出轮播图容器高度。如果组件处于隐藏状态，则获取到的容器高度永远为 0，因此无法正确计算高度。
方案：（1） v-show  替换为 v-if ；（2）swiper 组件暴露 updateContainerHeight 方法， 外部调用组件的 updateContainerHeight 主动触发重绘。（3）借助 popup  的 destroyOnClose  属性，在关闭浮层时销毁弹窗，保证二次拉起时能触发重绘。 当前pr内容采用方案3。

<!--
1. 要解决的具体问题。
2. 列出最终的 API 实现和用法。
3. 涉及UI/交互变动需要有截图或 GIF。
-->

### 📝 更新日志

<!--
从用户角度描述具体变化，以及可能的 breaking change 和其他风险。
-->

- fix(ActionSheet): 修复多页宫格工作面板高度计算错误

- [ ] 本条 PR 不需要纳入 Changelog

### ☑️ 请求合并前的自查清单

⚠️ 请自检并全部**勾选全部选项**。⚠️

- [ ] 文档已补充或无须补充
- [ ] 代码演示已提供或无须提供
- [ ] TypeScript 定义已补充或无须补充
- [ ] Changelog 已提供或无须提供


github-actions[bot]: [<img height="96" alt="失败" src="https://user-images.githubusercontent.com/5378891/75333447-1e63a280-58c1-11ea-975d-235367fd1522.png">](https://github.com/Tencent/tdesign-mobile-vue/actions/runs/5474334573)
<!-- AUTO_PREVIEW_HOOK -->
github-actions[bot]: **Size Change:** +12 B (0%) 

**Total Size:** 387 kB

| Filename | Size | Change |
| :--- | :---: | :---: |
| `./dist/tdesign.js` | 204 kB | +8 B (0%) |
| `./dist/tdesign.min.js` | 118 kB | +4 B (0%) |

<details><summary>ℹ️ <strong>View Unchanged</strong></summary>

| Filename | Size |
| :--- | :---: |
| `./dist/reset.css` | 672 B |
| `./dist/tdesign.css` | 37.4 kB |
| `./dist/tdesign.min.css` | 27.2 kB |

</details>


github-actions[bot]: **Size Change:** +12 B (0%) 

**Total Size:** 387 kB

| Filename | Size | Change |
| :--- | :---: | :---: |
| `./dist/tdesign.js` | 204 kB | +8 B (0%) |
| `./dist/tdesign.min.js` | 118 kB | +4 B (0%) |

<details><summary>ℹ️ <strong>View Unchanged</strong></summary>

| Filename | Size |
| :--- | :---: |
| `./dist/reset.css` | 672 B |
| `./dist/tdesign.css` | 37.4 kB |
| `./dist/tdesign.min.css` | 27.2 kB |

</details>



Patch:
diff --git a/src/action-sheet/action-sheet-grid.vue b/src/action-sheet/action-sheet-grid.vue
index a925717d..ee14ed5f 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 cc42e03b..d17c7753 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" />
diff --git a/src/cascader/cascader.en-US.md b/src/cascader/cascader.en-US.md
index 1c7807d2..7d81af80 100644
--- a/src/cascader/cascader.en-US.md
+++ b/src/cascader/cascader.en-US.md
@@ -17,7 +17,7 @@ defaultValue | String / Number | - | uncontrolled property | N
 visible | Boolean | false | \- | N
 onChange | Function |  | Typescript：`(value: string \| number, selectedOptions: string[]) => void`<br/> | N
 onClose | Function |  | Typescript：`(trigger: TriggerSource) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/> | N
-onPick | Function |  | Typescript：`(value: string \| number, index: number) => void`<br/> | N
+onPick | Function |  | Typescript：`(context: { level: number; value: string | number; index: number }) => void`<br/> | N
 
 ### Cascader Events
 
@@ -25,4 +25,4 @@ name | params | description
 -- | -- | --
 change | `(value: string \| number, selectedOptions: string[])` | \-
 close | `(trigger: TriggerSource)` | [see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/>
-pick | `(value: string \| number, index: number)` | \-
+pick | `(context: { level: number, value: string \| number, index: number })` | \-
diff --git a/src/cascader/cascader.md b/src/cascader/cascader.md
index 97bf03d2..77bc522c 100644
--- a/src/cascader/cascader.md
+++ b/src/cascader/cascader.md
@@ -16,7 +16,7 @@ defaultValue | String / Number | - | 选项值。非受控属性 | N
 visible | Boolean | false | 是否展示 | N
 onChange | Function |  | TS 类型：`(value: string \| number, selectedOptions: string[]) => void`<br/>值发生变更时触发 | N
 onClose | Function |  | TS 类型：`(trigger: TriggerSource) => void`<br/>关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/> | N
-onPick | Function |  | TS 类型：`(value: string \| number, index: number) => void`<br/>选择后触发 | N
+onPick | Function |  | TS 类型：`(context: { level: number, value: string \| number, index: number }) => void`<br/>选择后触发 | N
 
 ### Cascader Events
 
@@ -24,4 +24,4 @@ onPick | Function |  | TS 类型：`(value: string \| number, index: number) =>
 -- | -- | --
 change | `(value: string \| number, selectedOptions: string[])` | 值发生变更时触发
 close | `(trigger: TriggerSource)` | 关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/cascader/type.ts)。<br/>`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`<br/>
-pick | `(value: string \| number, index: number)` | 选择后触发
+pick | `(context: { level: number, value: string \| number, index: number })` | 选择后触发
diff --git a/src/cascader/cascader.vue b/src/cascader/cascader.vue
index 17546a57..b2faf3b3 100644
--- a/src/cascader/cascader.vue
+++ b/src/cascader/cascader.vue
@@ -202,8 +202,7 @@ export default defineComponent({
       if (item.disabled) {
         return;
       }
-
-      props.onPick?.({ value: item[keys.value?.value ?? 'value'], index });
+      props.onPick?.({ level, value: item[keys.value?.value ?? 'value'], index });
 
       if (item[(keys as Ref<KeysType>).value?.children ?? 'children']?.length) {
         items[level + 1] = item[(keys as Ref<KeysType>).value?.children ?? 'children'];
diff --git a/src/cascader/demos/base.vue b/src/cascader/demos/base.vue
index 0473ec89..3b9defa8 100644
--- a/src/cascader/demos/base.vue
+++ b/src/cascader/demos/base.vue
@@ -1,6 +1,13 @@
 <template>
   <t-cell title="地址" :note="note" arrow @click="showCascader" />
-  <t-cascader v-model:visible="visible" :value="address" title="选择地址" :options="options" @change="onChange" />
+  <t-cascader
+    v-model:visible="visible"
+    :value="address"
+    title="选择地址"
+    :options="options"
+    @pick="onPick"
+    @change="onChange"
+  />
 </template>
 
 <script lang="ts" setup>
@@ -79,4 +86,8 @@ const onChange = (value: string, options: any) => {
 const showCascader = () => {
   visible.value = true;
 };
+
+const onPick = (context: { level: number; value: string | number; index: number }) => {
+  console.log(`level: ${context.level}, value: ${context.value}, index: ${context.index}`);
+};
 </script>
diff --git a/src/cascader/type.ts b/src/cascader/type.ts
index 5a834406..2fe5cea2 100644
--- a/src/cascader/type.ts
+++ b/src/cascader/type.ts
@@ -63,7 +63,7 @@ export interface TdCascaderProps<CascaderOption extends TreeOptionData = TreeOpt
   /**
    * 选择后触发
    */
-  onPick?: (value: string | number, index: number) => void;
+  onPick?: (context: { level: number; value: string | number; index: number }) => void;
 }
 
 export type TriggerSource = 'overlay' | 'close-btn' | 'finish';
diff --git a/src/overlay/style/index.js b/src/overlay/style/index.js
index dc468137..628df2d4 100644
--- a/src/overlay/style/index.js
+++ b/src/overlay/style/index.js
@@ -1,1 +1,1 @@
-import '../../_common/style/mobile/components/overlay/_index.less';
+import '../../_common/style/mobile/components/overlay/v2/_index.less';
diff --git a/src/table/base-table.vue b/src/table/base-table.vue
index 9ce3d50e..1d3beaa5 100644
--- a/src/table/base-table.vue
+++ b/src/table/base-table.vue
@@ -103,7 +103,7 @@ export default defineComponent({
   setup(props) {
     const { classPrefix, tableLayoutClasses, tableHeaderClasses, tableBaseClass, tdAlignClasses, tdEllipsisClass } =
       useClassName();
-
+    const defaultLoadingContent = h(TLoading, { ...props.loadingProps });
     // 表格基础样式类
     const { tableClasses, tableContentStyles, tableElementStyles } = useStyle(props);
 
@@ -140,9 +140,8 @@ export default defineComponent({
     const renderCellEmptyContent = computed(() => renderTNode(internalInstance, 'cellEmptyContent'));
     const loadingClasses = computed(() => [`${classPrefix}-table__loading--full`]);
     const loadingContent = computed(() =>
-      renderTNode(internalInstance, 'loading', { defaultNode: h(TLoading, { ...props.loadingProps }) }),
+      renderTNode(internalInstance, 'loading', { defaultNode: defaultLoadingContent }),
     );
-
     const onInnerVirtualScroll = (e: WheelEvent) => {
       props.onScroll?.({ params: e });
     };
diff --git a/src/toast/toast.vue b/src/toast/toast.vue
index fa3fc93b..1c54ca80 100644
--- a/src/toast/toast.vue
+++ b/src/toast/toast.vue
@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import { LoadingIcon, CheckCircleIcon, CloseCircleIcon } from 'tdesign-icons-vue-next';
-import { computed, toRefs, ref, defineComponent, getCurrentInstance, h } from 'vue';
+import { computed, toRefs, ref, defineComponent, getCurrentInstance, h, onUnmounted } from 'vue';
 import { renderTNode, TNode } from '../shared';
 import TOverlay from '../overlay';
 import ToastProps from './props';
@@ -22,6 +22,7 @@ import config from '../config';
 
 const { prefix } = config;
 const name = `${prefix}-toast`;
+const bodyLockClass = `${prefix}-overflow-hidden`;
 
 export default defineComponent({
   name,
@@ -70,18 +71,30 @@ export default defineComponent({
       },
     ]);
 
+    const lock = () => {
+      document.body.classList.add(bodyLockClass);
+    };
+
+    const unlock = () => {
+      document.body.classList.remove(bodyLockClass);
+    };
+
     const customOverlayProps = computed(() => {
       const toastOverlayProps = {
         preventScrollThrough: props.preventScrollThrough,
         visible: props.showOverlay,
       };
-
+      props.preventScrollThrough ? lock() : unlock();
       return {
         ...props.overlayProps,
         ...toastOverlayProps,
       };
     });
 
+    onUnmounted(() => {
+      unlock();
+    });
+
     return {
       name: ref(name),
       classes,


Test patch:
diff --git a/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap b/src/action-sheet/__test__/__snapshots__/demo.test.jsx.snap
index 9eca143d..0f6d0381 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 6a62a711..31c5de92 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/cascader/__test__/index.test.jsx b/src/cascader/__test__/index.test.jsx
index 0e15a5e8..67d73af6 100644
--- a/src/cascader/__test__/index.test.jsx
+++ b/src/cascader/__test__/index.test.jsx
@@ -299,7 +299,7 @@ describe('cascader', () => {
       await $radios[clickIndex].find(`.t-radio`).trigger('click');
       expect(onPick).toHaveBeenCalledTimes(1);
       expect($radios[clickIndex].findAll(`.t-radio__icon--checked`)).toHaveLength(1);
-      expect(onPick).toHaveBeenCalledWith({ index: 0, value: '110000' });
+      expect(onPick).toHaveBeenCalledWith({ level: 0, index: 0, value: '110000' });
       const $step = wrapper.findAll(`.${name}__step`);
       expect($step).toHaveLength(2);
 
diff --git a/src/toast/__test__/index.test.jsx b/src/toast/__test__/index.test.jsx
index a826f5d3..d4e9f15b 100644
--- a/src/toast/__test__/index.test.jsx
+++ b/src/toast/__test__/index.test.jsx
@@ -4,6 +4,10 @@ import Overlay from '../../overlay';
 import { mount } from '@vue/test-utils';
 import { LoadingIcon } from 'tdesign-icons-vue-next';
 
+import config from '../../config';
+const { prefix } = config;
+const bodyLockClass = `${prefix}-overflow-hidden`;
+
 describe('Toast', () => {
   describe('props', () => {
     it(': direction', async () => {
@@ -56,6 +60,15 @@ describe('Toast', () => {
       expect(wrapper.findComponent(Overlay).vm.duration).toEqual(1000);
     });
 
+    it(': preventScrollThrough', async () => {
+      mount(Toast, {
+        props: {
+          preventScrollThrough: true,
+        },
+      });
+      expect(document.body.classList.contains(bodyLockClass)).toBeTruthy();
+    });
+
     it(': showOverlay', async () => {
       const wrapper = mount(Toast, {
         props: {