From a73d80bb0163a6bbf03cebf08ddbd3ef2660c772 Mon Sep 17 00:00:00 2001
From: RayJason <i@rayjason.cn>
Date: Tue, 13 Sep 2022 19:04:21 +0800
Subject: [PATCH] chore: Avatar & Badge & Calendar & Card & Collapse example
 replace with t-space (#1655)

* docs(avatar): example space

* docs(badge): example space

* docs(calendar): example space

* docs(card): example space

* docs(collapse): example space
---
 src/avatar/_example/adjust.vue                |    12 +-
 src/avatar/_example/base.vue                  |    11 +-
 src/avatar/_example/group-cascading.vue       |    14 +-
 src/avatar/_example/group-max.vue             |    49 +-
 src/avatar/_example/group.vue                 |    32 +-
 src/avatar/_example/shape.vue                 |    12 +-
 src/avatar/_example/size.vue                  |    24 +-
 src/badge/_example/base.vue                   |    47 +-
 src/badge/_example/custom.vue                 |     8 +-
 src/badge/_example/number.vue                 |     8 +-
 src/badge/_example/offset.vue                 |    12 +-
 src/badge/_example/shape.vue                  |     8 +-
 src/badge/_example/size.vue                   |    52 +-
 src/calendar/_example/card-cell.vue           |     6 +-
 src/calendar/_example/card.vue                |    18 +-
 src/calendar/_example/controller-config.vue   |   137 +-
 src/calendar/_example/events-props-api.vue    |     7 +-
 src/calendar/_example/events.vue              |    16 +-
 src/calendar/_example/filter.vue              |     4 +-
 src/calendar/_example/first-day-of-week.vue   |     7 +-
 src/calendar/_example/mode.vue                |     7 +-
 src/calendar/_example/value.vue               |    20 +-
 src/calendar/_example/week.vue                |    16 +-
 src/card/_example/base.vue                    |     1 -
 src/card/_example/bordered-none.vue           |     2 +-
 src/card/_example/bordered.vue                |     6 +-
 src/card/_example/footer-actions.vue          |     2 +-
 src/card/_example/footer-content-actions.vue  |    26 +-
 src/card/_example/footer-content.vue          |     2 -
 src/card/_example/footer.vue                  |     3 +-
 src/card/_example/header-bordered.vue         |    14 +-
 .../header-subtitle-footer-actions.vue        |     6 +-
 src/card/_example/header.vue                  |    15 +-
 src/collapse/_example/base.vue                |     7 +-
 src/collapse/_example/icon.vue                |    15 +-
 src/collapse/_example/mutex.vue               |    16 +-
 src/collapse/_example/other.vue               |    13 +-
 src/collapse/_example/rightSlot.vue           |    57 +-
 test/snap/__snapshots__/csr.test.js.snap      | 24365 ++++++++--------
 test/snap/__snapshots__/ssr.test.js.snap      |    70 +-
 40 files changed, 12987 insertions(+), 12160 deletions(-)

diff --git a/src/avatar/_example/adjust.vue b/src/avatar/_example/adjust.vue
index 65cbe3a134..76a46c78e6 100644
--- a/src/avatar/_example/adjust.vue
+++ b/src/avatar/_example/adjust.vue
@@ -1,15 +1,7 @@
 <template>
-  <div class="demo-avatar">
+  <t-space :size="40">
     <t-avatar>王</t-avatar>
     <t-avatar>王亿</t-avatar>
     <t-avatar>王亿亿</t-avatar>
-  </div>
+  </t-space>
 </template>
-
-<style lang="less" scoped>
-.demo-avatar {
-  .t-avatar {
-    margin-right: 40px;
-  }
-}
-</style>
diff --git a/src/avatar/_example/base.vue b/src/avatar/_example/base.vue
index 8c133924a4..4f4d434444 100644
--- a/src/avatar/_example/base.vue
+++ b/src/avatar/_example/base.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="demo-avatar">
+  <t-space :size="40">
     <t-avatar :image="image" :hide-on-load-failed="false" />
     <t-avatar>W</t-avatar>
     <t-avatar :icon="icon" />
@@ -8,7 +8,7 @@
         <user-icon />
       </template>
     </t-avatar>
-  </div>
+  </t-space>
 </template>
 <script setup lang="jsx">
 import { computed } from 'vue';
@@ -17,10 +17,3 @@ import { UserIcon } from 'tdesign-icons-vue-next';
 const icon = computed(() => () => <UserIcon />);
 const image = 'https://tdesign.gtimg.com/site/avatar.jpg';
 </script>
-<style lang="less" scoped>
-.demo-avatar {
-  .t-avatar {
-    margin-right: 40px;
-  }
-}
-</style>
diff --git a/src/avatar/_example/group-cascading.vue b/src/avatar/_example/group-cascading.vue
index 7422210897..a6201f3350 100644
--- a/src/avatar/_example/group-cascading.vue
+++ b/src/avatar/_example/group-cascading.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="demo-avatar">
+  <t-space direction="vertical" :size="40">
     <div class="demo-avatar-block">
       <t-avatar-group>
         <t-avatar :image="image" />
@@ -15,19 +15,11 @@
         <t-avatar :icon="icon" />
       </t-avatar-group>
     </div>
-  </div>
+  </t-space>
 </template>
 <script setup lang="jsx">
-import { computed } from 'vue';
 import { UserIcon } from 'tdesign-icons-vue-next';
 
-const icon = computed(() => () => <UserIcon />);
+const icon = () => <UserIcon />;
 const image = 'https://tdesign.gtimg.com/site/avatar.jpg';
 </script>
-<style lang="less" scoped>
-.demo-avatar {
-  .demo-avatar-block:first-child {
-    margin-bottom: 40px;
-  }
-}
-</style>
diff --git a/src/avatar/_example/group-max.vue b/src/avatar/_example/group-max.vue
index f94977e1cc..8db32cccb1 100644
--- a/src/avatar/_example/group-max.vue
+++ b/src/avatar/_example/group-max.vue
@@ -1,27 +1,23 @@
 <template>
-  <div class="demo-avatar">
-    <div class="demo-avatar-block">
-      <t-avatar-group size="large" :max="2">
-        <t-avatar :image="image" />
-        <t-avatar>Avatar</t-avatar>
-        <t-avatar :image="image" />
-      </t-avatar-group>
-    </div>
-    <div class="demo-avatar-block">
-      <t-avatar-group size="large" :max="2" :collapse-avatar="ellipsisIcon">
-        <t-avatar :image="image" />
-        <t-avatar>Avatar</t-avatar>
-        <t-avatar :icon="icon" />
-      </t-avatar-group>
-    </div>
-    <div class="demo-avatar-block">
-      <t-avatar-group size="large" :max="2" collapse-avatar="more">
-        <t-avatar :image="image" />
-        <t-avatar>Avatar</t-avatar>
-        <t-avatar :icon="icon" />
-      </t-avatar-group>
-    </div>
-  </div>
+  <t-space direction="vertical" :size="40">
+    <t-avatar-group size="large" :max="2">
+      <t-avatar :image="image" />
+      <t-avatar>Avatar</t-avatar>
+      <t-avatar :image="image" />
+    </t-avatar-group>
+
+    <t-avatar-group size="large" :max="2" :collapse-avatar="ellipsisIcon">
+      <t-avatar :image="image" />
+      <t-avatar>Avatar</t-avatar>
+      <t-avatar :icon="icon" />
+    </t-avatar-group>
+
+    <t-avatar-group size="large" :max="2" collapse-avatar="more">
+      <t-avatar :image="image" />
+      <t-avatar>Avatar</t-avatar>
+      <t-avatar :icon="icon" />
+    </t-avatar-group>
+  </t-space>
 </template>
 <script setup lang="jsx">
 import { UserIcon, EllipsisIcon } from 'tdesign-icons-vue-next';
@@ -30,10 +26,3 @@ const icon = () => <UserIcon />;
 const ellipsisIcon = () => <EllipsisIcon />;
 const image = 'https://tdesign.gtimg.com/site/avatar.jpg';
 </script>
-<style lang="less" scoped>
-.demo-avatar {
-  &-block:not(:last-child) {
-    margin-bottom: 40px;
-  }
-}
-</style>
diff --git a/src/avatar/_example/group.vue b/src/avatar/_example/group.vue
index 176a154e99..32eb3af58c 100644
--- a/src/avatar/_example/group.vue
+++ b/src/avatar/_example/group.vue
@@ -1,20 +1,17 @@
 <template>
-  <div class="demo-avatar">
-    <div class="demo-avatar-block">
-      <t-avatar-group>
-        <t-avatar :image="image" />
-        <t-avatar>W</t-avatar>
-        <t-avatar :icon="icon" />
-      </t-avatar-group>
-    </div>
-    <div class="demo-avatar-block">
-      <t-avatar-group size="large">
-        <t-avatar :image="image" />
-        <t-avatar>W</t-avatar>
-        <t-avatar :icon="icon" />
-      </t-avatar-group>
-    </div>
-  </div>
+  <t-space class="demo-avatar" direction="vertical" :size="40">
+    <t-avatar-group>
+      <t-avatar :image="image" />
+      <t-avatar>W</t-avatar>
+      <t-avatar :icon="icon" />
+    </t-avatar-group>
+
+    <t-avatar-group size="large">
+      <t-avatar :image="image" />
+      <t-avatar>W</t-avatar>
+      <t-avatar :icon="icon" />
+    </t-avatar-group>
+  </t-space>
 </template>
 <script setup lang="jsx">
 import { UserIcon } from 'tdesign-icons-vue-next';
@@ -24,9 +21,6 @@ const image = 'https://tdesign.gtimg.com/site/avatar.jpg';
 </script>
 <style lang="less" scoped>
 .demo-avatar {
-  .demo-avatar-block:not(:last-child) {
-    margin-bottom: 40px;
-  }
   .t-avatar {
     margin-right: 40px;
   }
diff --git a/src/avatar/_example/shape.vue b/src/avatar/_example/shape.vue
index deef39b65f..b336773142 100644
--- a/src/avatar/_example/shape.vue
+++ b/src/avatar/_example/shape.vue
@@ -1,14 +1,6 @@
 <template>
-  <div class="demo-avatar">
+  <t-space :size="40">
     <t-avatar>W</t-avatar>
     <t-avatar shape="round"> W </t-avatar>
-  </div>
+  </t-space>
 </template>
-
-<style lang="less" scoped>
-.demo-avatar {
-  .t-avatar {
-    margin-right: 40px;
-  }
-}
-</style>
diff --git a/src/avatar/_example/size.vue b/src/avatar/_example/size.vue
index 9a5f09bf12..ad4b1cf4bd 100644
--- a/src/avatar/_example/size.vue
+++ b/src/avatar/_example/size.vue
@@ -1,27 +1,17 @@
 <template>
-  <div class="demo-avatar">
-    <div class="demo-avatar-block">
+  <t-space direction="vertical" :size="40">
+    <t-space :size="40">
       <t-avatar size="small"> W </t-avatar>
       <t-avatar size="medium"> W </t-avatar>
       <t-avatar size="large"> W </t-avatar>
       <t-avatar size="100px"> W </t-avatar>
-    </div>
-    <div class="demo-avatar-block">
+    </t-space>
+
+    <t-space :size="40">
       <t-avatar shape="round" size="small"> W </t-avatar>
       <t-avatar shape="round" size="medium"> W </t-avatar>
       <t-avatar shape="round" size="large"> W </t-avatar>
       <t-avatar shape="round" size="100px"> W </t-avatar>
-    </div>
-  </div>
+    </t-space>
+  </t-space>
 </template>
-
-<style lang="less" scoped>
-.demo-avatar {
-  .demo-avatar-block:first-child {
-    margin-bottom: 40px;
-  }
-  .t-avatar {
-    margin-right: 40px;
-  }
-}
-</style>
diff --git a/src/badge/_example/base.vue b/src/badge/_example/base.vue
index 90822e96e7..8624365fc7 100644
--- a/src/badge/_example/base.vue
+++ b/src/badge/_example/base.vue
@@ -1,37 +1,20 @@
 <template>
-  <div>
-    <div class="demo-badge-block">
-      <t-badge dot>
-        <div class="badge-block" />
-      </t-badge>
-      <t-badge dot> 解锁新徽章 </t-badge>
-      <t-badge dot>
-        <svg
-          class="t-icon"
-          viewBox="0 0 16 16"
-          version="1.1"
-          xmlns="http://www.w3.org/2000/svg"
-          style="font-size: 24px"
-        >
-          <path
-            fill-rule="evenodd"
-            d="M8,9 C9.40504021,9 10.7254812,9.36221239 11.8730402,9.99835445 L11.885,10 L12.4565011,10.2862457 C12.7901689,10.4574447 13,10.8009441 13,11.1759685 L13,13 C13,13.5522847 12.5522847,14 12,14 L4,14 C3.44771525,14 3,13.5522847 3,13 L3,11.1762791 C3,10.8012353 3.20985249,10.4577217 3.54354665,10.2865317 L4.121,10 L4.126,9.999 L4.27379497,9.91895294 C5.38659871,9.3321599 6.6545093,9 8,9 Z M8,10 C6.51283435,10 5.13398645,10.4637634 4.00018867,11.2545577 L4,13 L12,13 L12.0003287,11.2549186 C10.8664331,10.4639045 9.48739188,10 8,10 Z M8,2.49576492 C9.65685425,2.49576492 11,3.83891067 11,5.49576492 C11,7.15261916 9.65685425,8.49576492 8,8.49576492 C6.34314575,8.49576492 5,7.15261916 5,5.49576492 C5,3.83891067 6.34314575,2.49576492 8,2.49576492 Z M8,3.49576492 C6.8954305,3.49576492 6,4.39119542 6,5.49576492 C6,6.60033441 6.8954305,7.49576492 8,7.49576492 C9.1045695,7.49576492 10,6.60033441 10,5.49576492 C10,4.39119542 9.1045695,3.49576492 8,3.49576492 Z"
-          />
-        </svg>
-      </t-badge>
-    </div>
-  </div>
+  <t-space align="center" size="large">
+    <t-badge dot>
+      <div class="badge-block" />
+    </t-badge>
+    <t-badge dot> 解锁新徽章 </t-badge>
+    <t-badge dot>
+      <user-icon size="24" />
+    </t-badge>
+  </t-space>
 </template>
 
-<style>
-.demo-t-badge-title {
-  margin: 20px 0;
-}
+<script setup lang="jsx">
+import { UserIcon } from 'tdesign-icons-vue-next';
+</script>
 
-.demo-badge-block {
-  display: flex;
-  align-items: center;
-}
+<style>
 .badge-block {
   width: 40px;
   height: 40px;
@@ -40,8 +23,4 @@
   box-sizing: border-box;
   border-radius: 3px;
 }
-
-.tbadge-block + .t-badge {
-  margin-left: 32px;
-}
 </style>
diff --git a/src/badge/_example/custom.vue b/src/badge/_example/custom.vue
index 8900d2432b..fe63f78d7e 100644
--- a/src/badge/_example/custom.vue
+++ b/src/badge/_example/custom.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <t-space size="large">
     <t-badge count="2" dot>
       <div class="badge-block"></div>
     </t-badge>
@@ -12,7 +12,7 @@
     <t-badge count="100" color="#0052D9" shape="round">
       <div class="badge-block"></div>
     </t-badge>
-  </div>
+  </t-space>
 </template>
 <style scoped>
 .badge-block {
@@ -23,8 +23,4 @@
   box-sizing: border-box;
   border-radius: 3px;
 }
-
-.t-badge + .t-badge {
-  margin-left: 32px;
-}
 </style>
diff --git a/src/badge/_example/number.vue b/src/badge/_example/number.vue
index d0528654c4..dc9804bed0 100644
--- a/src/badge/_example/number.vue
+++ b/src/badge/_example/number.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <t-space size="large">
     <t-badge :count="2">
       <div class="badge-block" />
     </t-badge>
@@ -9,7 +9,7 @@
     <t-badge :count="100">
       <div class="badge-block" />
     </t-badge>
-  </div>
+  </t-space>
 </template>
 
 <style>
@@ -21,8 +21,4 @@
   box-sizing: border-box;
   border-radius: 3px;
 }
-
-.badge-block + .badge-block {
-  margin-left: 16px;
-}
 </style>
diff --git a/src/badge/_example/offset.vue b/src/badge/_example/offset.vue
index 95d783bb73..e3ce482650 100644
--- a/src/badge/_example/offset.vue
+++ b/src/badge/_example/offset.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <t-space size="large">
     <t-badge count="2">
       <div class="badge-block" />
     </t-badge>
@@ -19,7 +19,7 @@
     <t-badge count="2" :offset="[10, -10]">
       <div class="badge-block" />
     </t-badge>
-  </div>
+  </t-space>
 </template>
 
 <style>
@@ -31,12 +31,4 @@
   box-sizing: border-box;
   border-radius: 3px;
 }
-
-.badge-block + .badge-block {
-  margin-left: 24px;
-}
-
-.badge-block + div {
-  margin-top: 8px;
-}
 </style>
diff --git a/src/badge/_example/shape.vue b/src/badge/_example/shape.vue
index fe9fd8524c..9e4400bb3b 100644
--- a/src/badge/_example/shape.vue
+++ b/src/badge/_example/shape.vue
@@ -1,12 +1,12 @@
 <template>
-  <div>
+  <t-space size="large">
     <t-badge shape="circle" count="2">
       <div class="badge-block" />
     </t-badge>
     <t-badge shape="round" count="99">
       <div class="badge-block" />
     </t-badge>
-  </div>
+  </t-space>
 </template>
 
 <style>
@@ -18,8 +18,4 @@
   box-sizing: border-box;
   border-radius: 3px;
 }
-
-.badge-block + .badge-block {
-  margin-left: 16px;
-}
 </style>
diff --git a/src/badge/_example/size.vue b/src/badge/_example/size.vue
index e0527059e4..0da38613a8 100644
--- a/src/badge/_example/size.vue
+++ b/src/badge/_example/size.vue
@@ -1,34 +1,34 @@
 <template>
-  <div>
-    <h3 class="demo-t-badge-title">1.默认大小</h3>
-    <t-badge count="2">
-      <div class="badge-block" />
-    </t-badge>
-    <t-badge count="99">
-      <div class="badge-block" />
-    </t-badge>
-    <t-badge count="999">
-      <div class="badge-block" />
-    </t-badge>
+  <t-space direction="vertical" size="large">
+    <h3>1.默认大小</h3>
+    <div>
+      <t-badge count="2">
+        <div class="badge-block" />
+      </t-badge>
+      <t-badge count="99">
+        <div class="badge-block" />
+      </t-badge>
+      <t-badge count="999">
+        <div class="badge-block" />
+      </t-badge>
+    </div>
 
-    <h3 class="demo-t-badge-title">2.小</h3>
-    <t-badge count="2" size="small">
-      <div class="badge-block" />
-    </t-badge>
-    <t-badge count="99" size="small">
-      <div class="badge-block" />
-    </t-badge>
-    <t-badge count="999" size="small">
-      <div class="badge-block" />
-    </t-badge>
-  </div>
+    <h3>2.小</h3>
+    <div>
+      <t-badge count="2" size="small">
+        <div class="badge-block" />
+      </t-badge>
+      <t-badge count="99" size="small">
+        <div class="badge-block" />
+      </t-badge>
+      <t-badge count="999" size="small">
+        <div class="badge-block" />
+      </t-badge>
+    </div>
+  </t-space>
 </template>
 
 <style scoped>
-.demo-t-badge-title {
-  margin: 20px 0;
-}
-
 .badge-block {
   width: 40px;
   height: 40px;
diff --git a/src/calendar/_example/card-cell.vue b/src/calendar/_example/card-cell.vue
index 4010d58582..07a10f10eb 100644
--- a/src/calendar/_example/card-cell.vue
+++ b/src/calendar/_example/card-cell.vue
@@ -1,7 +1,7 @@
 <template>
-  <div>
+  <t-space>
     <!-- 外部控制 -->
-    <div style="margin: 12px 0">
+    <div>
       <label>请选择风格：</label>
       <t-select v-model="theme" class="demo-select-base">
         <t-option v-for="item in themeOptions" :key="item.value" :value="item.value" :label="item.label" />
@@ -17,7 +17,7 @@
         </div>
       </template>
     </t-calendar>
-  </div>
+  </t-space>
 </template>
 
 <script setup>
diff --git a/src/calendar/_example/card.vue b/src/calendar/_example/card.vue
index 4b0765529f..c249de6c96 100644
--- a/src/calendar/_example/card.vue
+++ b/src/calendar/_example/card.vue
@@ -1,18 +1,18 @@
 <template>
-  <div class="tdesign-demo-block-column-large">
-    <div>
+  <t-space direction="vertical" size="large">
+    <t-space size="small" align="center">
       <label>请选择风格：</label>
-      <t-select v-model="theme" class="demo-select-base">
+      <t-select v-model="theme">
         <t-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label" />
       </t-select>
       <t-button theme="primary" @click="toCurrent()"> 今天（当前高亮日期） </t-button>
-    </div>
+    </t-space>
     <div>
       <label>日期补零：</label>
       <t-switch v-model="fillWithZero" size="large" />
     </div>
     <t-calendar ref="myCalendar" :theme="theme" :is-show-weekend-default="true" :fill-with-zero="fillWithZero" />
-  </div>
+  </t-space>
 </template>
 
 <script setup>
@@ -32,11 +32,3 @@ const toCurrent = () => {
   }
 };
 </script>
-
-<style scoped>
-.demo-select-base {
-  width: 200px;
-  display: inline-block;
-  margin: 0 10px 0 0;
-}
-</style>
diff --git a/src/calendar/_example/controller-config.vue b/src/calendar/_example/controller-config.vue
index 49e580869f..207f4c41d4 100644
--- a/src/calendar/_example/controller-config.vue
+++ b/src/calendar/_example/controller-config.vue
@@ -1,64 +1,96 @@
 <template>
-  <div class="controllerConfig-demo">
-    <div v-if="controllerConfig" style="margin: 12px 0">
+  <t-space class="controllerConfig-demo" direction="vertical">
+    <template v-if="controllerConfig">
       <fieldset>
         <legend>控件全局</legend>
-        <p>
-          <label>是否显示（全部控件）：</label>
-          <t-switch v-model="controllerConfig.visible" />
-        </p>
-        <p>
-          <label>是否禁用（全部控件）：</label>
-          <t-switch v-model="controllerConfig.disabled" />
-        </p>
+        <t-space direction="vertical">
+          <p>
+            <label>是否显示（全部控件）：</label>
+            <t-switch v-model="controllerConfig.visible" />
+          </p>
+          <p>
+            <label>是否禁用（全部控件）：</label>
+            <t-switch v-model="controllerConfig.disabled" />
+          </p>
+        </t-space>
       </fieldset>
 
       <fieldset>
         <legend>控件局部</legend>
-        <p>
-          <label>是否显示“模式切换”控件：</label>
-          <t-switch v-model="controllerConfig.mode.visible" />
-          <label>是否禁用“模式切换”控件：</label>
-          <t-switch v-model="controllerConfig.mode.radioGroupProps.disabled" />
-        </p>
-        <p>
-          <label>是否显示“年份选择”控件：</label>
-          <t-switch v-model="controllerConfig.year.visible" />
-          <label>是否禁用“年份选择”控件：</label>
-          <t-switch v-model="controllerConfig.year.selectProps.disabled" />
-        </p>
-        <p>
-          <label>是否显示“月份选择”控件：</label>
-          <t-switch v-model="controllerConfig.month.visible" />
-          <label>是否禁用“月份选择”控件：</label>
-          <t-switch v-model="controllerConfig.month.selectProps.disabled" />
-        </p>
-        <p>
-          <label>是否禁用“隐藏周末”控件：</label>
-          <t-switch v-model="controllerConfig.weekend.hideWeekendButtonProps.disabled" />
-          <label>是否禁用“显示周末”控件：</label>
-          <t-switch v-model="controllerConfig.weekend.showWeekendButtonProps.disabled" />
-          <label>是否显示“隐藏\显示周末”控件：</label>
-          <t-switch v-model="controllerConfig.weekend.visible" />
-        </p>
-        <p>
-          <label>是否禁用“今天”按钮控件：</label>
-          <t-switch v-model="controllerConfig.current.currentDayButtonProps.disabled" />
-          <label>是否禁用“本月”按钮控件：</label>
-          <t-switch v-model="controllerConfig.current.currentMonthButtonProps.disabled" />
-          <label>是否显示“今天\本月”控件：</label>
-          <t-switch v-model="controllerConfig.current.visible" />
-        </p>
+        <t-space direction="vertical">
+          <t-space break-line>
+            <p>
+              <label>是否显示“模式切换”控件：</label>
+              <t-switch v-model="controllerConfig.mode.visible" />
+            </p>
+            <p>
+              <label>是否禁用“模式切换”控件：</label>
+              <t-switch v-model="controllerConfig.mode.radioGroupProps.disabled" />
+            </p>
+          </t-space>
+
+          <t-space break-line>
+            <p>
+              <label>是否显示“年份选择”控件：</label>
+              <t-switch v-model="controllerConfig.year.visible" />
+            </p>
+            <p>
+              <label>是否禁用“年份选择”控件：</label>
+              <t-switch v-model="controllerConfig.year.selectProps.disabled" />
+            </p>
+          </t-space>
+
+          <t-space break-line>
+            <p>
+              <label>是否显示“月份选择”控件：</label>
+              <t-switch v-model="controllerConfig.month.visible" />
+            </p>
+            <p>
+              <label>是否禁用“月份选择”控件：</label>
+              <t-switch v-model="controllerConfig.month.selectProps.disabled" />
+            </p>
+          </t-space>
+
+          <t-space break-line>
+            <p>
+              <label>是否禁用“隐藏周末”控件：</label>
+              <t-switch v-model="controllerConfig.weekend.hideWeekendButtonProps.disabled" />
+            </p>
+            <p>
+              <label>是否禁用“显示周末”控件：</label>
+              <t-switch v-model="controllerConfig.weekend.showWeekendButtonProps.disabled" />
+            </p>
+            <p>
+              <label>是否显示“隐藏\显示周末”控件：</label>
+              <t-switch v-model="controllerConfig.weekend.visible" />
+            </p>
+          </t-space>
+
+          <t-space break-line>
+            <p>
+              <label>是否禁用“今天”按钮控件：</label>
+              <t-switch v-model="controllerConfig.current.currentDayButtonProps.disabled" />
+            </p>
+            <p>
+              <label>是否禁用“本月”按钮控件：</label>
+              <t-switch v-model="controllerConfig.current.currentMonthButtonProps.disabled" />
+            </p>
+            <p>
+              <label>是否显示“今天\本月”控件：</label>
+              <t-switch v-model="controllerConfig.current.visible" />
+            </p>
+          </t-space>
+        </t-space>
       </fieldset>
-    </div>
+    </template>
     <t-calendar :controller-config="controllerConfig.visible ? controllerConfig : false" />
-  </div>
+  </t-space>
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { reactive } from 'vue';
 
-const controllerConfig = ref({
+const controllerConfig = reactive({
   visible: true,
   disabled: false, // 是否禁用（全部控件）
   // 年份选择框组件相关设置
@@ -124,17 +156,10 @@ const controllerConfig = ref({
 <style scoped>
 .controllerConfig-demo fieldset {
   border: solid 1px #eee;
-  padding: 10px 20px 10px 0;
-  margin-bottom: 10px;
+  padding: 10px 20px;
 }
 .controllerConfig-demo fieldset legend {
   margin-left: 20px;
   padding: 0 10px;
 }
-.controllerConfig-demo fieldset p {
-  margin-bottom: 5px;
-}
-.controllerConfig-demo fieldset p label {
-  margin-left: 20px;
-}
 </style>
diff --git a/src/calendar/_example/events-props-api.vue b/src/calendar/_example/events-props-api.vue
index bda56144d5..56a03cb5b2 100644
--- a/src/calendar/_example/events-props-api.vue
+++ b/src/calendar/_example/events-props-api.vue
@@ -1,9 +1,10 @@
 <template>
-  <div>
-    <div style="margin: 12px 0">
+  <t-space direction="vertical">
+    <div>
       <label>禁用单元格右键菜单：</label>
       <t-switch v-model="preventCellContextmenu" />
     </div>
+
     <t-calendar
       :value="value"
       :prevent-cell-contextmenu="preventCellContextmenu"
@@ -25,7 +26,7 @@
         </t-list-item>
       </t-list>
     </div>
-  </div>
+  </t-space>
 </template>
 
 <script setup>
diff --git a/src/calendar/_example/events.vue b/src/calendar/_example/events.vue
index 8a0a7c441b..42546fe1be 100644
--- a/src/calendar/_example/events.vue
+++ b/src/calendar/_example/events.vue
@@ -1,13 +1,11 @@
 <template>
-  <div>
-    <t-calendar
-      @cell-click="cellClick"
-      @cell-double-click="cellDoubleClick"
-      @cell-right-click="cellRightClick"
-      @month-change="monthChange"
-      @controller-change="controllerChange"
-    />
-  </div>
+  <t-calendar
+    @cell-click="cellClick"
+    @cell-double-click="cellDoubleClick"
+    @cell-right-click="cellRightClick"
+    @month-change="monthChange"
+    @controller-change="controllerChange"
+  />
 </template>
 
 <script setup>
diff --git a/src/calendar/_example/filter.vue b/src/calendar/_example/filter.vue
index ec06bd8270..0fb967d633 100644
--- a/src/calendar/_example/filter.vue
+++ b/src/calendar/_example/filter.vue
@@ -1,5 +1,3 @@
 <template>
-  <div>
-    <t-calendar :is-show-weekend-default="false" />
-  </div>
+  <t-calendar :is-show-weekend-default="false" />
 </template>
diff --git a/src/calendar/_example/first-day-of-week.vue b/src/calendar/_example/first-day-of-week.vue
index b604a7d329..6d57dae119 100644
--- a/src/calendar/_example/first-day-of-week.vue
+++ b/src/calendar/_example/first-day-of-week.vue
@@ -1,13 +1,13 @@
 <template>
-  <div>
-    <div style="margin: 12px 0">
+  <t-space direction="vertical">
+    <div>
       <label>日历的第一列为：</label>
       <t-select v-model="firstDayOfWeek" class="demo-select-base">
         <t-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label" />
       </t-select>
     </div>
     <t-calendar :first-day-of-week="firstDayOfWeek" />
-  </div>
+  </t-space>
 </template>
 
 <script setup>
@@ -30,6 +30,5 @@ const firstDayOfWeek = ref(3);
 .demo-select-base {
   width: 200px;
   display: inline-block;
-  margin: 0 10px 0 0;
 }
 </style>
diff --git a/src/calendar/_example/mode.vue b/src/calendar/_example/mode.vue
index 62b2d1eea8..a3bf8d7f6e 100644
--- a/src/calendar/_example/mode.vue
+++ b/src/calendar/_example/mode.vue
@@ -1,13 +1,13 @@
 <template>
-  <div>
-    <div style="margin: 12px 0">
+  <t-space direction="vertical">
+    <div>
       <label>可以在组件外切换成：</label>
       <t-select v-model="mode" class="demo-select-base">
         <t-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label" />
       </t-select>
     </div>
     <t-calendar :mode="mode" />
-  </div>
+  </t-space>
 </template>
 
 <script setup>
@@ -25,6 +25,5 @@ const mode = ref('year');
 .demo-select-base {
   width: 200px;
   display: inline-block;
-  margin: 0 10px 0 0;
 }
 </style>
diff --git a/src/calendar/_example/value.vue b/src/calendar/_example/value.vue
index 2dff7df839..13c153bd96 100644
--- a/src/calendar/_example/value.vue
+++ b/src/calendar/_example/value.vue
@@ -1,13 +1,15 @@
 <template>
-  <t-form layout="inline">
-    <t-form-item label="自己指定年：">
-      <t-input v-model="year" />
-    </t-form-item>
-    <t-form-item label="自己指定年月：">
-      <t-input v-model="month" />
-    </t-form-item>
-  </t-form>
-  <t-calendar :value="value" :year="year" :month="month" />
+  <t-space direction="vertical">
+    <t-form layout="inline">
+      <t-form-item label="自己指定年：">
+        <t-input v-model="year" />
+      </t-form-item>
+      <t-form-item label="自己指定年月：">
+        <t-input v-model="month" />
+      </t-form-item>
+    </t-form>
+    <t-calendar :value="value" :year="year" :month="month" />
+  </t-space>
 </template>
 
 <script setup>
diff --git a/src/calendar/_example/week.vue b/src/calendar/_example/week.vue
index 5f6f7d4bf1..9c2cfdac19 100644
--- a/src/calendar/_example/week.vue
+++ b/src/calendar/_example/week.vue
@@ -1,24 +1,24 @@
 <template>
-  <div class="tdesign-demo-block-column-large">
-    <div class="tdesign-demo-block-column">
+  <t-space direction="vertical" size="large">
+    <t-space direction="vertical">
       <h3>使用插槽</h3>
       <t-calendar>
         <template #week="data">
           {{ data.day === 7 ? '星期天' : `星期${data.day}` }}
         </template>
       </t-calendar>
-    </div>
+    </t-space>
 
-    <div class="tdesign-demo-block-column">
+    <t-space direction="vertical">
       <h3>使用week属性 - Array</h3>
       <t-calendar :week="week" />
-    </div>
+    </t-space>
 
-    <div class="tdesign-demo-block-column">
+    <t-space direction="vertical">
       <h3>使用week属性 - TNode</h3>
       <t-calendar :week="renderWeek" />
-    </div>
-  </div>
+    </t-space>
+  </t-space>
 </template>
 
 <script lang="jsx" setup>
diff --git a/src/card/_example/base.vue b/src/card/_example/base.vue
index d5361ef1e4..e0392a6e8c 100644
--- a/src/card/_example/base.vue
+++ b/src/card/_example/base.vue
@@ -14,6 +14,5 @@ const clickHandler = () => {
 };
 
 const title = '标题';
-const actions = '操作';
 const infoMessage = `仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。`;
 </script>
diff --git a/src/card/_example/bordered-none.vue b/src/card/_example/bordered-none.vue
index 3da6217cea..c76cde3cab 100644
--- a/src/card/_example/bordered-none.vue
+++ b/src/card/_example/bordered-none.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tdesign-demo-block demo-card">
+  <div class="demo-card">
     <t-card :title="title" :bordered="false" hover-shadow :style="{ width: '400px' }">
       {{ infoMessage }}
       <template #actions>
diff --git a/src/card/_example/bordered.vue b/src/card/_example/bordered.vue
index 993c5d8728..92cdfee1e6 100644
--- a/src/card/_example/bordered.vue
+++ b/src/card/_example/bordered.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="tdesign-demo-block">
-    <t-card bordered :style="{ width: '400px' }"> {{ infoMessage }} </t-card>
-  </div>
+  <t-card bordered :style="{ width: '400px' }">
+    {{ infoMessage }}
+  </t-card>
 </template>
 
 <script setup lang="jsx">
diff --git a/src/card/_example/footer-actions.vue b/src/card/_example/footer-actions.vue
index f58e6659f8..59b5c213ce 100644
--- a/src/card/_example/footer-actions.vue
+++ b/src/card/_example/footer-actions.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tdesign-demo-block">
+  <div>
     <t-card :cover="cover" theme="poster2" :style="{ width: '400px' }">
       <template #footer>
         <t-row :align="'middle'" justify="center">
diff --git a/src/card/_example/footer-content-actions.vue b/src/card/_example/footer-content-actions.vue
index 0eab7c6ddf..48743cfad7 100644
--- a/src/card/_example/footer-content-actions.vue
+++ b/src/card/_example/footer-content-actions.vue
@@ -1,18 +1,16 @@
 <template>
-  <div class="tdesign-demo-block">
-    <t-card :cover="cover" theme="poster2" :style="{ width: '400px' }">
-      <template #footer>
-        <t-comment avatar="https://tdesign.gtimg.com/site/avatar-boy.jpg" author="标题" content="卡片内容" />
-      </template>
-      <template #actions>
-        <t-dropdown :options="options" :min-column-width="112" @click="clickHandler">
-          <t-button variant="text" shape="square">
-            <more-icon size="24" />
-          </t-button>
-        </t-dropdown>
-      </template>
-    </t-card>
-  </div>
+  <t-card :cover="cover" theme="poster2" :style="{ width: '400px' }">
+    <template #footer>
+      <t-comment avatar="https://tdesign.gtimg.com/site/avatar-boy.jpg" author="标题" content="卡片内容" />
+    </template>
+    <template #actions>
+      <t-dropdown :options="options" :min-column-width="112" @click="clickHandler">
+        <t-button variant="text" shape="square">
+          <more-icon size="24" />
+        </t-button>
+      </t-dropdown>
+    </template>
+  </t-card>
 </template>
 <script setup lang="jsx">
 import { MessagePlugin } from 'tdesign-vue-next';
diff --git a/src/card/_example/footer-content.vue b/src/card/_example/footer-content.vue
index 819e6e3032..8601575d33 100644
--- a/src/card/_example/footer-content.vue
+++ b/src/card/_example/footer-content.vue
@@ -6,8 +6,6 @@
   </t-card>
 </template>
 <script setup lang="jsx">
-import { MoreIcon } from 'tdesign-icons-vue-next';
-
 import { MessagePlugin } from 'tdesign-vue-next';
 
 const clickHandler = (data) => {
diff --git a/src/card/_example/footer.vue b/src/card/_example/footer.vue
index 6c934b1927..a41a3b7d79 100644
--- a/src/card/_example/footer.vue
+++ b/src/card/_example/footer.vue
@@ -34,10 +34,9 @@
   </t-card>
 </template>
 <script setup lang="jsx">
-import { computed } from 'vue';
 import { ThumbUpIcon, ChatIcon, ShareIcon, UserIcon } from 'tdesign-icons-vue-next';
 
-const icon = computed(() => () => <UserIcon />);
+const icon = () => <UserIcon />;
 const actions = '默认标签';
 const cover = 'https://tdesign.gtimg.com/site/source/card-demo.png';
 </script>
diff --git a/src/card/_example/header-bordered.vue b/src/card/_example/header-bordered.vue
index 3e866a9c2d..346b2eda47 100644
--- a/src/card/_example/header-bordered.vue
+++ b/src/card/_example/header-bordered.vue
@@ -1,12 +1,10 @@
 <template>
-  <div class="tdesign-demo-block demo-card">
-    <t-card :title="title" header-bordered :style="{ width: '400px' }">
-      {{ infoMessage }}
-      <template #actions>
-        <a href="javascript:void(0)" @click="clickHandler">操作</a>
-      </template>
-    </t-card>
-  </div>
+  <t-card :title="title" header-bordered :style="{ width: '400px' }">
+    {{ infoMessage }}
+    <template #actions>
+      <a href="javascript:void(0)" @click="clickHandler">操作</a>
+    </template>
+  </t-card>
 </template>
 <script setup lang="jsx">
 import { MessagePlugin } from 'tdesign-vue-next';
diff --git a/src/card/_example/header-subtitle-footer-actions.vue b/src/card/_example/header-subtitle-footer-actions.vue
index 344d4827d4..56d2f3d2bf 100644
--- a/src/card/_example/header-subtitle-footer-actions.vue
+++ b/src/card/_example/header-subtitle-footer-actions.vue
@@ -37,7 +37,7 @@
   </t-card>
 </template>
 <script setup lang="jsx">
-import { ThumbUpIcon, ChatIcon, ShareIcon, MoreIcon, UserIcon } from 'tdesign-icons-vue-next';
+import { ThumbUpIcon, ChatIcon, ShareIcon, MoreIcon } from 'tdesign-icons-vue-next';
 import { MessagePlugin } from 'tdesign-vue-next';
 
 const title = '标题';
@@ -46,10 +46,6 @@ const subtitle = '副标题';
 
 const cover = 'https://tdesign.gtimg.com/site/source/card-demo.png';
 
-const icon = () => <UserIcon />;
-
-const image = 'https://tdesign.gtimg.com/site/avatar-boy.jpg';
-
 const options = [
   {
     content: '操作一',
diff --git a/src/card/_example/header.vue b/src/card/_example/header.vue
index 0a182a166d..1502374f68 100644
--- a/src/card/_example/header.vue
+++ b/src/card/_example/header.vue
@@ -1,12 +1,10 @@
 <template>
-  <div class="tdesign-demo-block">
-    <t-card :title="title" hover-shadow :style="{ width: '400px' }">
-      {{ infoMessage }}
-      <template #actions>
-        <a href="javascript:void(0)" @click="clickHandler">操作</a>
-      </template>
-    </t-card>
-  </div>
+  <t-card :title="title" hover-shadow :style="{ width: '400px' }">
+    {{ infoMessage }}
+    <template #actions>
+      <a href="javascript:void(0)" @click="clickHandler">操作</a>
+    </template>
+  </t-card>
 </template>
 <script setup lang="jsx">
 import { MessagePlugin } from 'tdesign-vue-next';
@@ -16,6 +14,5 @@ const clickHandler = () => {
 };
 
 const title = '标题';
-const actions = '操作';
 const infoMessage = `卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。`;
 </script>
diff --git a/src/collapse/_example/base.vue b/src/collapse/_example/base.vue
index 4e63e89228..5bb59fd109 100644
--- a/src/collapse/_example/base.vue
+++ b/src/collapse/_example/base.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tdesign-collapse">
+  <t-space direction="vertical">
     <t-collapse :default-value="[1]" @change="handlePanelChange">
       <t-collapse-panel header="这是一个折叠标题">
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
@@ -25,8 +25,9 @@
         </t-collapse>
       </t-collapse-panel>
     </t-collapse>
-    <div style="margin-top: 10px">当前展开项:{{ currentItem }}</div>
-  </div>
+
+    <p>当前展开项:{{ currentItem }}</p>
+  </t-space>
 </template>
 <script setup>
 import { ref } from 'vue';
diff --git a/src/collapse/_example/icon.vue b/src/collapse/_example/icon.vue
index 37b95358b9..7410f96586 100644
--- a/src/collapse/_example/icon.vue
+++ b/src/collapse/_example/icon.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tdesign-collapse">
+  <t-space direction="vertical">
     <t-collapse :expand-icon="showArrow" :expand-icon-placement="direction" :expand-on-row-click="!onlyIcon">
       <t-collapse-panel value="0" header="这是一个折叠标题">
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
@@ -18,17 +18,17 @@
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
       </t-collapse-panel>
     </t-collapse>
-    <div class="button-area">
+
+    <t-space align="center">
       <t-checkbox v-model="showArrow">显示箭头</t-checkbox>
       <t-radio-group v-model="direction">
         <t-radio value="left">左边</t-radio>
         <t-radio value="right">右边</t-radio>
       </t-radio-group>
-    </div>
-    <div style="margin-top: 10px">
-      <t-checkbox v-model="onlyIcon">仅图标响应点击</t-checkbox>
-    </div>
-  </div>
+    </t-space>
+
+    <t-checkbox v-model="onlyIcon">仅图标响应点击</t-checkbox>
+  </t-space>
 </template>
 
 <script setup>
@@ -36,6 +36,5 @@ import { ref } from 'vue';
 
 const showArrow = ref(true);
 const direction = ref('left');
-const disable = ref(false);
 const onlyIcon = ref(false);
 </script>
diff --git a/src/collapse/_example/mutex.vue b/src/collapse/_example/mutex.vue
index de0ed42e1b..a98a1bf9f5 100644
--- a/src/collapse/_example/mutex.vue
+++ b/src/collapse/_example/mutex.vue
@@ -1,25 +1,29 @@
 <template>
-  <div class="tdesign-collapse">
+  <t-space direction="vertical">
     <t-collapse v-model="currentItem" expand-mutex @change="handlePanelChange">
       <t-collapse-panel value="0" header="这是一个折叠标题">
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
       </t-collapse-panel>
+
       <t-collapse-panel value="1">
         <template #header>这是一个折叠标题</template>
-        <template #default
-          >这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</template
-        >
+        <template #default>
+          这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+        </template>
       </t-collapse-panel>
+
       <t-collapse-panel value="2">
         <template #header>这是一个折叠标题</template>
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
       </t-collapse-panel>
+
       <t-collapse-panel value="3" header="这是一个折叠标题">
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
       </t-collapse-panel>
     </t-collapse>
-    <div style="margin-top: 10px">当前展开项：{{ currentItem }}</div>
-  </div>
+
+    <p>当前展开项：{{ currentItem }}</p>
+  </t-space>
 </template>
 
 <script setup>
diff --git a/src/collapse/_example/other.vue b/src/collapse/_example/other.vue
index 135b2843b4..9c4f2848e4 100644
--- a/src/collapse/_example/other.vue
+++ b/src/collapse/_example/other.vue
@@ -1,15 +1,17 @@
 <template>
-  <div class="tdesign-collapse">
+  <t-space direction="vertical">
     <t-collapse :disabled="disabled" :borderless="borderless" @change="handlePanelChange">
       <t-collapse-panel value="0" header="这是一个折叠标题">
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
       </t-collapse-panel>
+
       <t-collapse-panel value="1">
         <template #header>这是一个折叠标题</template>
         <template #default
           >这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。</template
         >
       </t-collapse-panel>
+
       <t-collapse-panel value="2">
         <template #header>这是一个折叠标题</template>
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
@@ -18,11 +20,12 @@
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
       </t-collapse-panel>
     </t-collapse>
-    <div class="button-area">
+
+    <t-space align="center">
       <t-checkbox v-model="disabled">全部禁用</t-checkbox>
       <t-checkbox v-model="borderless">无边框模式</t-checkbox>
-    </div>
-  </div>
+    </t-space>
+  </t-space>
 </template>
 
 <script setup>
@@ -31,6 +34,6 @@ import { ref } from 'vue';
 const disabled = ref(false);
 const borderless = ref(false);
 const handlePanelChange = (val) => {
-  console.log('panel>>>>>>', val);
+  console.log('panel >>>>>> ', val);
 };
 </script>
diff --git a/src/collapse/_example/rightSlot.vue b/src/collapse/_example/rightSlot.vue
index 7bd11ce4a6..5b16cd7d2b 100644
--- a/src/collapse/_example/rightSlot.vue
+++ b/src/collapse/_example/rightSlot.vue
@@ -1,36 +1,45 @@
 <template>
-  <div class="tdesign-collapse">
-    <t-collapse>
-      <t-collapse-panel value="0" header="这是一个折叠标题可以设置右侧操作区域" :disabled="disable0">
-        <template #headerRightContent>
+  <t-collapse>
+    <t-collapse-panel value="0" header="这是一个折叠标题可以设置右侧操作区域" :disabled="disable0">
+      <template #headerRightContent>
+        <t-space size="small">
           <t-checkbox v-model="disable0">禁用</t-checkbox>
           <t-button size="small">操作</t-button>
-        </template>
-        这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-      </t-collapse-panel>
-      <t-collapse-panel value="1" header="这是一个折叠标题可以设置右侧操作区域" :disabled="disable1">
-        <template #headerRightContent>
+        </t-space>
+      </template>
+      这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+    </t-collapse-panel>
+
+    <t-collapse-panel value="1" header="这是一个折叠标题可以设置右侧操作区域" :disabled="disable1">
+      <template #headerRightContent>
+        <t-space size="small">
           <t-checkbox v-model="disable1">禁用</t-checkbox>
           <t-button size="small">操作</t-button>
-        </template>
-        这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-      </t-collapse-panel>
-      <t-collapse-panel value="2" header="这是一个折叠标题可以设置右侧操作区域" :disabled="disable2">
-        <template #headerRightContent>
+        </t-space>
+      </template>
+      这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+    </t-collapse-panel>
+
+    <t-collapse-panel value="2" header="这是一个折叠标题可以设置右侧操作区域" :disabled="disable2">
+      <template #headerRightContent>
+        <t-space size="small">
           <t-checkbox v-model="disable2">禁用</t-checkbox>
           <t-button size="small">操作</t-button>
-        </template>
-        这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-      </t-collapse-panel>
-      <t-collapse-panel value="3" header="这是一个折叠标题可以设置右侧操作区域" :disabled="disable3">
-        <template #headerRightContent>
+        </t-space>
+      </template>
+      这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+    </t-collapse-panel>
+
+    <t-collapse-panel value="3" header="这是一个折叠标题可以设置右侧操作区域" :disabled="disable3">
+      <template #headerRightContent>
+        <t-space size="small">
           <t-checkbox v-model="disable3">禁用</t-checkbox>
           <t-button size="small">操作</t-button>
-        </template>
-        这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-      </t-collapse-panel>
-    </t-collapse>
-  </div>
+        </t-space>
+      </template>
+      这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+    </t-collapse-panel>
+  </t-collapse>
 </template>
 
 <script setup>
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index 8e80951617..b933d8ad43 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -2076,122 +2076,169 @@ exports[`csr snapshot test > csr test ./src/anchor/_example/target.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/avatar/_example/adjust.vue 1`] = `
 <div
-  class="demo-avatar"
-  data-v-9a5c3c54=""
+  class="t-space t-space-horizontal"
+  style="gap: 40px;"
 >
+  
+  
   <div
-    class="t-avatar t-avatar--circle"
-    data-v-9a5c3c54=""
+    class="t-space-item"
   >
-    <span>
-      
-      王
-      
-    </span>
+    <div
+      class="t-avatar t-avatar--circle"
+    >
+      <span>
+        
+        王
+        
+      </span>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-avatar t-avatar--circle"
-    data-v-9a5c3c54=""
+    class="t-space-item"
   >
-    <span>
-      
-      王亿
-      
-    </span>
+    <div
+      class="t-avatar t-avatar--circle"
+    >
+      <span>
+        
+        王亿
+        
+      </span>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-avatar t-avatar--circle"
-    data-v-9a5c3c54=""
+    class="t-space-item"
   >
-    <span>
-      
-      王亿亿
-      
-    </span>
+    <div
+      class="t-avatar t-avatar--circle"
+    >
+      <span>
+        
+        王亿亿
+        
+      </span>
+    </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/avatar/_example/base.vue 1`] = `
 <div
-  class="demo-avatar"
-  data-v-edb98050=""
+  class="t-space t-space-horizontal"
+  style="gap: 40px;"
 >
+  
+  
   <div
-    class="t-avatar t-avatar--circle"
-    data-v-edb98050=""
+    class="t-space-item"
   >
-    <img
-      alt=""
-      src="https://tdesign.gtimg.com/site/avatar.jpg"
-    />
+    <div
+      class="t-avatar t-avatar--circle"
+    >
+      <img
+        alt=""
+        src="https://tdesign.gtimg.com/site/avatar.jpg"
+      />
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-avatar t-avatar--circle"
-    data-v-edb98050=""
+    class="t-space-item"
   >
-    <span>
-      
-      W
-      
-    </span>
+    <div
+      class="t-avatar t-avatar--circle"
+    >
+      <span>
+        
+        W
+        
+      </span>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-avatar t-avatar--circle t-avatar__icon"
-    data-v-edb98050=""
+    class="t-space-item"
   >
-    
-    <svg
-      class="t-icon t-icon-user"
-      fill="none"
-      height="1em"
-      viewBox="0 0 16 16"
-      width="1em"
+    <div
+      class="t-avatar t-avatar--circle t-avatar__icon"
     >
-      <path
-        d="M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z"
-        fill="currentColor"
-        fill-opacity="0.9"
-      />
-    </svg>
-    
-    
+      
+      <svg
+        class="t-icon t-icon-user"
+        fill="none"
+        height="1em"
+        viewBox="0 0 16 16"
+        width="1em"
+      >
+        <path
+          d="M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z"
+          fill="currentColor"
+          fill-opacity="0.9"
+        />
+      </svg>
+      
+      
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-avatar t-avatar--circle t-avatar__icon"
-    data-v-edb98050=""
+    class="t-space-item"
   >
-    
-    
-    <svg
-      class="t-icon t-icon-user"
-      data-v-edb98050=""
-      fill="none"
-      height="1em"
-      viewBox="0 0 16 16"
-      width="1em"
+    <div
+      class="t-avatar t-avatar--circle t-avatar__icon"
     >
-      <path
-        d="M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z"
-        fill="currentColor"
-        fill-opacity="0.9"
-      />
-    </svg>
-    
-    
-    
+      
+      
+      <svg
+        class="t-icon t-icon-user"
+        fill="none"
+        height="1em"
+        viewBox="0 0 16 16"
+        width="1em"
+      >
+        <path
+          d="M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z"
+          fill="currentColor"
+          fill-opacity="0.9"
+        />
+      </svg>
+      
+      
+      
+    </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/avatar/_example/group.vue 1`] = `
 <div
-  class="demo-avatar"
+  class="t-space t-space-vertical demo-avatar"
   data-v-9c764ef0=""
+  style="gap: 40px;"
 >
+  
+  
   <div
-    class="demo-avatar-block"
-    data-v-9c764ef0=""
+    class="t-space-item"
   >
     <div
       class="t-avatar-group t-avatar--offset-right"
@@ -2243,9 +2290,11 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group.vue 1`] = `
       
     </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="demo-avatar-block"
-    data-v-9c764ef0=""
+    class="t-space-item"
   >
     <div
       class="t-avatar-group t-avatar--offset-right"
@@ -2297,144 +2346,152 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group.vue 1`] = `
       
     </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/avatar/_example/group-cascading.vue 1`] = `
 <div
-  class="demo-avatar"
-  data-v-004f436c=""
+  class="t-space t-space-vertical"
+  style="gap: 40px;"
 >
+  
+  
   <div
-    class="demo-avatar-block"
-    data-v-004f436c=""
+    class="t-space-item"
   >
     <div
-      class="t-avatar-group t-avatar--offset-right"
-      data-v-004f436c=""
+      class="demo-avatar-block"
     >
-      
-      
-      <div
-        class="t-avatar t-avatar--circle"
-        data-v-004f436c=""
-      >
-        <img
-          alt=""
-          src="https://tdesign.gtimg.com/site/avatar.jpg"
-        />
-      </div>
-      <div
-        class="t-avatar t-avatar--circle"
-        data-v-004f436c=""
-      >
-        <span>
-          
-          W
-          
-        </span>
-      </div>
       <div
-        class="t-avatar t-avatar--circle t-avatar__icon"
-        data-v-004f436c=""
+        class="t-avatar-group t-avatar--offset-right"
       >
         
-        <svg
-          class="t-icon t-icon-user"
-          fill="none"
-          height="1em"
-          viewBox="0 0 16 16"
-          width="1em"
+        
+        <div
+          class="t-avatar t-avatar--circle"
         >
-          <path
-            d="M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z"
-            fill="currentColor"
-            fill-opacity="0.9"
+          <img
+            alt=""
+            src="https://tdesign.gtimg.com/site/avatar.jpg"
           />
-        </svg>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <span>
+            
+            W
+            
+          </span>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle t-avatar__icon"
+        >
+          
+          <svg
+            class="t-icon t-icon-user"
+            fill="none"
+            height="1em"
+            viewBox="0 0 16 16"
+            width="1em"
+          >
+            <path
+              d="M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z"
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+          </svg>
+          
+          
+        </div>
         
         
       </div>
-      
-      
     </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="demo-avatar-block"
-    data-v-004f436c=""
+    class="t-space-item"
   >
     <div
-      class="t-avatar-group t-avatar--offset-left"
-      data-v-004f436c=""
+      class="demo-avatar-block"
     >
-      
-      
-      <div
-        class="t-avatar t-avatar--circle"
-        data-v-004f436c=""
-      >
-        <img
-          alt=""
-          src="https://tdesign.gtimg.com/site/avatar.jpg"
-        />
-      </div>
       <div
-        class="t-avatar t-avatar--circle"
-        data-v-004f436c=""
-      >
-        <span>
-          
-          W
-          
-        </span>
-      </div>
-      <div
-        class="t-avatar t-avatar--circle t-avatar__icon"
-        data-v-004f436c=""
+        class="t-avatar-group t-avatar--offset-left"
       >
         
-        <svg
-          class="t-icon t-icon-user"
-          fill="none"
-          height="1em"
-          viewBox="0 0 16 16"
-          width="1em"
+        
+        <div
+          class="t-avatar t-avatar--circle"
         >
-          <path
-            d="M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z"
-            fill="currentColor"
-            fill-opacity="0.9"
+          <img
+            alt=""
+            src="https://tdesign.gtimg.com/site/avatar.jpg"
           />
-        </svg>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <span>
+            
+            W
+            
+          </span>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle t-avatar__icon"
+        >
+          
+          <svg
+            class="t-icon t-icon-user"
+            fill="none"
+            height="1em"
+            viewBox="0 0 16 16"
+            width="1em"
+          >
+            <path
+              d="M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z"
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+          </svg>
+          
+          
+        </div>
         
         
       </div>
-      
-      
     </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/avatar/_example/group-max.vue 1`] = `
 <div
-  class="demo-avatar"
-  data-v-93c4d1c2=""
+  class="t-space t-space-vertical"
+  style="gap: 40px;"
 >
+  
+  
   <div
-    class="demo-avatar-block"
-    data-v-93c4d1c2=""
+    class="t-space-item"
   >
     <div
       class="t-avatar-group t-avatar--offset-right"
-      data-v-93c4d1c2=""
     >
       
       
       
       <div
         class="t-avatar t-avatar--circle"
-        data-v-93c4d1c2=""
       >
         <img
           alt=""
@@ -2443,7 +2500,6 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group-max.vue 1`] =
       </div>
       <div
         class="t-avatar t-avatar--circle"
-        data-v-93c4d1c2=""
       >
         <span>
           
@@ -2465,20 +2521,20 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group-max.vue 1`] =
       
     </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="demo-avatar-block"
-    data-v-93c4d1c2=""
+    class="t-space-item"
   >
     <div
       class="t-avatar-group t-avatar--offset-right"
-      data-v-93c4d1c2=""
     >
       
       
       
       <div
         class="t-avatar t-avatar--circle"
-        data-v-93c4d1c2=""
       >
         <img
           alt=""
@@ -2487,7 +2543,6 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group-max.vue 1`] =
       </div>
       <div
         class="t-avatar t-avatar--circle"
-        data-v-93c4d1c2=""
       >
         <span>
           
@@ -2524,20 +2579,20 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group-max.vue 1`] =
       
     </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="demo-avatar-block"
-    data-v-93c4d1c2=""
+    class="t-space-item"
   >
     <div
       class="t-avatar-group t-avatar--offset-right"
-      data-v-93c4d1c2=""
     >
       
       
       
       <div
         class="t-avatar t-avatar--circle"
-        data-v-93c4d1c2=""
       >
         <img
           alt=""
@@ -2546,7 +2601,6 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group-max.vue 1`] =
       </div>
       <div
         class="t-avatar t-avatar--circle"
-        data-v-93c4d1c2=""
       >
         <span>
           
@@ -2568,124 +2622,40 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group-max.vue 1`] =
       
     </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/avatar/_example/shape.vue 1`] = `
 <div
-  class="demo-avatar"
-  data-v-af185eac=""
->
-  <div
-    class="t-avatar t-avatar--circle"
-    data-v-af185eac=""
-  >
-    <span>
-      
-      W
-      
-    </span>
-  </div>
-  <div
-    class="t-avatar t-avatar--round"
-    data-v-af185eac=""
-  >
-    <span>
-      
-       W 
-      
-    </span>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/avatar/_example/size.vue 1`] = `
-<div
-  class="demo-avatar"
-  data-v-223b0108=""
+  class="t-space t-space-horizontal"
+  style="gap: 40px;"
 >
+  
+  
   <div
-    class="demo-avatar-block"
-    data-v-223b0108=""
+    class="t-space-item"
   >
     <div
       class="t-avatar t-avatar--circle"
-      data-v-223b0108=""
-    >
-      <span>
-        
-         W 
-        
-      </span>
-    </div>
-    <div
-      class="t-avatar t-avatar--circle"
-      data-v-223b0108=""
-    >
-      <span>
-        
-         W 
-        
-      </span>
-    </div>
-    <div
-      class="t-avatar t-avatar--circle"
-      data-v-223b0108=""
-    >
-      <span>
-        
-         W 
-        
-      </span>
-    </div>
-    <div
-      class="t-avatar t-avatar--circle"
-      data-v-223b0108=""
     >
       <span>
         
-         W 
+        W
         
       </span>
     </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="demo-avatar-block"
-    data-v-223b0108=""
+    class="t-space-item"
   >
     <div
       class="t-avatar t-avatar--round"
-      data-v-223b0108=""
-    >
-      <span>
-        
-         W 
-        
-      </span>
-    </div>
-    <div
-      class="t-avatar t-avatar--round"
-      data-v-223b0108=""
-    >
-      <span>
-        
-         W 
-        
-      </span>
-    </div>
-    <div
-      class="t-avatar t-avatar--round"
-      data-v-223b0108=""
-    >
-      <span>
-        
-         W 
-        
-      </span>
-    </div>
-    <div
-      class="t-avatar t-avatar--round"
-      data-v-223b0108=""
     >
       <span>
         
@@ -2694,437 +2664,784 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/size.vue 1`] = `
       </span>
     </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/badge/_example/base.vue 1`] = `
-<div>
+exports[`csr snapshot test > csr test ./src/avatar/_example/size.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 40px;"
+>
+  
+  
   <div
-    class="demo-badge-block"
+    class="t-space-item"
   >
     <div
-      class="t-badge"
+      class="t-space t-space-horizontal"
+      style="gap: 40px;"
     >
       
-      <div
-        class="badge-block"
-      />
       
-      <sup
-        class="t-badge--dot"
+      <div
+        class="t-space-item"
       >
-        
-      </sup>
-    </div>
-    <div
-      class="t-badge"
-    >
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <span>
+            
+             W 
+            
+          </span>
+        </div>
+      </div>
+      <!---->
       
-       解锁新徽章 
       
-      <sup
-        class="t-badge--dot"
+      <div
+        class="t-space-item"
       >
-        
-      </sup>
-    </div>
-    <div
-      class="t-badge"
-    >
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <span>
+            
+             W 
+            
+          </span>
+        </div>
+      </div>
+      <!---->
       
-      <svg
-        class="t-icon"
-        style="font-size: 24px;"
-        version="1.1"
-        viewBox="0 0 16 16"
-        xmlns="http://www.w3.org/2000/svg"
+      
+      <div
+        class="t-space-item"
       >
-        <path
-          d="M8,9 C9.40504021,9 10.7254812,9.36221239 11.8730402,9.99835445 L11.885,10 L12.4565011,10.2862457 C12.7901689,10.4574447 13,10.8009441 13,11.1759685 L13,13 C13,13.5522847 12.5522847,14 12,14 L4,14 C3.44771525,14 3,13.5522847 3,13 L3,11.1762791 C3,10.8012353 3.20985249,10.4577217 3.54354665,10.2865317 L4.121,10 L4.126,9.999 L4.27379497,9.91895294 C5.38659871,9.3321599 6.6545093,9 8,9 Z M8,10 C6.51283435,10 5.13398645,10.4637634 4.00018867,11.2545577 L4,13 L12,13 L12.0003287,11.2549186 C10.8664331,10.4639045 9.48739188,10 8,10 Z M8,2.49576492 C9.65685425,2.49576492 11,3.83891067 11,5.49576492 C11,7.15261916 9.65685425,8.49576492 8,8.49576492 C6.34314575,8.49576492 5,7.15261916 5,5.49576492 C5,3.83891067 6.34314575,2.49576492 8,2.49576492 Z M8,3.49576492 C6.8954305,3.49576492 6,4.39119542 6,5.49576492 C6,6.60033441 6.8954305,7.49576492 8,7.49576492 C9.1045695,7.49576492 10,6.60033441 10,5.49576492 C10,4.39119542 9.1045695,3.49576492 8,3.49576492 Z"
-          fill-rule="evenodd"
-        />
-      </svg>
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <span>
+            
+             W 
+            
+          </span>
+        </div>
+      </div>
+      <!---->
       
-      <sup
-        class="t-badge--dot"
+      
+      <div
+        class="t-space-item"
       >
-        
-      </sup>
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <span>
+            
+             W 
+            
+          </span>
+        </div>
+      </div>
+      <!---->
+      
+      
     </div>
   </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/badge/_example/custom.vue 1`] = `
-<div
-  data-v-a2369e40=""
->
+  <!---->
+  
+  
   <div
-    class="t-badge"
-    data-v-a2369e40=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-a2369e40=""
-    />
-    
-    <sup
-      class="t-badge--dot"
+      class="t-space t-space-horizontal"
+      style="gap: 40px;"
     >
       
-    </sup>
+      
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-avatar t-avatar--round"
+        >
+          <span>
+            
+             W 
+            
+          </span>
+        </div>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-avatar t-avatar--round"
+        >
+          <span>
+            
+             W 
+            
+          </span>
+        </div>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-avatar t-avatar--round"
+        >
+          <span>
+            
+             W 
+            
+          </span>
+        </div>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-avatar t-avatar--round"
+        >
+          <span>
+            
+             W 
+            
+          </span>
+        </div>
+      </div>
+      <!---->
+      
+      
+    </div>
   </div>
+  <!---->
+  
+  
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/badge/_example/base.vue 1`] = `
+<div
+  class="t-space t-space-align-center t-space-horizontal"
+  style="gap: 24px;"
+>
+  
+  
   <div
-    class="t-badge"
-    data-v-a2369e40=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-a2369e40=""
-    />
-    
-    <sup
-      class="t-badge--circle"
+      class="t-badge"
     >
-      new
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--dot"
+      >
+        
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
-    data-v-a2369e40=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-a2369e40=""
-    />
-    
-    <sup
-      class="t-badge--circle"
-      style="background: rgb(0, 168, 112);"
+      class="t-badge"
     >
-      99
-    </sup>
+      
+       解锁新徽章 
+      
+      <sup
+        class="t-badge--dot"
+      >
+        
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
-    data-v-a2369e40=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-a2369e40=""
-    />
-    
-    <sup
-      class="t-badge--round"
-      style="background: rgb(0, 82, 217);"
+      class="t-badge"
     >
-      99+
-    </sup>
+      
+      <svg
+        class="t-icon t-icon-user"
+        fill="none"
+        height="1em"
+        viewBox="0 0 16 16"
+        width="1em"
+      >
+        <path
+          d="M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z"
+          fill="currentColor"
+          fill-opacity="0.9"
+        />
+      </svg>
+      
+      <sup
+        class="t-badge--dot"
+      >
+        
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/badge/_example/number.vue 1`] = `
-<div>
+exports[`csr snapshot test > csr test ./src/badge/_example/custom.vue 1`] = `
+<div
+  class="t-space t-space-horizontal"
+  data-v-a2369e40=""
+  style="gap: 24px;"
+>
+  
+  
   <div
-    class="t-badge"
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--circle"
+      class="t-badge"
+      data-v-a2369e40=""
     >
-      2
-    </sup>
+      
+      <div
+        class="badge-block"
+        data-v-a2369e40=""
+      />
+      
+      <sup
+        class="t-badge--dot"
+      >
+        
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--circle"
+      class="t-badge"
+      data-v-a2369e40=""
     >
-      0
-    </sup>
+      
+      <div
+        class="badge-block"
+        data-v-a2369e40=""
+      />
+      
+      <sup
+        class="t-badge--circle"
+      >
+        new
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--circle"
+      class="t-badge"
+      data-v-a2369e40=""
     >
-      99+
-    </sup>
+      
+      <div
+        class="badge-block"
+        data-v-a2369e40=""
+      />
+      
+      <sup
+        class="t-badge--circle"
+        style="background: rgb(0, 168, 112);"
+      >
+        99
+      </sup>
+    </div>
   </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/badge/_example/offset.vue 1`] = `
-<div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--circle"
+      class="t-badge"
+      data-v-a2369e40=""
     >
-      2
-    </sup>
+      
+      <div
+        class="badge-block"
+        data-v-a2369e40=""
+      />
+      
+      <sup
+        class="t-badge--round"
+        style="background: rgb(0, 82, 217);"
+      >
+        99+
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/badge/_example/number.vue 1`] = `
+<div
+  class="t-space t-space-horizontal"
+  style="gap: 24px;"
+>
+  
+  
   <div
-    class="t-badge"
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--circle"
-      style="right: 10px; top: 10px;"
+      class="t-badge"
     >
-      2
-    </sup>
-  </div>
-  <div
-    class="t-badge"
-  >
-    
-    <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--circle"
-      style="right: -10px; top: 10px;"
-    >
-      2
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--circle"
+      >
+        2
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--circle"
-      style="right: -10px; top: -10px;"
+      class="t-badge"
     >
-      2
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--circle"
+      >
+        0
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--circle"
-      style="right: 10px; top: -10px;"
+      class="t-badge"
     >
-      2
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--circle"
+      >
+        99+
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/badge/_example/shape.vue 1`] = `
-<div>
-  <div
-    class="t-badge"
-  >
-    
-    <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--circle"
-    >
-      2
-    </sup>
-  </div>
+exports[`csr snapshot test > csr test ./src/badge/_example/offset.vue 1`] = `
+<div
+  class="t-space t-space-horizontal"
+  style="gap: 24px;"
+>
+  
+  
   <div
-    class="t-badge"
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-    />
-    
-    <sup
-      class="t-badge--round"
+      class="t-badge"
     >
-      99
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--circle"
+      >
+        2
+      </sup>
+    </div>
   </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/badge/_example/size.vue 1`] = `
-<div
-  data-v-28dbb1a0=""
->
-  <h3
-    class="demo-t-badge-title"
-    data-v-28dbb1a0=""
-  >
-    1.默认大小
-  </h3>
+  <!---->
+  
+  
   <div
-    class="t-badge"
-    data-v-28dbb1a0=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-28dbb1a0=""
-    />
-    
-    <sup
-      class="t-badge--circle"
+      class="t-badge"
     >
-      2
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--circle"
+        style="right: 10px; top: 10px;"
+      >
+        2
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
-    data-v-28dbb1a0=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-28dbb1a0=""
-    />
-    
-    <sup
-      class="t-badge--circle"
+      class="t-badge"
     >
-      99
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--circle"
+        style="right: -10px; top: 10px;"
+      >
+        2
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
-    data-v-28dbb1a0=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-28dbb1a0=""
-    />
-    
-    <sup
-      class="t-badge--circle"
+      class="t-badge"
     >
-      99+
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--circle"
+        style="right: -10px; top: -10px;"
+      >
+        2
+      </sup>
+    </div>
   </div>
-  <h3
-    class="demo-t-badge-title"
-    data-v-28dbb1a0=""
-  >
-    2.小
-  </h3>
+  <!---->
+  
+  
   <div
-    class="t-badge"
-    data-v-28dbb1a0=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-28dbb1a0=""
-    />
-    
-    <sup
-      class="t-badge--circle t-size-s"
+      class="t-badge"
     >
-      2
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--circle"
+        style="right: 10px; top: -10px;"
+      >
+        2
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/badge/_example/shape.vue 1`] = `
+<div
+  class="t-space t-space-horizontal"
+  style="gap: 24px;"
+>
+  
+  
   <div
-    class="t-badge"
-    data-v-28dbb1a0=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-28dbb1a0=""
-    />
-    
-    <sup
-      class="t-badge--circle t-size-s"
+      class="t-badge"
     >
-      99
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--circle"
+      >
+        2
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-badge"
-    data-v-28dbb1a0=""
+    class="t-space-item"
   >
-    
     <div
-      class="badge-block"
-      data-v-28dbb1a0=""
-    />
-    
-    <sup
-      class="t-badge--circle t-size-s"
+      class="t-badge"
     >
-      99+
-    </sup>
+      
+      <div
+        class="badge-block"
+      />
+      
+      <sup
+        class="t-badge--round"
+      >
+        99
+      </sup>
+    </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/breadcrumb/_example/base.vue 1`] = `
+exports[`csr snapshot test > csr test ./src/badge/_example/size.vue 1`] = `
 <div
-  class="t-breadcrumb"
+  class="t-space t-space-vertical"
+  data-v-28dbb1a0=""
+  style="gap: 24px;"
 >
   
+  
   <div
-    class="t-breadcrumb__item light"
+    class="t-space-item"
   >
-    <a
-      class="t-breadcrumb--text-overflow t-link"
-      href=""
-      target="_self"
+    <h3
+      data-v-28dbb1a0=""
     >
-      <span
-        class="t-breadcrumb__inner"
-        style="max-width: 150px;"
+      1.默认大小
+    </h3>
+  </div>
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      data-v-28dbb1a0=""
+    >
+      <div
+        class="t-badge"
+        data-v-28dbb1a0=""
       >
         
-         页面1 
+        <div
+          class="badge-block"
+          data-v-28dbb1a0=""
+        />
         
-      </span>
-    </a>
-    <span
+        <sup
+          class="t-badge--circle"
+        >
+          2
+        </sup>
+      </div>
+      <div
+        class="t-badge"
+        data-v-28dbb1a0=""
+      >
+        
+        <div
+          class="badge-block"
+          data-v-28dbb1a0=""
+        />
+        
+        <sup
+          class="t-badge--circle"
+        >
+          99
+        </sup>
+      </div>
+      <div
+        class="t-badge"
+        data-v-28dbb1a0=""
+      >
+        
+        <div
+          class="badge-block"
+          data-v-28dbb1a0=""
+        />
+        
+        <sup
+          class="t-badge--circle"
+        >
+          99+
+        </sup>
+      </div>
+    </div>
+  </div>
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <h3
+      data-v-28dbb1a0=""
+    >
+      2.小
+    </h3>
+  </div>
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      data-v-28dbb1a0=""
+    >
+      <div
+        class="t-badge"
+        data-v-28dbb1a0=""
+      >
+        
+        <div
+          class="badge-block"
+          data-v-28dbb1a0=""
+        />
+        
+        <sup
+          class="t-badge--circle t-size-s"
+        >
+          2
+        </sup>
+      </div>
+      <div
+        class="t-badge"
+        data-v-28dbb1a0=""
+      >
+        
+        <div
+          class="badge-block"
+          data-v-28dbb1a0=""
+        />
+        
+        <sup
+          class="t-badge--circle t-size-s"
+        >
+          99
+        </sup>
+      </div>
+      <div
+        class="t-badge"
+        data-v-28dbb1a0=""
+      >
+        
+        <div
+          class="badge-block"
+          data-v-28dbb1a0=""
+        />
+        
+        <sup
+          class="t-badge--circle t-size-s"
+        >
+          99+
+        </sup>
+      </div>
+    </div>
+  </div>
+  <!---->
+  
+  
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/breadcrumb/_example/base.vue 1`] = `
+<div
+  class="t-breadcrumb"
+>
+  
+  <div
+    class="t-breadcrumb__item light"
+  >
+    <a
+      class="t-breadcrumb--text-overflow t-link"
+      href=""
+      target="_self"
+    >
+      <span
+        class="t-breadcrumb__inner"
+        style="max-width: 150px;"
+      >
+        
+         页面1 
+        
+      </span>
+    </a>
+    <span
       class="t-breadcrumb__separator"
     >
       <svg
@@ -7126,1955 +7443,2008 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/base.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/calendar/_example/card.vue 1`] = `
 <div
-  class="tdesign-demo-block-column-large"
-  data-v-a0ba8a08=""
+  class="t-space t-space-vertical"
+  style="gap: 24px;"
 >
+  
+  
   <div
-    data-v-a0ba8a08=""
+    class="t-space-item"
   >
-    <label
-      data-v-a0ba8a08=""
-    >
-      请选择风格：
-    </label>
     <div
-      class="t-select__wrap demo-select-base"
-      data-v-a0ba8a08=""
+      class="t-space t-space-align-center t-space-horizontal"
+      style="gap: 8px;"
     >
       
+      
       <div
-        class="t-input__wrap t-select-input t-select"
+        class="t-space-item"
+      >
+        <label>
+          请选择风格：
+        </label>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
       >
         <div
-          class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix"
+          class="t-select__wrap"
         >
-          <!---->
+          
           <div
-            class="t-input__prefix"
+            class="t-input__wrap t-select-input t-select"
           >
-            
-            <!---->
+            <div
+              class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix"
+            >
+              <!---->
+              <div
+                class="t-input__prefix"
+              >
+                
+                <!---->
+                <!---->
+                
+              </div>
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                unselectable="on"
+              />
+              <!---->
+              <!---->
+              <!---->
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
             <!---->
-            
           </div>
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            unselectable="on"
-          />
-          <!---->
-          <!---->
           <!---->
+          
+        </div>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
+      >
+        <button
+          class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+          type="button"
+        >
           <span
-            class="t-input__suffix t-input__suffix-icon"
+            class="t-button__text"
           >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
+            
+             今天（当前高亮日期） 
+            
           </span>
-        </div>
-        <!---->
+        </button>
       </div>
       <!---->
       
+      
     </div>
-    <button
-      class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-      data-v-a0ba8a08=""
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        
-         今天（当前高亮日期） 
-        
-      </span>
-    </button>
   </div>
+  <!---->
+  
+  
   <div
-    data-v-a0ba8a08=""
+    class="t-space-item"
   >
-    <label
-      data-v-a0ba8a08=""
-    >
-      日期补零：
-    </label>
-    <div
-      class="t-switch t-size-l t-is-checked"
-      data-v-a0ba8a08=""
-      disabled="false"
-    >
-      <span
-        class="t-switch__handle"
-      >
-        <!---->
-      </span>
+    <div>
+      <label>
+        日期补零：
+      </label>
       <div
-        class="t-switch__content t-size-l"
+        class="t-switch t-size-l t-is-checked"
+        disabled="false"
       >
-        <!---->
+        <span
+          class="t-switch__handle"
+        >
+          <!---->
+        </span>
+        <div
+          class="t-switch__content t-size-l"
+        >
+          <!---->
+        </div>
       </div>
     </div>
   </div>
-  <div
-    class="t-calendar t-calendar--card"
-    data-v-a0ba8a08=""
-  >
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
     <div
-      class="t-calendar__control"
+      class="t-calendar t-calendar--card"
     >
       <div
-        class="t-calendar__title"
-      >
-        <!---->
-      </div>
-      <div
-        class="t-calendar__control-section"
+        class="t-calendar__control"
       >
         <div
-          class="t-calendar__control-section-cell"
+          class="t-calendar__title"
+        >
+          <!---->
+        </div>
+        <div
+          class="t-calendar__control-section"
         >
           <div
-            class="t-select__wrap"
+            class="t-calendar__control-section-cell"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-select__wrap"
             >
+              
               <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__wrap t-select-input t-select"
               >
-                <!---->
                 <div
-                  class="t-input__prefix"
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
                 >
-                  
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
                   <!---->
                   <!---->
-                  
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
                 </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  2020 年
-                </span>
-                <!---->
                 <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
               </div>
               <!---->
+              
             </div>
-            <!---->
-            
           </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
           <div
-            class="t-select__wrap"
+            class="t-calendar__control-section-cell"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-select__wrap"
             >
+              
               <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__wrap t-select-input t-select"
               >
-                <!---->
                 <div
-                  class="t-input__prefix"
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
                 >
-                  
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
                   <!---->
                   <!---->
-                  
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
                 </div>
+                <!---->
+              </div>
+              <!---->
+              
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+            style="height: auto;"
+          >
+            <div
+              class="t-radio-group t-size-m t-radio-group--filled"
+            >
+              
+              
+              <label
+                class="t-radio-button t-is-checked"
+              >
                 <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="month"
                 />
                 <span
-                  class="t-input__input-pre"
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
                 >
-                  12 月
+                  
+                  
+                  月
+                  
+                  
                 </span>
-                <!---->
-                <!---->
+              </label>
+              <label
+                class="t-radio-button"
+              >
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="year"
+                />
                 <span
-                  class="t-input__suffix t-input__suffix-icon"
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
                 >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
+                  
+                  
+                  年
+                  
+                  
                 </span>
-              </div>
-              <!---->
+              </label>
+              
+              
+              <div
+                class="t-radio-group__bg-block"
+                style="width: 0px; left: 0px;"
+              />
             </div>
-            <!---->
-            
           </div>
+          <!---->
+          <!---->
         </div>
-        <div
-          class="t-calendar__control-section-cell"
-          style="height: auto;"
-        >
-          <div
-            class="t-radio-group t-size-m t-radio-group--filled"
-          >
-            
-            
-            <label
-              class="t-radio-button t-is-checked"
-            >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                月
-                
-                
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-            >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                年
-                
-                
-              </span>
-            </label>
-            
-            
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; left: 0px;"
-            />
-          </div>
-        </div>
-        <!---->
-        <!---->
       </div>
-    </div>
-    <div
-      class="t-calendar__panel t-calendar__panel--month"
-    >
-      <table
-        class="t-calendar__table"
+      <div
+        class="t-calendar__panel t-calendar__panel--month"
       >
-        <thead
-          class="t-calendar__table-head"
-        >
-          <tr
-            class="t-calendar__table-head-row"
-          >
-            
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                一
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                二
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                三
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                四
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                五
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                六
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                日
-              </span>
-            </th>
-            
-          </tr>
-        </thead>
-        <tbody
-          class="t-calendar__table-body"
+        <table
+          class="t-calendar__table"
         >
-          
-          <tr
-            class="t-calendar__table-body-row"
+          <thead
+            class="t-calendar__table-head"
           >
-            
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+            <tr
+              class="t-calendar__table-head-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  一
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  二
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  三
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  四
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  五
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  六
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
+                <span>
+                  日
+                </span>
+              </th>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+          </thead>
+          <tbody
+            class="t-calendar__table-body"
+          >
+            
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                04
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                05
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                06
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  04
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                07
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  05
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  06
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                08
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  07
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                09
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  08
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  09
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                10
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  10
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  11
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                11
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  12
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  13
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                12
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  14
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                13
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  15
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  16
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                14
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  17
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  18
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                15
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  19
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  20
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                16
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  21
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  22
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                17
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  23
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                18
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  24
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  25
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                19
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  26
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  27
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
               >
-                20
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  28
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  29
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                21
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  31
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                22
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                23
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                24
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                25
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                26
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                27
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                28
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                29
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                31
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
+            </tr>
             
-          </tr>
-          
-        </tbody>
-      </table>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/calendar/_example/card-cell.vue 1`] = `
 <div
+  class="t-space t-space-horizontal"
   data-v-52a2d443=""
+  style="gap: 16px;"
 >
-  <!-- 外部控制 -->
+  
+  
   <div
-    data-v-52a2d443=""
-    style="margin: 12px 0px;"
+    class="t-space-item"
   >
-    <label
-      data-v-52a2d443=""
-    >
-      请选择风格：
-    </label>
     <div
-      class="t-select__wrap demo-select-base"
       data-v-52a2d443=""
     >
-      
+      <label
+        data-v-52a2d443=""
+      >
+        请选择风格：
+      </label>
       <div
-        class="t-input__wrap t-select-input t-select"
+        class="t-select__wrap demo-select-base"
+        data-v-52a2d443=""
       >
+        
         <div
-          class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix"
+          class="t-input__wrap t-select-input t-select"
         >
-          <!---->
           <div
-            class="t-input__prefix"
+            class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix"
           >
-            
-            <!---->
             <!---->
-            
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            unselectable="on"
-          />
-          <!---->
-          <!---->
-          <!---->
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
+            <div
+              class="t-input__prefix"
             >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
+              
+              <!---->
+              <!---->
+              
+            </div>
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              unselectable="on"
+            />
+            <!---->
+            <!---->
+            <!---->
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-select__right-icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+          <!---->
         </div>
         <!---->
+        
       </div>
-      <!---->
-      
     </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-calendar t-calendar--card"
-    data-v-52a2d443=""
+    class="t-space-item"
   >
     <div
-      class="t-calendar__control"
+      class="t-calendar t-calendar--card"
+      data-v-52a2d443=""
     >
       <div
-        class="t-calendar__title"
-      >
-        <!---->
-      </div>
-      <div
-        class="t-calendar__control-section"
+        class="t-calendar__control"
       >
         <div
-          class="t-calendar__control-section-cell"
+          class="t-calendar__title"
+        >
+          <!---->
+        </div>
+        <div
+          class="t-calendar__control-section"
         >
           <div
-            class="t-select__wrap"
+            class="t-calendar__control-section-cell"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-select__wrap"
             >
+              
               <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__wrap t-select-input t-select"
               >
-                <!---->
                 <div
-                  class="t-input__prefix"
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
                 >
-                  
                   <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
                   <!---->
-                  
+                  <!---->
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
                 </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  2020 年
-                </span>
-                <!---->
                 <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
               </div>
               <!---->
+              
             </div>
-            <!---->
-            
           </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
           <div
-            class="t-select__wrap"
+            class="t-calendar__control-section-cell"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-select__wrap"
             >
+              
               <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__wrap t-select-input t-select"
               >
-                <!---->
                 <div
-                  class="t-input__prefix"
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
                 >
-                  
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
                   <!---->
                   <!---->
-                  
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
                 </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  12 月
-                </span>
                 <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
               </div>
               <!---->
+              
             </div>
-            <!---->
-            
           </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-          style="height: auto;"
-        >
           <div
-            class="t-radio-group t-size-m t-radio-group--filled"
+            class="t-calendar__control-section-cell"
+            style="height: auto;"
           >
-            
-            
-            <label
-              class="t-radio-button t-is-checked"
+            <div
+              class="t-radio-group t-size-m t-radio-group--filled"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
+              
+              
+              <label
+                class="t-radio-button t-is-checked"
               >
-                
-                
-                月
-                
-                
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-            >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="month"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  
+                  
+                  月
+                  
+                  
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
               >
-                
-                
-                年
-                
-                
-              </span>
-            </label>
-            
-            
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; left: 0px;"
-            />
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="year"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  
+                  
+                  年
+                  
+                  
+                </span>
+              </label>
+              
+              
+              <div
+                class="t-radio-group__bg-block"
+                style="width: 0px; left: 0px;"
+              />
+            </div>
           </div>
+          <!---->
+          <!---->
         </div>
-        <!---->
-        <!---->
       </div>
-    </div>
-    <div
-      class="t-calendar__panel t-calendar__panel--month"
-    >
-      <table
-        class="t-calendar__table"
+      <div
+        class="t-calendar__panel t-calendar__panel--month"
       >
-        <thead
-          class="t-calendar__table-head"
+        <table
+          class="t-calendar__table"
         >
-          <tr
-            class="t-calendar__table-head-row"
+          <thead
+            class="t-calendar__table-head"
           >
-            
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                一
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                二
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                三
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                四
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                五
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                六
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+            <tr
+              class="t-calendar__table-head-row"
             >
-              <span>
-                日
-              </span>
-            </th>
-            
-          </tr>
-        </thead>
-        <tbody
-          class="t-calendar__table-body"
-        >
-          
-          <tr
-            class="t-calendar__table-body-row"
+              
+              <th
+                class="t-calendar__table-head-cell"
+              >
+                <span>
+                  一
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
+              >
+                <span>
+                  二
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
+              >
+                <span>
+                  三
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
+              >
+                <span>
+                  四
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
+              >
+                <span>
+                  五
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
+              >
+                <span>
+                  六
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
+              >
+                <span>
+                  日
+                </span>
+              </th>
+              
+            </tr>
+          </thead>
+          <tbody
+            class="t-calendar__table-body"
           >
             
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
+                
                 <div
-                  class="cellAppend"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  30
+                  <div
+                    class="cellAppend"
+                    data-v-52a2d443=""
+                  >
+                    30
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  1
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    1
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  2
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    2
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  3
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    3
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  4
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    4
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  5
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    5
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  6
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    6
+                  </div>
                 </div>
-              </div>
+                
+              </td>
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  7
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    7
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  8
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    8
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  9
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    9
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  10
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    10
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  11
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    11
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  12
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    12
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  13
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    13
+                  </div>
                 </div>
-              </div>
+                
+              </td>
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  14
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    14
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  15
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    15
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  16
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    16
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  17
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    17
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  18
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    18
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  19
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    19
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  20
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    20
+                  </div>
                 </div>
-              </div>
+                
+              </td>
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  21
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    21
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  22
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    22
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  23
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    23
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  24
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    24
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  25
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    25
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  26
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    26
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  27
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    27
+                  </div>
                 </div>
-              </div>
+                
+              </td>
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+              <td
+                class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
               >
+                
                 <div
-                  class="cellAppend belongCurrent activated"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  28
+                  <div
+                    class="cellAppend belongCurrent activated"
+                    data-v-52a2d443=""
+                  >
+                    28
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  29
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    29
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  30
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    30
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
+                
                 <div
-                  class="cellAppend belongCurrent"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  31
+                  <div
+                    class="cellAppend belongCurrent"
+                    data-v-52a2d443=""
+                  >
+                    31
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
+                
                 <div
-                  class="cellAppend"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  1
+                  <div
+                    class="cellAppend"
+                    data-v-52a2d443=""
+                  >
+                    1
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
+                
                 <div
-                  class="cellAppend"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  2
+                  <div
+                    class="cellAppend"
+                    data-v-52a2d443=""
+                  >
+                    2
+                  </div>
                 </div>
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="demo-cell"
-                data-v-52a2d443=""
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
+                
                 <div
-                  class="cellAppend"
+                  class="demo-cell"
                   data-v-52a2d443=""
                 >
-                  3
+                  <div
+                    class="cellAppend"
+                    data-v-52a2d443=""
+                  >
+                    3
+                  </div>
                 </div>
-              </div>
+                
+              </td>
               
-            </td>
+            </tr>
             
-          </tr>
-          
-        </tbody>
-      </table>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
@@ -11067,12 +11437,14 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/cell-append.vue 1`
 
 exports[`csr snapshot test > csr test ./src/calendar/_example/controller-config.vue 1`] = `
 <div
-  class="controllerConfig-demo"
+  class="t-space t-space-vertical controllerConfig-demo"
   data-v-aa913252=""
+  style="gap: 16px;"
 >
+  
+  
   <div
-    data-v-aa913252=""
-    style="margin: 12px 0px;"
+    class="t-space-item"
   >
     <fieldset
       data-v-aa913252=""
@@ -11082,57 +11454,86 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/controller-config.
       >
         控件全局
       </legend>
-      <p
+      <div
+        class="t-space t-space-vertical"
         data-v-aa913252=""
+        style="gap: 16px;"
       >
-        <label
-          data-v-aa913252=""
-        >
-          是否显示（全部控件）：
-        </label>
+        
+        
         <div
-          class="t-switch t-size-m t-is-checked"
-          data-v-aa913252=""
-          disabled="false"
+          class="t-space-item"
         >
-          <span
-            class="t-switch__handle"
-          >
-            <!---->
-          </span>
-          <div
-            class="t-switch__content t-size-m"
+          <p
+            data-v-aa913252=""
           >
-            <!---->
-          </div>
+            <label
+              data-v-aa913252=""
+            >
+              是否显示（全部控件）：
+            </label>
+            <div
+              class="t-switch t-size-m t-is-checked"
+              data-v-aa913252=""
+              disabled="false"
+            >
+              <span
+                class="t-switch__handle"
+              >
+                <!---->
+              </span>
+              <div
+                class="t-switch__content t-size-m"
+              >
+                <!---->
+              </div>
+            </div>
+          </p>
         </div>
-      </p>
-      <p
-        data-v-aa913252=""
-      >
-        <label
-          data-v-aa913252=""
-        >
-          是否禁用（全部控件）：
-        </label>
+        <!---->
+        
+        
         <div
-          class="t-switch t-size-m"
-          data-v-aa913252=""
-          disabled="false"
+          class="t-space-item"
         >
-          <span
-            class="t-switch__handle"
-          >
-            <!---->
-          </span>
-          <div
-            class="t-switch__content t-size-m"
+          <p
+            data-v-aa913252=""
           >
-            <!---->
-          </div>
+            <label
+              data-v-aa913252=""
+            >
+              是否禁用（全部控件）：
+            </label>
+            <div
+              class="t-switch t-size-m"
+              data-v-aa913252=""
+              disabled="false"
+            >
+              <span
+                class="t-switch__handle"
+              >
+                <!---->
+              </span>
+              <div
+                class="t-switch__content t-size-m"
+              >
+                <!---->
+              </div>
+            </div>
+          </p>
         </div>
-      </p>
+        <!---->
+        
+        
+      </div>
     </fieldset>
+  </div>
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
     <fieldset
       data-v-aa913252=""
     >
@@ -11141,4862 +11542,5102 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/controller-config.
       >
         控件局部
       </legend>
-      <p
+      <div
+        class="t-space t-space-vertical"
         data-v-aa913252=""
+        style="gap: 16px;"
       >
-        <label
-          data-v-aa913252=""
-        >
-          是否显示“模式切换”控件：
-        </label>
+        
+        
         <div
-          class="t-switch t-size-m t-is-checked"
-          data-v-aa913252=""
-          disabled="false"
+          class="t-space-item"
         >
-          <span
-            class="t-switch__handle"
-          >
-            <!---->
-          </span>
           <div
-            class="t-switch__content t-size-m"
-          >
-            <!---->
-          </div>
-        </div>
-        <label
-          data-v-aa913252=""
-        >
-          是否禁用“模式切换”控件：
-        </label>
-        <div
-          class="t-switch t-size-m"
-          data-v-aa913252=""
-          disabled="false"
-        >
-          <span
-            class="t-switch__handle"
+            class="t-space t-space-horizontal"
+            data-v-aa913252=""
+            style="gap: 16px; flex-wrap: wrap;"
           >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否显示“模式切换”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m t-is-checked"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
-          </span>
-          <div
-            class="t-switch__content t-size-m"
-          >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否禁用“模式切换”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
+            
+            
           </div>
         </div>
-      </p>
-      <p
-        data-v-aa913252=""
-      >
-        <label
-          data-v-aa913252=""
-        >
-          是否显示“年份选择”控件：
-        </label>
+        <!---->
+        
+        
         <div
-          class="t-switch t-size-m t-is-checked"
-          data-v-aa913252=""
-          disabled="false"
+          class="t-space-item"
         >
-          <span
-            class="t-switch__handle"
-          >
-            <!---->
-          </span>
           <div
-            class="t-switch__content t-size-m"
-          >
-            <!---->
-          </div>
-        </div>
-        <label
-          data-v-aa913252=""
-        >
-          是否禁用“年份选择”控件：
-        </label>
-        <div
-          class="t-switch t-size-m"
-          data-v-aa913252=""
-          disabled="false"
-        >
-          <span
-            class="t-switch__handle"
+            class="t-space t-space-horizontal"
+            data-v-aa913252=""
+            style="gap: 16px; flex-wrap: wrap;"
           >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否显示“年份选择”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m t-is-checked"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
-          </span>
-          <div
-            class="t-switch__content t-size-m"
-          >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否禁用“年份选择”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
+            
+            
           </div>
         </div>
-      </p>
-      <p
-        data-v-aa913252=""
-      >
-        <label
-          data-v-aa913252=""
-        >
-          是否显示“月份选择”控件：
-        </label>
+        <!---->
+        
+        
         <div
-          class="t-switch t-size-m t-is-checked"
-          data-v-aa913252=""
-          disabled="false"
+          class="t-space-item"
         >
-          <span
-            class="t-switch__handle"
-          >
-            <!---->
-          </span>
           <div
-            class="t-switch__content t-size-m"
-          >
-            <!---->
-          </div>
-        </div>
-        <label
-          data-v-aa913252=""
-        >
-          是否禁用“月份选择”控件：
-        </label>
-        <div
-          class="t-switch t-size-m"
-          data-v-aa913252=""
-          disabled="false"
-        >
-          <span
-            class="t-switch__handle"
+            class="t-space t-space-horizontal"
+            data-v-aa913252=""
+            style="gap: 16px; flex-wrap: wrap;"
           >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否显示“月份选择”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m t-is-checked"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
-          </span>
-          <div
-            class="t-switch__content t-size-m"
-          >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否禁用“月份选择”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
+            
+            
           </div>
         </div>
-      </p>
-      <p
-        data-v-aa913252=""
-      >
-        <label
-          data-v-aa913252=""
-        >
-          是否禁用“隐藏周末”控件：
-        </label>
+        <!---->
+        
+        
         <div
-          class="t-switch t-size-m"
-          data-v-aa913252=""
-          disabled="false"
+          class="t-space-item"
         >
-          <span
-            class="t-switch__handle"
-          >
-            <!---->
-          </span>
           <div
-            class="t-switch__content t-size-m"
+            class="t-space t-space-horizontal"
+            data-v-aa913252=""
+            style="gap: 16px; flex-wrap: wrap;"
           >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否禁用“隐藏周末”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
-          </div>
-        </div>
-        <label
-          data-v-aa913252=""
-        >
-          是否禁用“显示周末”控件：
-        </label>
-        <div
-          class="t-switch t-size-m"
-          data-v-aa913252=""
-          disabled="false"
-        >
-          <span
-            class="t-switch__handle"
-          >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否禁用“显示周末”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
-          </span>
-          <div
-            class="t-switch__content t-size-m"
-          >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否显示“隐藏\\显示周末”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m t-is-checked"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
+            
+            
           </div>
         </div>
-        <label
-          data-v-aa913252=""
-        >
-          是否显示“隐藏\\显示周末”控件：
-        </label>
+        <!---->
+        
+        
         <div
-          class="t-switch t-size-m t-is-checked"
-          data-v-aa913252=""
-          disabled="false"
+          class="t-space-item"
         >
-          <span
-            class="t-switch__handle"
-          >
-            <!---->
-          </span>
           <div
-            class="t-switch__content t-size-m"
-          >
-            <!---->
-          </div>
-        </div>
-      </p>
-      <p
-        data-v-aa913252=""
-      >
-        <label
-          data-v-aa913252=""
-        >
-          是否禁用“今天”按钮控件：
-        </label>
-        <div
-          class="t-switch t-size-m"
-          data-v-aa913252=""
-          disabled="false"
-        >
-          <span
-            class="t-switch__handle"
-          >
-            <!---->
-          </span>
-          <div
-            class="t-switch__content t-size-m"
-          >
-            <!---->
-          </div>
-        </div>
-        <label
-          data-v-aa913252=""
-        >
-          是否禁用“本月”按钮控件：
-        </label>
-        <div
-          class="t-switch t-size-m"
-          data-v-aa913252=""
-          disabled="false"
-        >
-          <span
-            class="t-switch__handle"
-          >
-            <!---->
-          </span>
-          <div
-            class="t-switch__content t-size-m"
+            class="t-space t-space-horizontal"
+            data-v-aa913252=""
+            style="gap: 16px; flex-wrap: wrap;"
           >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否禁用“今天”按钮控件：
+                </label>
+                <div
+                  class="t-switch t-size-m"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
-          </div>
-        </div>
-        <label
-          data-v-aa913252=""
-        >
-          是否显示“今天\\本月”控件：
-        </label>
-        <div
-          class="t-switch t-size-m t-is-checked"
-          data-v-aa913252=""
-          disabled="false"
-        >
-          <span
-            class="t-switch__handle"
-          >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否禁用“本月”按钮控件：
+                </label>
+                <div
+                  class="t-switch t-size-m"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
-          </span>
-          <div
-            class="t-switch__content t-size-m"
-          >
+            
+            
+            <div
+              class="t-space-item"
+            >
+              <p
+                data-v-aa913252=""
+              >
+                <label
+                  data-v-aa913252=""
+                >
+                  是否显示“今天\\本月”控件：
+                </label>
+                <div
+                  class="t-switch t-size-m t-is-checked"
+                  data-v-aa913252=""
+                  disabled="false"
+                >
+                  <span
+                    class="t-switch__handle"
+                  >
+                    <!---->
+                  </span>
+                  <div
+                    class="t-switch__content t-size-m"
+                  >
+                    <!---->
+                  </div>
+                </div>
+              </p>
+            </div>
             <!---->
+            
+            
           </div>
         </div>
-      </p>
+        <!---->
+        
+        
+      </div>
     </fieldset>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-calendar t-calendar--full"
-    data-v-aa913252=""
+    class="t-space-item"
   >
     <div
-      class="t-calendar__control"
+      class="t-calendar t-calendar--full"
+      data-v-aa913252=""
     >
       <div
-        class="t-calendar__title"
-      >
-        <!---->
-      </div>
-      <div
-        class="t-calendar__control-section"
+        class="t-calendar__control"
       >
         <div
-          class="t-calendar__control-section-cell"
+          class="t-calendar__title"
+        >
+          <!---->
+        </div>
+        <div
+          class="t-calendar__control-section"
         >
           <div
-            class="t-select__wrap"
+            class="t-calendar__control-section-cell"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-select__wrap"
             >
+              
               <div
-                class="t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__wrap t-select-input t-select"
               >
-                <!---->
                 <div
-                  class="t-input__prefix"
+                  class="t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
                 >
-                  
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
                   <!---->
                   <!---->
-                  
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
                 </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  2020 年
-                </span>
                 <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
               </div>
               <!---->
+              
             </div>
-            <!---->
-            
           </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
           <div
-            class="t-select__wrap"
+            class="t-calendar__control-section-cell"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-select__wrap"
             >
+              
               <div
-                class="t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__wrap t-select-input t-select"
               >
-                <!---->
                 <div
-                  class="t-input__prefix"
+                  class="t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
                 >
-                  
                   <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
                   <!---->
-                  
-                </div>
+                  <!---->
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
+                <!---->
+              </div>
+              <!---->
+              
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+            style="height: auto;"
+          >
+            <div
+              class="t-radio-group t-size-s t-radio-group--filled"
+            >
+              
+              
+              <label
+                class="t-radio-button t-is-checked"
+              >
                 <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="month"
                 />
                 <span
-                  class="t-input__input-pre"
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
                 >
-                  12 月
+                  
+                  
+                  月
+                  
+                  
                 </span>
-                <!---->
-                <!---->
+              </label>
+              <label
+                class="t-radio-button"
+              >
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="year"
+                />
                 <span
-                  class="t-input__suffix t-input__suffix-icon"
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
                 >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
+                  
+                  
+                  年
+                  
+                  
                 </span>
-              </div>
-              <!---->
+              </label>
+              
+              
+              <div
+                class="t-radio-group__bg-block"
+                style="width: 0px; left: 0px;"
+              />
             </div>
-            <!---->
-            
           </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-          style="height: auto;"
-        >
           <div
-            class="t-radio-group t-size-s t-radio-group--filled"
+            class="t-calendar__control-section-cell"
           >
-            
-            
-            <label
-              class="t-radio-button t-is-checked"
+            <span
+              class="t-tag t-tag--check t-tag--default t-size-s t-calendar__control-tag"
+              theme="default"
+              variant="base"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                月
-                
-                
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
+              
+              隐藏周末
+              
+            </span>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+          >
+            <button
+              class="t-button t-size-s t-button--variant-base t-button--theme-warning"
+              type="button"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
               <span
-                class="t-radio-button__label"
+                class="t-button__text"
               >
                 
-                
-                年
-                
+                今天
                 
               </span>
-            </label>
-            
-            
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; left: 0px;"
-            />
+            </button>
           </div>
         </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <span
-            class="t-tag t-tag--check t-tag--default t-size-s t-calendar__control-tag"
-            theme="default"
-            variant="base"
-          >
-            
-            隐藏周末
-            
-          </span>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <button
-            class="t-button t-size-s t-button--variant-base t-button--theme-warning"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              
-              今天
-              
-            </span>
-          </button>
-        </div>
       </div>
-    </div>
-    <div
-      class="t-calendar__panel t-calendar__panel--month"
-    >
-      <table
-        class="t-calendar__table"
+      <div
+        class="t-calendar__panel t-calendar__panel--month"
       >
-        <thead
-          class="t-calendar__table-head"
+        <table
+          class="t-calendar__table"
         >
-          <tr
-            class="t-calendar__table-head-row"
+          <thead
+            class="t-calendar__table-head"
           >
-            
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                一
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                二
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                三
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                四
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                五
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                六
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                日
-              </span>
-            </th>
-            
-          </tr>
-        </thead>
-        <tbody
-          class="t-calendar__table-body"
-        >
-          
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+            <tr
+              class="t-calendar__table-head-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <th
+                class="t-calendar__table-head-cell"
               >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  一
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  二
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  三
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  四
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  五
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
+                <span>
+                  六
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
+              >
+                <span>
+                  日
+                </span>
+              </th>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+          </thead>
+          <tbody
+            class="t-calendar__table-body"
+          >
+            
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                04
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                05
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  04
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  05
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  06
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                06
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                07
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  07
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                08
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  08
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  09
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                09
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  10
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  11
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                10
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  12
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  13
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                11
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  14
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  15
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                12
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  16
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  17
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                13
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  18
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                14
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  19
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  20
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                15
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  21
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                16
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  22
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  23
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                17
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  24
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  25
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                18
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  26
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  27
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                19
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  28
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                20
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  29
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  31
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
+            </tr>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+  <!---->
+  
+  
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/calendar/_example/events.vue 1`] = `
+<div
+  class="t-calendar t-calendar--full"
+  data-v-b47020f6=""
+>
+  <div
+    class="t-calendar__control"
+  >
+    <div
+      class="t-calendar__title"
+    >
+      <!---->
+    </div>
+    <div
+      class="t-calendar__control-section"
+    >
+      <div
+        class="t-calendar__control-section-cell"
+      >
+        <div
+          class="t-select__wrap"
+        >
+          
+          <div
+            class="t-input__wrap t-select-input t-select"
           >
-            
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                21
-              </div>
+              <!---->
               <div
-                class="t-calendar__table-body-cell-content"
+                class="t-input__prefix"
               >
+                
                 <!---->
+                <!---->
+                
               </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                unselectable="on"
+              />
+              <span
+                class="t-input__input-pre"
               >
-                22
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                2020 年
+              </span>
+              <!---->
+              <!---->
+              <span
+                class="t-input__suffix t-input__suffix-icon"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+            <!---->
+          </div>
+          <!---->
+          
+        </div>
+      </div>
+      <div
+        class="t-calendar__control-section-cell"
+      >
+        <div
+          class="t-select__wrap"
+        >
+          
+          <div
+            class="t-input__wrap t-select-input t-select"
+          >
+            <div
+              class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                23
-              </div>
+              <!---->
               <div
-                class="t-calendar__table-body-cell-content"
+                class="t-input__prefix"
               >
+                
                 <!---->
+                <!---->
+                
               </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                24
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                25
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                26
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                unselectable="on"
+              />
+              <span
+                class="t-input__input-pre"
               >
-                27
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                12 月
+              </span>
+              <!---->
+              <!---->
+              <span
+                class="t-input__suffix t-input__suffix-icon"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+            <!---->
+          </div>
+          <!---->
+          
+        </div>
+      </div>
+      <div
+        class="t-calendar__control-section-cell"
+        style="height: auto;"
+      >
+        <div
+          class="t-radio-group t-size-m t-radio-group--filled"
+        >
+          
+          
+          <label
+            class="t-radio-button t-is-checked"
           >
-            
-            <td
-              class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                28
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                29
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            <input
+              class="t-radio-button__former"
+              name=""
+              type="radio"
+              value="month"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                31
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
+              月
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+          >
+            <input
+              class="t-radio-button__former"
+              name=""
+              type="radio"
+              value="year"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
+              年
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
               
-            </td>
-            
-          </tr>
+            </span>
+          </label>
           
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/calendar/_example/events.vue 1`] = `
-<div
-  data-v-b47020f6=""
->
-  <div
-    class="t-calendar t-calendar--full"
-    data-v-b47020f6=""
-  >
-    <div
-      class="t-calendar__control"
-    >
+          
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; left: 0px;"
+          />
+        </div>
+      </div>
       <div
-        class="t-calendar__title"
+        class="t-calendar__control-section-cell"
       >
-        <!---->
+        <span
+          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          theme="default"
+        >
+          
+          隐藏周末
+          
+        </span>
       </div>
       <div
-        class="t-calendar__control-section"
+        class="t-calendar__control-section-cell"
       >
-        <div
-          class="t-calendar__control-section-cell"
+        <button
+          class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+          type="button"
         >
-          <div
-            class="t-select__wrap"
+          <span
+            class="t-button__text"
+          >
+            
+            今天
+            
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-calendar__panel t-calendar__panel--month"
+  >
+    <table
+      class="t-calendar__table"
+    >
+      <thead
+        class="t-calendar__table-head"
+      >
+        <tr
+          class="t-calendar__table-head-row"
+        >
+          
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              一
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              二
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              三
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              四
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              五
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              六
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              日
+            </span>
+          </th>
+          
+        </tr>
+      </thead>
+      <tbody
+        class="t-calendar__table-body"
+      >
+        
+        <tr
+          class="t-calendar__table-body-row"
+        >
+          
+          <td
+            class="t-calendar__table-body-cell t-is-disabled"
           >
             
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-calendar__table-body-cell-display"
+            >
+              30
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-              >
-                <!---->
-                <div
-                  class="t-input__prefix"
-                >
-                  
-                  <!---->
-                  <!---->
-                  
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  2020 年
-                </span>
-                <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
               <!---->
             </div>
-            <!---->
             
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <div
-            class="t-select__wrap"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-calendar__table-body-cell-display"
+            >
+              01
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-              >
-                <!---->
-                <div
-                  class="t-input__prefix"
-                >
-                  
-                  <!---->
-                  <!---->
-                  
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  12 月
-                </span>
-                <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
               <!---->
             </div>
-            <!---->
             
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-          style="height: auto;"
-        >
-          <div
-            class="t-radio-group t-size-m t-radio-group--filled"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            
-            <label
-              class="t-radio-button t-is-checked"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                月
-                
-                
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
+              02
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                年
-                
-                
-              </span>
-            </label>
+              <!---->
+            </div>
             
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
             
             <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; left: 0px;"
-            />
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
-            theme="default"
+              class="t-calendar__table-body-cell-display"
+            >
+              03
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            隐藏周末
+            <div
+              class="t-calendar__table-body-cell-display"
+            >
+              04
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
             
-          </span>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <button
-            class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-            type="button"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
-            <span
-              class="t-button__text"
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              今天
-              
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-calendar__panel t-calendar__panel--month"
-    >
-      <table
-        class="t-calendar__table"
-      >
-        <thead
-          class="t-calendar__table-head"
-        >
-          <tr
-            class="t-calendar__table-head-row"
+              05
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <th
-              class="t-calendar__table-head-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                一
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              06
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <span>
-                二
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              <!---->
+            </div>
+            
+          </td>
+          
+        </tr>
+        <tr
+          class="t-calendar__table-body-row"
+        >
+          
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                三
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              07
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <span>
-                四
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                五
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              08
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <span>
-                六
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                日
-              </span>
-            </th>
+              09
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
             
-          </tr>
-        </thead>
-        <tbody
-          class="t-calendar__table-body"
-        >
-          
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              10
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                04
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                05
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              11
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                06
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
+              <!---->
+            </div>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                07
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                08
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              12
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                09
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                10
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              13
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                11
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          
+        </tr>
+        <tr
+          class="t-calendar__table-body-row"
+        >
+          
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                12
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              14
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                13
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
+              <!---->
+            </div>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                14
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                15
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              15
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                16
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                17
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              16
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                18
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                19
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              17
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                20
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
+              <!---->
+            </div>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                21
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              18
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                22
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                23
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              19
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                24
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                25
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              20
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                26
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                27
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
+              <!---->
+            </div>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          
+        </tr>
+        <tr
+          class="t-calendar__table-body-row"
+        >
+          
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                28
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              21
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                29
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              22
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                31
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+              23
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
+              24
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
             
-          </tr>
-          
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/calendar/_example/events-props-api.vue 1`] = `
-<div
-  data-v-0551f5f5=""
->
-  <div
-    data-v-0551f5f5=""
-    style="margin: 12px 0px;"
-  >
-    <label
-      data-v-0551f5f5=""
-    >
-      禁用单元格右键菜单：
-    </label>
-    <div
-      class="t-switch t-size-m"
-      data-v-0551f5f5=""
-      disabled="false"
-    >
-      <span
-        class="t-switch__handle"
-      >
-        <!---->
-      </span>
-      <div
-        class="t-switch__content t-size-m"
-      >
-        <!---->
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-calendar t-calendar--full"
-    data-v-0551f5f5=""
-  >
-    <div
-      class="t-calendar__control"
-    >
-      <div
-        class="t-calendar__title"
-      >
-        <!---->
-      </div>
-      <div
-        class="t-calendar__control-section"
-      >
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <div
-            class="t-select__wrap"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-calendar__table-body-cell-display"
+            >
+              25
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-              >
-                <!---->
-                <div
-                  class="t-input__prefix"
-                >
-                  
-                  <!---->
-                  <!---->
-                  
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  2020 年
-                </span>
-                <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
               <!---->
             </div>
-            <!---->
             
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <div
-            class="t-select__wrap"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-calendar__table-body-cell-display"
+            >
+              26
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-              >
-                <!---->
-                <div
-                  class="t-input__prefix"
-                >
-                  
-                  <!---->
-                  <!---->
-                  
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  12 月
-                </span>
-                <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
               <!---->
             </div>
-            <!---->
             
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-          style="height: auto;"
-        >
-          <div
-            class="t-radio-group t-size-m t-radio-group--filled"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            
-            <label
-              class="t-radio-button t-is-checked"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                月
-                
-                
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
+              27
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                年
-                
-                
-              </span>
-            </label>
-            
+              <!---->
+            </div>
             
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; left: 0px;"
-            />
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
+          </td>
+          
+        </tr>
+        <tr
+          class="t-calendar__table-body-row"
         >
-          <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
-            theme="default"
+          
+          <td
+            class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
           >
             
-            隐藏周末
+            <div
+              class="t-calendar__table-body-cell-display"
+            >
+              28
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
             
-          </span>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <button
-            class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-            type="button"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
-            <span
-              class="t-button__text"
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              今天
-              
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-calendar__panel t-calendar__panel--month"
-    >
-      <table
-        class="t-calendar__table"
-      >
-        <thead
-          class="t-calendar__table-head"
-        >
-          <tr
-            class="t-calendar__table-head-row"
+              29
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <th
-              class="t-calendar__table-head-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                一
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              30
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <span>
-                二
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                三
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              31
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <span>
-                四
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell t-is-disabled"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                五
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              01
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <span>
-                六
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell t-is-disabled"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                日
-              </span>
-            </th>
+              02
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
             
-          </tr>
-        </thead>
-        <tbody
-          class="t-calendar__table-body"
-        >
-          
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell t-is-disabled"
           >
             
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              03
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          
+        </tr>
+        
+      </tbody>
+    </table>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/calendar/_example/events-props-api.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  data-v-0551f5f5=""
+  style="gap: 16px;"
+>
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      data-v-0551f5f5=""
+    >
+      <label
+        data-v-0551f5f5=""
+      >
+        禁用单元格右键菜单：
+      </label>
+      <div
+        class="t-switch t-size-m"
+        data-v-0551f5f5=""
+        disabled="false"
+      >
+        <span
+          class="t-switch__handle"
+        >
+          <!---->
+        </span>
+        <div
+          class="t-switch__content t-size-m"
+        >
+          <!---->
+        </div>
+      </div>
+    </div>
+  </div>
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-calendar t-calendar--full"
+      data-v-0551f5f5=""
+    >
+      <div
+        class="t-calendar__control"
+      >
+        <div
+          class="t-calendar__title"
+        >
+          <!---->
+        </div>
+        <div
+          class="t-calendar__control-section"
+        >
+          <div
+            class="t-calendar__control-section-cell"
+          >
+            <div
+              class="t-select__wrap"
             >
               
               <div
-                class="t-calendar__table-body-cell-display"
-              >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                class="t-input__wrap t-select-input t-select"
               >
+                <div
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                >
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
+                  <!---->
+                  <!---->
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
                 <!---->
               </div>
+              <!---->
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+          >
+            <div
+              class="t-select__wrap"
             >
               
               <div
-                class="t-calendar__table-body-cell-display"
-              >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                class="t-input__wrap t-select-input t-select"
               >
+                <div
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                >
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
+                  <!---->
+                  <!---->
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
                 <!---->
               </div>
+              <!---->
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+            style="height: auto;"
+          >
+            <div
+              class="t-radio-group t-size-m t-radio-group--filled"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                04
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <label
+                class="t-radio-button t-is-checked"
               >
-                05
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="month"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  
+                  
+                  月
+                  
+                  
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
               >
-                <!---->
-              </div>
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="year"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  
+                  
+                  年
+                  
+                  
+                </span>
+              </label>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
               
               <div
-                class="t-calendar__table-body-cell-display"
-              >
-                06
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+                class="t-radio-group__bg-block"
+                style="width: 0px; left: 0px;"
+              />
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
           >
-            
-            <td
-              class="t-calendar__table-body-cell"
+            <span
+              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+              theme="default"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                07
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
+              隐藏周末
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </span>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+          >
+            <button
+              class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+              type="button"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                08
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <span
+                class="t-button__text"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+                
+                今天
+                
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-calendar__panel t-calendar__panel--month"
+      >
+        <table
+          class="t-calendar__table"
+        >
+          <thead
+            class="t-calendar__table-head"
+          >
+            <tr
+              class="t-calendar__table-head-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <th
+                class="t-calendar__table-head-cell"
               >
-                09
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  一
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  二
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                10
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  三
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                11
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                12
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  四
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  五
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                13
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  六
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
+                <span>
+                  日
+                </span>
+              </th>
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+            </tr>
+          </thead>
+          <tbody
+            class="t-calendar__table-body"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                14
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                15
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                16
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  04
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                17
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  05
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  06
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                18
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  07
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                19
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  08
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  09
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                20
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  10
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  11
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                21
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  12
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  13
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                22
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  14
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  15
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                23
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  16
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  17
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                24
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  18
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                25
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  19
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  20
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                26
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  21
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                27
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  22
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  23
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                28
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  24
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  25
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                29
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  26
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  27
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  28
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                31
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  29
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  31
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
+            </tr>
             
-          </tr>
-          
-        </tbody>
-      </table>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-alert t-alert--warning"
-    data-v-0551f5f5=""
+    class="t-space-item"
   >
     <div
-      class="t-alert__icon"
+      class="t-alert t-alert--warning"
+      data-v-0551f5f5=""
     >
-      <svg
-        class="t-icon t-icon-error-circle-filled"
-        fill="none"
-        height="1em"
-        viewBox="0 0 16 16"
-        width="1em"
+      <div
+        class="t-alert__icon"
       >
-        <path
-          d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
-          fill="currentColor"
-          fill-opacity="0.9"
-        />
-      </svg>
-    </div>
-    <div
-      class="t-alert__content"
-    >
-      <!---->
+        <svg
+          class="t-icon t-icon-error-circle-filled"
+          fill="none"
+          height="1em"
+          viewBox="0 0 16 16"
+          width="1em"
+        >
+          <path
+            d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+            fill="currentColor"
+            fill-opacity="0.9"
+          />
+        </svg>
+      </div>
       <div
-        class="t-alert__message"
+        class="t-alert__content"
       >
+        <!---->
         <div
-          class="t-alert__description"
+          class="t-alert__message"
         >
-          暂无数据，您可以点击一下日历的单元格看看（双击会改变当前选中日期）😀
+          <div
+            class="t-alert__description"
+          >
+            暂无数据，您可以点击一下日历的单元格看看（双击会改变当前选中日期）😀
+            <!---->
+          </div>
           <!---->
         </div>
-        <!---->
       </div>
+      <!---->
     </div>
-    <!---->
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/calendar/_example/filter.vue 1`] = `
-<div>
+<div
+  class="t-calendar t-calendar--full"
+>
   <div
-    class="t-calendar t-calendar--full"
+    class="t-calendar__control"
   >
     <div
-      class="t-calendar__control"
+      class="t-calendar__title"
+    >
+      <!---->
+    </div>
+    <div
+      class="t-calendar__control-section"
     >
       <div
-        class="t-calendar__title"
-      >
-        <!---->
-      </div>
-      <div
-        class="t-calendar__control-section"
+        class="t-calendar__control-section-cell"
       >
         <div
-          class="t-calendar__control-section-cell"
+          class="t-select__wrap"
         >
+          
           <div
-            class="t-select__wrap"
+            class="t-input__wrap t-select-input t-select"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
             >
+              <!---->
               <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__prefix"
               >
-                <!---->
-                <div
-                  class="t-input__prefix"
-                >
-                  
-                  <!---->
-                  <!---->
-                  
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  2020 年
-                </span>
+                
                 <!---->
                 <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
+                
               </div>
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                unselectable="on"
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                2020 年
+              </span>
+              <!---->
               <!---->
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
             </div>
             <!---->
-            
           </div>
+          <!---->
+          
         </div>
+      </div>
+      <div
+        class="t-calendar__control-section-cell"
+      >
         <div
-          class="t-calendar__control-section-cell"
+          class="t-select__wrap"
         >
+          
           <div
-            class="t-select__wrap"
+            class="t-input__wrap t-select-input t-select"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
             >
+              <!---->
               <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__prefix"
               >
-                <!---->
-                <div
-                  class="t-input__prefix"
-                >
-                  
-                  <!---->
-                  <!---->
-                  
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  12 月
-                </span>
+                
                 <!---->
                 <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
+                
               </div>
-              <!---->
-            </div>
-            <!---->
-            
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-          style="height: auto;"
-        >
-          <div
-            class="t-radio-group t-size-m t-radio-group--filled"
-          >
-            
-            
-            <label
-              class="t-radio-button t-is-checked"
-            >
               <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                unselectable="on"
               />
               <span
-                class="t-radio-button__label"
+                class="t-input__input-pre"
               >
-                
-                
-                月
-                
-                
+                12 月
               </span>
-            </label>
-            <label
-              class="t-radio-button"
-            >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
+              <!---->
+              <!---->
               <span
-                class="t-radio-button__label"
+                class="t-input__suffix t-input__suffix-icon"
               >
-                
-                
-                年
-                
-                
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
               </span>
-            </label>
-            
-            
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; left: 0px;"
-            />
+            </div>
+            <!---->
           </div>
+          <!---->
+          
         </div>
+      </div>
+      <div
+        class="t-calendar__control-section-cell"
+        style="height: auto;"
+      >
         <div
-          class="t-calendar__control-section-cell"
+          class="t-radio-group t-size-m t-radio-group--filled"
         >
-          <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
-            theme="primary"
+          
+          
+          <label
+            class="t-radio-button t-is-checked"
           >
-            
-            显示周末
-            
-          </span>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <button
-            class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-            type="button"
+            <input
+              class="t-radio-button__former"
+              name=""
+              type="radio"
+              value="month"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              
+              
+              月
+              
+              
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
           >
+            <input
+              class="t-radio-button__former"
+              name=""
+              type="radio"
+              value="year"
+            />
             <span
-              class="t-button__text"
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
             >
               
-              今天
+              
+              年
+              
               
             </span>
-          </button>
+          </label>
+          
+          
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; left: 0px;"
+          />
         </div>
       </div>
-    </div>
-    <div
-      class="t-calendar__panel t-calendar__panel--month"
-    >
-      <table
-        class="t-calendar__table"
+      <div
+        class="t-calendar__control-section-cell"
       >
-        <thead
-          class="t-calendar__table-head"
+        <span
+          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          theme="primary"
         >
-          <tr
-            class="t-calendar__table-head-row"
+          
+          显示周末
+          
+        </span>
+      </div>
+      <div
+        class="t-calendar__control-section-cell"
+      >
+        <button
+          class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+          type="button"
+        >
+          <span
+            class="t-button__text"
           >
             
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                一
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                二
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                三
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                四
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                五
-              </span>
-            </th>
-            <!---->
-            <!---->
+            今天
             
-          </tr>
-        </thead>
-        <tbody
-          class="t-calendar__table-body"
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-calendar__panel t-calendar__panel--month"
+  >
+    <table
+      class="t-calendar__table"
+    >
+      <thead
+        class="t-calendar__table-head"
+      >
+        <tr
+          class="t-calendar__table-head-row"
         >
           
-          <tr
-            class="t-calendar__table-body-row"
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              一
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              二
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              三
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              四
+            </span>
+          </th>
+          <th
+            class="t-calendar__table-head-cell"
+          >
+            <span>
+              五
+            </span>
+          </th>
+          <!---->
+          <!---->
+          
+        </tr>
+      </thead>
+      <tbody
+        class="t-calendar__table-body"
+      >
+        
+        <tr
+          class="t-calendar__table-body-row"
+        >
+          
+          <td
+            class="t-calendar__table-body-cell t-is-disabled"
           >
             
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              30
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              01
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                04
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <!---->
-            <!---->
+              <!---->
+            </div>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                07
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              02
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                08
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                09
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                10
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              03
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                11
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <!---->
-            <!---->
+              <!---->
+            </div>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                14
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                15
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              04
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                16
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <!---->
+          <!---->
+          
+        </tr>
+        <tr
+          class="t-calendar__table-body-row"
+        >
+          
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                17
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              07
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                18
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <!---->
-            <!---->
+              <!---->
+            </div>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                21
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              08
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                22
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                23
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              09
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                24
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                25
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <!---->
-            <!---->
+              <!---->
+            </div>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                28
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                29
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                31
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+              10
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <!---->
-            <!---->
+              <!---->
+            </div>
             
-          </tr>
-          
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test ./src/calendar/_example/first-day-of-week.vue 1`] = `
-<div
-  data-v-67d2fdc0=""
->
-  <div
-    data-v-67d2fdc0=""
-    style="margin: 12px 0px;"
-  >
-    <label
-      data-v-67d2fdc0=""
-    >
-      日历的第一列为：
-    </label>
-    <div
-      class="t-select__wrap demo-select-base"
-      data-v-67d2fdc0=""
-    >
-      
-      <div
-        class="t-input__wrap t-select-input t-select"
-      >
-        <div
-          class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix"
-        >
-          <!---->
-          <div
-            class="t-input__prefix"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <!---->
-            <!---->
+            <div
+              class="t-calendar__table-body-cell-display"
+            >
+              11
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
             
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            unselectable="on"
-          />
-          <!---->
+          </td>
           <!---->
           <!---->
-          <span
-            class="t-input__suffix t-input__suffix-icon"
+          
+        </tr>
+        <tr
+          class="t-calendar__table-body-row"
+        >
+          
+          <td
+            class="t-calendar__table-body-cell"
           >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-        <!---->
-      </div>
-      <!---->
-      
-    </div>
-  </div>
-  <div
-    class="t-calendar t-calendar--full"
-    data-v-67d2fdc0=""
-  >
-    <div
-      class="t-calendar__control"
-    >
-      <div
-        class="t-calendar__title"
-      >
-        <!---->
-      </div>
-      <div
-        class="t-calendar__control-section"
-      >
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <div
-            class="t-select__wrap"
+              14
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-calendar__table-body-cell-display"
+            >
+              15
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-              >
-                <!---->
-                <div
-                  class="t-input__prefix"
-                >
-                  
-                  <!---->
-                  <!---->
-                  
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  2020 年
-                </span>
-                <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
               <!---->
             </div>
-            <!---->
             
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <div
-            class="t-select__wrap"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-calendar__table-body-cell-display"
+            >
+              16
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-              >
-                <!---->
-                <div
-                  class="t-input__prefix"
-                >
-                  
-                  <!---->
-                  <!---->
-                  
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  12 月
-                </span>
-                <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
               <!---->
             </div>
-            <!---->
             
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-          style="height: auto;"
-        >
-          <div
-            class="t-radio-group t-size-m t-radio-group--filled"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            
-            <label
-              class="t-radio-button t-is-checked"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                月
-                
-                
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
+              17
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                年
-                
-                
-              </span>
-            </label>
-            
+              <!---->
+            </div>
             
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; left: 0px;"
-            />
-          </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
-            theme="default"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            隐藏周末
+            <div
+              class="t-calendar__table-body-cell-display"
+            >
+              18
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
             
-          </span>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
+          </td>
+          <!---->
+          <!---->
+          
+        </tr>
+        <tr
+          class="t-calendar__table-body-row"
         >
-          <button
-            class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-            type="button"
+          
+          <td
+            class="t-calendar__table-body-cell"
           >
-            <span
-              class="t-button__text"
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              今天
-              
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-calendar__panel t-calendar__panel--month"
-    >
-      <table
-        class="t-calendar__table"
-      >
-        <thead
-          class="t-calendar__table-head"
-        >
-          <tr
-            class="t-calendar__table-head-row"
+              21
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <th
-              class="t-calendar__table-head-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                三
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              22
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <span>
-                四
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                五
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              23
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <span>
-                六
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                日
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              24
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              <span>
-                一
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              <span>
-                二
-              </span>
-            </th>
+              25
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
+            >
+              <!---->
+            </div>
             
-          </tr>
-        </thead>
-        <tbody
-          class="t-calendar__table-body"
+          </td>
+          <!---->
+          <!---->
+          
+        </tr>
+        <tr
+          class="t-calendar__table-body-row"
         >
           
-          <tr
-            class="t-calendar__table-body-row"
+          <td
+            class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
           >
             
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                25
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                26
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+              28
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                27
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                28
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+              29
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                29
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              30
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
+              <!---->
+            </div>
             
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+          </td>
+          <td
+            class="t-calendar__table-body-cell"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              31
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <td
+            class="t-calendar__table-body-cell t-is-disabled"
+          >
+            
+            <div
+              class="t-calendar__table-body-cell-display"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                04
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              01
+            </div>
+            <div
+              class="t-calendar__table-body-cell-content"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                05
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            
+          </td>
+          <!---->
+          <!---->
+          
+        </tr>
+        
+      </tbody>
+    </table>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/calendar/_example/first-day-of-week.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  data-v-67d2fdc0=""
+  style="gap: 16px;"
+>
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      data-v-67d2fdc0=""
+    >
+      <label
+        data-v-67d2fdc0=""
+      >
+        日历的第一列为：
+      </label>
+      <div
+        class="t-select__wrap demo-select-base"
+        data-v-67d2fdc0=""
+      >
+        
+        <div
+          class="t-input__wrap t-select-input t-select"
+        >
+          <div
+            class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix"
+          >
+            <!---->
+            <div
+              class="t-input__prefix"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                06
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
+              <!---->
+              <!---->
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </div>
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              unselectable="on"
+            />
+            <!---->
+            <!---->
+            <!---->
+            <span
+              class="t-input__suffix t-input__suffix-icon"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                07
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <svg
+                class="t-fake-arrow t-select__right-icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+          <!---->
+        </div>
+        <!---->
+        
+      </div>
+    </div>
+  </div>
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-calendar t-calendar--full"
+      data-v-67d2fdc0=""
+    >
+      <div
+        class="t-calendar__control"
+      >
+        <div
+          class="t-calendar__title"
+        >
+          <!---->
+        </div>
+        <div
+          class="t-calendar__control-section"
+        >
+          <div
+            class="t-calendar__control-section-cell"
+          >
+            <div
+              class="t-select__wrap"
             >
               
               <div
-                class="t-calendar__table-body-cell-display"
-              >
-                08
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                class="t-input__wrap t-select-input t-select"
               >
+                <div
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                >
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
+                  <!---->
+                  <!---->
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
                 <!---->
               </div>
+              <!---->
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
           >
-            
-            <td
-              class="t-calendar__table-body-cell"
+            <div
+              class="t-select__wrap"
             >
               
               <div
-                class="t-calendar__table-body-cell-display"
-              >
-                09
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                class="t-input__wrap t-select-input t-select"
               >
+                <div
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                >
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
+                  <!---->
+                  <!---->
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
                 <!---->
               </div>
+              <!---->
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+            style="height: auto;"
+          >
+            <div
+              class="t-radio-group t-size-m t-radio-group--filled"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                10
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <label
+                class="t-radio-button t-is-checked"
               >
-                11
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="month"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  
+                  
+                  月
+                  
+                  
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
               >
-                <!---->
-              </div>
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="year"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  
+                  
+                  年
+                  
+                  
+                </span>
+              </label>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
               
               <div
-                class="t-calendar__table-body-cell-display"
-              >
-                12
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+                class="t-radio-group__bg-block"
+                style="width: 0px; left: 0px;"
+              />
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+          >
+            <span
+              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+              theme="default"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                13
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
+              隐藏周末
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </span>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+          >
+            <button
+              class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+              type="button"
             >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                14
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <span
+                class="t-button__text"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+                
+                今天
+                
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-calendar__panel t-calendar__panel--month"
+      >
+        <table
+          class="t-calendar__table"
+        >
+          <thead
+            class="t-calendar__table-head"
+          >
+            <tr
+              class="t-calendar__table-head-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <th
+                class="t-calendar__table-head-cell"
               >
-                15
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  三
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  四
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                16
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  五
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                17
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  六
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  日
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                18
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  一
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
+                <span>
+                  二
+                </span>
+              </th>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+          </thead>
+          <tbody
+            class="t-calendar__table-body"
+          >
+            
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                19
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  25
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                20
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  26
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  27
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                21
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  28
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  29
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                22
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                23
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                24
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  04
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                25
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  05
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  06
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                26
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  07
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  08
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                27
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  09
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  10
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                28
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  11
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  12
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                29
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  13
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  14
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  15
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                31
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  16
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  17
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  18
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  19
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  20
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  21
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  22
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                04
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  23
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                05
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  24
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  25
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  26
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  27
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  28
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  29
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
+            >
+              
+              <td
+                class="t-calendar__table-body-cell"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  31
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  04
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  05
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              
+            </tr>
             
-          </tr>
-          
-        </tbody>
-      </table>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
@@ -16900,467 +17541,484 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/head.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/calendar/_example/mode.vue 1`] = `
 <div
+  class="t-space t-space-vertical"
   data-v-e9a00fe2=""
+  style="gap: 16px;"
 >
+  
+  
   <div
-    data-v-e9a00fe2=""
-    style="margin: 12px 0px;"
+    class="t-space-item"
   >
-    <label
-      data-v-e9a00fe2=""
-    >
-      可以在组件外切换成：
-    </label>
     <div
-      class="t-select__wrap demo-select-base"
       data-v-e9a00fe2=""
     >
-      
+      <label
+        data-v-e9a00fe2=""
+      >
+        可以在组件外切换成：
+      </label>
       <div
-        class="t-input__wrap t-select-input t-select"
+        class="t-select__wrap demo-select-base"
+        data-v-e9a00fe2=""
       >
+        
         <div
-          class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix"
+          class="t-input__wrap t-select-input t-select"
         >
-          <!---->
           <div
-            class="t-input__prefix"
+            class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix"
           >
-            
             <!---->
-            <!---->
-            
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            unselectable="on"
-          />
-          <!---->
-          <!---->
-          <!---->
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
+            <div
+              class="t-input__prefix"
             >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
+              
+              <!---->
+              <!---->
+              
+            </div>
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              unselectable="on"
+            />
+            <!---->
+            <!---->
+            <!---->
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-select__right-icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+          <!---->
         </div>
         <!---->
+        
       </div>
-      <!---->
-      
     </div>
   </div>
+  <!---->
+  
+  
   <div
-    class="t-calendar t-calendar--full"
-    data-v-e9a00fe2=""
+    class="t-space-item"
   >
     <div
-      class="t-calendar__control"
+      class="t-calendar t-calendar--full"
+      data-v-e9a00fe2=""
     >
       <div
-        class="t-calendar__title"
-      >
-        <!---->
-      </div>
-      <div
-        class="t-calendar__control-section"
+        class="t-calendar__control"
       >
         <div
-          class="t-calendar__control-section-cell"
+          class="t-calendar__title"
+        >
+          <!---->
+        </div>
+        <div
+          class="t-calendar__control-section"
         >
           <div
-            class="t-select__wrap"
+            class="t-calendar__control-section-cell"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-select__wrap"
             >
+              
               <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__wrap t-select-input t-select"
               >
-                <!---->
                 <div
-                  class="t-input__prefix"
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
                 >
-                  
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
                   <!---->
                   <!---->
-                  
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
                 </div>
+                <!---->
+              </div>
+              <!---->
+              
+            </div>
+          </div>
+          <!---->
+          <div
+            class="t-calendar__control-section-cell"
+            style="height: auto;"
+          >
+            <div
+              class="t-radio-group t-size-m t-radio-group--filled"
+            >
+              
+              
+              <label
+                class="t-radio-button"
+              >
                 <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="month"
                 />
                 <span
-                  class="t-input__input-pre"
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
                 >
-                  2020 年
+                  
+                  
+                  月
+                  
+                  
                 </span>
-                <!---->
-                <!---->
+              </label>
+              <label
+                class="t-radio-button t-is-checked"
+              >
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="year"
+                />
                 <span
-                  class="t-input__suffix t-input__suffix-icon"
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
                 >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
+                  
+                  
+                  年
+                  
+                  
                 </span>
-              </div>
-              <!---->
+              </label>
+              
+              
+              <div
+                class="t-radio-group__bg-block"
+                style="width: 0px; left: 0px;"
+              />
             </div>
-            <!---->
-            
           </div>
-        </div>
-        <!---->
-        <div
-          class="t-calendar__control-section-cell"
-          style="height: auto;"
-        >
           <div
-            class="t-radio-group t-size-m t-radio-group--filled"
+            class="t-calendar__control-section-cell"
           >
-            
-            
-            <label
-              class="t-radio-button"
+            <span
+              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+              theme="default"
+            >
+              
+              隐藏周末
+              
+            </span>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+          >
+            <button
+              class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+              type="button"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
               <span
-                class="t-radio-button__label"
+                class="t-button__text"
               >
                 
-                
-                月
-                
+                本月
                 
               </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked"
-            >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                
-                
-                年
-                
-                
-              </span>
-            </label>
-            
-            
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; left: 0px;"
-            />
+            </button>
           </div>
         </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
-            theme="default"
-          >
-            
-            隐藏周末
-            
-          </span>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <button
-            class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              
-              本月
-              
-            </span>
-          </button>
-        </div>
       </div>
-    </div>
-    <div
-      class="t-calendar__panel t-calendar__panel--year"
-    >
-      <table
-        class="t-calendar__table"
+      <div
+        class="t-calendar__panel t-calendar__panel--year"
       >
-        <tbody
-          class="t-calendar__table-body"
+        <table
+          class="t-calendar__table"
         >
-          
-          <tr
-            class="t-calendar__table-body-row"
+          <tbody
+            class="t-calendar__table-body"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                一月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  一月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  二月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                二月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  三月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  四月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                三月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  五月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  六月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                四月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  七月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  八月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                五月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  九月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                六月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                七月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                八月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                九月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                十月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                十一月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  十月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                十二月
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  十一月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  十二月
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
+            </tr>
             
-          </tr>
-          
-        </tbody>
-      </table>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
@@ -19124,3834 +19782,3924 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/slot-props-api.vue
 
 exports[`csr snapshot test > csr test ./src/calendar/_example/value.vue 1`] = `
 <div
-  data-v-app=""
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
   
-  <form
-    class="t-form t-form-inline"
+  
+  <div
+    class="t-space-item"
   >
-    
-    <div
-      class="t-form__item t-form-item__"
+    <form
+      class="t-form t-form-inline"
     >
+      
       <div
-        class="t-form__label t-form__label--right"
-        style="width: 100px;"
+        class="t-form__item t-form-item__"
       >
-        <label
-          for=""
+        <div
+          class="t-form__label t-form__label--right"
+          style="width: 100px;"
         >
-          自己指定年：
-        </label>
-      </div>
-      <div
-        class="t-form__controls"
-        style="margin-left: 100px;"
-      >
+          <label
+            for=""
+          >
+            自己指定年：
+          </label>
+        </div>
         <div
-          class="t-form__controls-content"
+          class="t-form__controls"
+          style="margin-left: 100px;"
         >
-          
           <div
-            class="t-input__wrap"
+            class="t-form__controls-content"
           >
+            
             <div
-              class="t-input"
+              class="t-input__wrap"
             >
-              <!---->
-              <!---->
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-              />
-              <!---->
-              <!---->
-              <!---->
+              <div
+                class="t-input"
+              >
+                <!---->
+                <!---->
+                <input
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                />
+                <!---->
+                <!---->
+                <!---->
+                <!---->
+              </div>
               <!---->
             </div>
+            
             <!---->
           </div>
           
           <!---->
+          <!---->
+          
         </div>
-        
-        <!---->
-        <!---->
-        
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__"
-    >
-      <div
-        class="t-form__label t-form__label--right"
-        style="width: 100px;"
-      >
-        <label
-          for=""
-        >
-          自己指定年月：
-        </label>
       </div>
       <div
-        class="t-form__controls"
-        style="margin-left: 100px;"
+        class="t-form__item t-form-item__"
       >
         <div
-          class="t-form__controls-content"
+          class="t-form__label t-form__label--right"
+          style="width: 100px;"
         >
-          
-          <div
-            class="t-input__wrap"
+          <label
+            for=""
           >
+            自己指定年月：
+          </label>
+        </div>
+        <div
+          class="t-form__controls"
+          style="margin-left: 100px;"
+        >
+          <div
+            class="t-form__controls-content"
+          >
+            
             <div
-              class="t-input"
+              class="t-input__wrap"
             >
-              <!---->
-              <!---->
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-              />
-              <!---->
-              <!---->
-              <!---->
+              <div
+                class="t-input"
+              >
+                <!---->
+                <!---->
+                <input
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                />
+                <!---->
+                <!---->
+                <!---->
+                <!---->
+              </div>
               <!---->
             </div>
+            
             <!---->
           </div>
           
           <!---->
+          <!---->
+          
         </div>
-        
-        <!---->
-        <!---->
-        
       </div>
-    </div>
-    
-  </form>
+      
+    </form>
+  </div>
+  <!---->
+  
+  
   <div
-    class="t-calendar t-calendar--full"
+    class="t-space-item"
   >
     <div
-      class="t-calendar__control"
+      class="t-calendar t-calendar--full"
     >
       <div
-        class="t-calendar__title"
-      >
-        <!---->
-      </div>
-      <div
-        class="t-calendar__control-section"
+        class="t-calendar__control"
       >
         <div
-          class="t-calendar__control-section-cell"
+          class="t-calendar__title"
+        >
+          <!---->
+        </div>
+        <div
+          class="t-calendar__control-section"
         >
           <div
-            class="t-select__wrap"
+            class="t-calendar__control-section-cell"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-select__wrap"
             >
+              
               <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__wrap t-select-input t-select"
               >
-                <!---->
                 <div
-                  class="t-input__prefix"
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
                 >
-                  
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    1998 年
+                  </span>
                   <!---->
                   <!---->
-                  
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
                 </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  1998 年
-                </span>
                 <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
               </div>
               <!---->
+              
             </div>
-            <!---->
-            
           </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
           <div
-            class="t-select__wrap"
+            class="t-calendar__control-section-cell"
           >
-            
             <div
-              class="t-input__wrap t-select-input t-select"
+              class="t-select__wrap"
             >
+              
               <div
-                class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                class="t-input__wrap t-select-input t-select"
               >
-                <!---->
                 <div
-                  class="t-input__prefix"
+                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
                 >
-                  
+                  <!---->
+                  <div
+                    class="t-input__prefix"
+                  >
+                    
+                    <!---->
+                    <!---->
+                    
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    unselectable="on"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    11 月
+                  </span>
                   <!---->
                   <!---->
-                  
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
                 </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  unselectable="on"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  11 月
-                </span>
                 <!---->
-                <!---->
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
               </div>
               <!---->
+              
             </div>
-            <!---->
-            
           </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-          style="height: auto;"
-        >
           <div
-            class="t-radio-group t-size-m t-radio-group--filled"
+            class="t-calendar__control-section-cell"
+            style="height: auto;"
           >
-            
-            
-            <label
-              class="t-radio-button t-is-checked"
+            <div
+              class="t-radio-group t-size-m t-radio-group--filled"
             >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
+              
+              
+              <label
+                class="t-radio-button t-is-checked"
               >
-                
-                
-                月
-                
-                
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-            >
-              <input
-                class="t-radio-button__former"
-                name=""
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="month"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  
+                  
+                  月
+                  
+                  
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
               >
-                
-                
-                年
-                
-                
-              </span>
-            </label>
-            
-            
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; left: 0px;"
-            />
+                <input
+                  class="t-radio-button__former"
+                  name=""
+                  type="radio"
+                  value="year"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  
+                  
+                  年
+                  
+                  
+                </span>
+              </label>
+              
+              
+              <div
+                class="t-radio-group__bg-block"
+                style="width: 0px; left: 0px;"
+              />
+            </div>
           </div>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
-            theme="default"
-          >
-            
-            隐藏周末
-            
-          </span>
-        </div>
-        <div
-          class="t-calendar__control-section-cell"
-        >
-          <button
-            class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-            type="button"
+          <div
+            class="t-calendar__control-section-cell"
           >
             <span
-              class="t-button__text"
+              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+              theme="default"
             >
               
-              今天
+              隐藏周末
               
             </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-calendar__panel t-calendar__panel--month"
-    >
-      <table
-        class="t-calendar__table"
-      >
-        <thead
-          class="t-calendar__table-head"
-        >
-          <tr
-            class="t-calendar__table-head-row"
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
           >
-            
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                一
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                二
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                三
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                四
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                五
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
-            >
-              <span>
-                六
-              </span>
-            </th>
-            <th
-              class="t-calendar__table-head-cell"
+            <button
+              class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+              type="button"
             >
-              <span>
-                日
+              <span
+                class="t-button__text"
+              >
+                
+                今天
+                
               </span>
-            </th>
-            
-          </tr>
-        </thead>
-        <tbody
-          class="t-calendar__table-body"
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-calendar__panel t-calendar__panel--month"
+      >
+        <table
+          class="t-calendar__table"
         >
-          
-          <tr
-            class="t-calendar__table-body-row"
+          <thead
+            class="t-calendar__table-head"
           >
-            
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
+            <tr
+              class="t-calendar__table-head-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <th
+                class="t-calendar__table-head-cell"
               >
-                26
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  一
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  二
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                27
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  三
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                28
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                29
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                31
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  四
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                <span>
+                  五
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                <span>
+                  六
+                </span>
+              </th>
+              <th
+                class="t-calendar__table-head-cell"
               >
-                <!---->
-              </div>
+                <span>
+                  日
+                </span>
+              </th>
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
+            </tr>
+          </thead>
+          <tbody
+            class="t-calendar__table-body"
           >
             
-            <td
-              class="t-calendar__table-body-cell"
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  26
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  27
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  28
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  29
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                04
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  31
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
+              >
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                05
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                06
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  04
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                07
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  05
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  06
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                08
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  07
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  08
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                09
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  09
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                10
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  10
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-checked"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-checked"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  11
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                11
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  12
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  13
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                12
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  14
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  15
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                13
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  16
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                14
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  17
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  18
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                15
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  19
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  20
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                16
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  21
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  22
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                17
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  23
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                18
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  24
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  25
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                19
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  26
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  27
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                20
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  28
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  29
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
             >
               
-              <div
-                class="t-calendar__table-body-cell-display"
+              <td
+                class="t-calendar__table-body-cell"
               >
-                21
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  30
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  01
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                22
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  02
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  03
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                23
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  04
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                24
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                25
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                26
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                27
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                28
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                29
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            
-          </tr>
-          <tr
-            class="t-calendar__table-body-row"
-          >
-            
-            <td
-              class="t-calendar__table-body-cell"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                30
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                01
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                02
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                03
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                04
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                05
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
-              >
-                <!---->
-              </div>
-              
-            </td>
-            <td
-              class="t-calendar__table-body-cell t-is-disabled"
-            >
-              
-              <div
-                class="t-calendar__table-body-cell-display"
-              >
-                06
-              </div>
-              <div
-                class="t-calendar__table-body-cell-content"
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  05
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
+              <td
+                class="t-calendar__table-body-cell t-is-disabled"
               >
-                <!---->
-              </div>
+                
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  06
+                </div>
+                <div
+                  class="t-calendar__table-body-cell-content"
+                >
+                  <!---->
+                </div>
+                
+              </td>
               
-            </td>
+            </tr>
             
-          </tr>
-          
-        </tbody>
-      </table>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
+  <!---->
+  
   
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/calendar/_example/week.vue 1`] = `
 <div
-  class="tdesign-demo-block-column-large"
+  class="t-space t-space-vertical"
+  style="gap: 24px;"
 >
+  
+  
   <div
-    class="tdesign-demo-block-column"
+    class="t-space-item"
   >
-    <h3>
-      使用插槽
-    </h3>
     <div
-      class="t-calendar t-calendar--full"
+      class="t-space t-space-vertical"
+      style="gap: 16px;"
     >
+      
+      
       <div
-        class="t-calendar__control"
+        class="t-space-item"
+      >
+        <h3>
+          使用插槽
+        </h3>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
       >
         <div
-          class="t-calendar__title"
-        >
-          <!---->
-        </div>
-        <div
-          class="t-calendar__control-section"
+          class="t-calendar t-calendar--full"
         >
           <div
-            class="t-calendar__control-section-cell"
+            class="t-calendar__control"
           >
             <div
-              class="t-select__wrap"
+              class="t-calendar__title"
+            >
+              <!---->
+            </div>
+            <div
+              class="t-calendar__control-section"
             >
-              
               <div
-                class="t-input__wrap t-select-input t-select"
+                class="t-calendar__control-section-cell"
               >
                 <div
-                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                  class="t-select__wrap"
                 >
-                  <!---->
+                  
                   <div
-                    class="t-input__prefix"
+                    class="t-input__wrap t-select-input t-select"
                   >
-                    
-                    <!---->
+                    <div
+                      class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                    >
+                      <!---->
+                      <div
+                        class="t-input__prefix"
+                      >
+                        
+                        <!---->
+                        <!---->
+                        
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        unselectable="on"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        2020 年
+                      </span>
+                      <!---->
+                      <!---->
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                     <!---->
-                    
                   </div>
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    unselectable="on"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <!---->
                   <!---->
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
+                  
                 </div>
-                <!---->
               </div>
-              <!---->
-              
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <div
-              class="t-select__wrap"
-            >
-              
               <div
-                class="t-input__wrap t-select-input t-select"
+                class="t-calendar__control-section-cell"
               >
                 <div
-                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                  class="t-select__wrap"
                 >
-                  <!---->
+                  
                   <div
-                    class="t-input__prefix"
+                    class="t-input__wrap t-select-input t-select"
                   >
-                    
-                    <!---->
+                    <div
+                      class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                    >
+                      <!---->
+                      <div
+                        class="t-input__prefix"
+                      >
+                        
+                        <!---->
+                        <!---->
+                        
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        unselectable="on"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        12 月
+                      </span>
+                      <!---->
+                      <!---->
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                     <!---->
-                    
                   </div>
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    unselectable="on"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <!---->
                   <!---->
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
+                  
                 </div>
-                <!---->
               </div>
-              <!---->
-              
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-            style="height: auto;"
-          >
-            <div
-              class="t-radio-group t-size-m t-radio-group--filled"
-            >
-              
-              
-              <label
-                class="t-radio-button t-is-checked"
+              <div
+                class="t-calendar__control-section-cell"
+                style="height: auto;"
               >
-                <input
-                  class="t-radio-button__former"
-                  name=""
-                  type="radio"
-                  value="month"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
+                <div
+                  class="t-radio-group t-size-m t-radio-group--filled"
                 >
                   
                   
-                  月
-                  
-                  
-                </span>
-              </label>
-              <label
-                class="t-radio-button"
-              >
-                <input
-                  class="t-radio-button__former"
-                  name=""
-                  type="radio"
-                  value="year"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
+                  <label
+                    class="t-radio-button t-is-checked"
+                  >
+                    <input
+                      class="t-radio-button__former"
+                      name=""
+                      type="radio"
+                      value="month"
+                    />
+                    <span
+                      class="t-radio-button__input"
+                    />
+                    <span
+                      class="t-radio-button__label"
+                    >
+                      
+                      
+                      月
+                      
+                      
+                    </span>
+                  </label>
+                  <label
+                    class="t-radio-button"
+                  >
+                    <input
+                      class="t-radio-button__former"
+                      name=""
+                      type="radio"
+                      value="year"
+                    />
+                    <span
+                      class="t-radio-button__input"
+                    />
+                    <span
+                      class="t-radio-button__label"
+                    >
+                      
+                      
+                      年
+                      
+                      
+                    </span>
+                  </label>
                   
                   
-                  年
+                  <div
+                    class="t-radio-group__bg-block"
+                    style="width: 0px; left: 0px;"
+                  />
+                </div>
+              </div>
+              <div
+                class="t-calendar__control-section-cell"
+              >
+                <span
+                  class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+                  theme="default"
+                >
                   
+                  隐藏周末
                   
                 </span>
-              </label>
-              
-              
+              </div>
               <div
-                class="t-radio-group__bg-block"
-                style="width: 0px; left: 0px;"
-              />
+                class="t-calendar__control-section-cell"
+              >
+                <button
+                  class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+                  type="button"
+                >
+                  <span
+                    class="t-button__text"
+                  >
+                    
+                    今天
+                    
+                  </span>
+                </button>
+              </div>
             </div>
           </div>
           <div
-            class="t-calendar__control-section-cell"
-          >
-            <span
-              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
-              theme="default"
-            >
-              
-              隐藏周末
-              
-            </span>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <button
-              class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                
-                今天
-                
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-calendar__panel t-calendar__panel--month"
-      >
-        <table
-          class="t-calendar__table"
-        >
-          <thead
-            class="t-calendar__table-head"
-          >
-            <tr
-              class="t-calendar__table-head-row"
-            >
-              
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                
-                星期1
-                
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                
-                星期2
-                
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                
-                星期3
-                
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                
-                星期4
-                
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                
-                星期5
-                
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                
-                星期6
-                
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                
-                星期天
-                
-              </th>
-              
-            </tr>
-          </thead>
-          <tbody
-            class="t-calendar__table-body"
+            class="t-calendar__panel t-calendar__panel--month"
           >
-            
-            <tr
-              class="t-calendar__table-body-row"
+            <table
+              class="t-calendar__table"
             >
-              
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  30
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  01
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  02
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  03
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+              <thead
+                class="t-calendar__table-head"
               >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  04
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                <tr
+                  class="t-calendar__table-head-row"
                 >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+                  
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    
+                    星期1
+                    
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    
+                    星期2
+                    
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    
+                    星期3
+                    
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    
+                    星期4
+                    
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    
+                    星期5
+                    
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    
+                    星期6
+                    
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    
+                    星期天
+                    
+                  </th>
+                  
+                </tr>
+              </thead>
+              <tbody
+                class="t-calendar__table-body"
               >
                 
-                <div
-                  class="t-calendar__table-body-cell-display"
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  05
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  06
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  07
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  08
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  09
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  10
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  11
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  12
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  13
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  14
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  15
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  16
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  17
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  18
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  19
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  20
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  21
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  22
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  23
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  24
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  25
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  26
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  27
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  28
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  29
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  30
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  31
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  01
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  02
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  03
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-  <div
-    class="tdesign-demo-block-column"
-  >
-    <h3>
-      使用week属性 - Array
-    </h3>
-    <div
-      class="t-calendar t-calendar--full"
-    >
-      <div
-        class="t-calendar__control"
-      >
-        <div
-          class="t-calendar__title"
-        >
-          <!---->
-        </div>
-        <div
-          class="t-calendar__control-section"
-        >
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <div
-              class="t-select__wrap"
-            >
-              
-              <div
-                class="t-input__wrap t-select-input t-select"
-              >
-                <div
-                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-                >
-                  <!---->
-                  <div
-                    class="t-input__prefix"
-                  >
-                    
-                    <!---->
-                    <!---->
-                    
-                  </div>
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    unselectable="on"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <!---->
-                  <!---->
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
-                </div>
-                <!---->
-              </div>
-              <!---->
-              
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <div
-              class="t-select__wrap"
-            >
-              
-              <div
-                class="t-input__wrap t-select-input t-select"
-              >
-                <div
-                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-                >
-                  <!---->
-                  <div
-                    class="t-input__prefix"
-                  >
-                    
-                    <!---->
-                    <!---->
-                    
-                  </div>
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    unselectable="on"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <!---->
-                  <!---->
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
-                </div>
-                <!---->
-              </div>
-              <!---->
-              
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-            style="height: auto;"
-          >
-            <div
-              class="t-radio-group t-size-m t-radio-group--filled"
-            >
-              
-              
-              <label
-                class="t-radio-button t-is-checked"
-              >
-                <input
-                  class="t-radio-button__former"
-                  name=""
-                  type="radio"
-                  value="month"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  
-                  
-                  月
-                  
-                  
-                </span>
-              </label>
-              <label
-                class="t-radio-button"
-              >
-                <input
-                  class="t-radio-button__former"
-                  name=""
-                  type="radio"
-                  value="year"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  
-                  
-                  年
-                  
-                  
-                </span>
-              </label>
-              
-              
-              <div
-                class="t-radio-group__bg-block"
-                style="width: 0px; left: 0px;"
-              />
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <span
-              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
-              theme="default"
-            >
-              
-              隐藏周末
-              
-            </span>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <button
-              class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                
-                今天
-                
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-calendar__panel t-calendar__panel--month"
-      >
-        <table
-          class="t-calendar__table"
-        >
-          <thead
-            class="t-calendar__table-head"
-          >
-            <tr
-              class="t-calendar__table-head-row"
-            >
-              
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                星期1
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                星期2
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                星期3
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                星期4
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                星期5
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                星期6
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                星期天
-              </th>
-              
-            </tr>
-          </thead>
-          <tbody
-            class="t-calendar__table-body"
-          >
-            
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  30
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  01
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  02
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  03
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  04
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  05
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  06
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  07
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  08
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  09
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  10
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  11
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  12
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  13
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  14
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  15
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  16
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  17
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  18
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  19
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  20
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  21
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  22
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  23
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  24
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  25
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  26
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  27
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  28
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  29
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  30
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  31
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  01
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  02
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  03
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-  <div
-    class="tdesign-demo-block-column"
-  >
-    <h3>
-      使用week属性 - TNode
-    </h3>
-    <div
-      class="t-calendar t-calendar--full"
-    >
-      <div
-        class="t-calendar__control"
-      >
-        <div
-          class="t-calendar__title"
-        >
-          <!---->
-        </div>
-        <div
-          class="t-calendar__control-section"
-        >
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <div
-              class="t-select__wrap"
-            >
-              
-              <div
-                class="t-input__wrap t-select-input t-select"
-              >
-                <div
-                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-                >
-                  <!---->
-                  <div
-                    class="t-input__prefix"
-                  >
-                    
-                    <!---->
-                    <!---->
-                    
-                  </div>
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    unselectable="on"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <!---->
-                  <!---->
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
-                </div>
-                <!---->
-              </div>
-              <!---->
-              
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <div
-              class="t-select__wrap"
-            >
-              
-              <div
-                class="t-input__wrap t-select-input t-select"
-              >
-                <div
-                  class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
-                >
-                  <!---->
-                  <div
-                    class="t-input__prefix"
-                  >
-                    
-                    <!---->
-                    <!---->
-                    
-                  </div>
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    unselectable="on"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <!---->
-                  <!---->
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
-                </div>
-                <!---->
-              </div>
-              <!---->
-              
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-            style="height: auto;"
-          >
-            <div
-              class="t-radio-group t-size-m t-radio-group--filled"
-            >
-              
-              
-              <label
-                class="t-radio-button t-is-checked"
-              >
-                <input
-                  class="t-radio-button__former"
-                  name=""
-                  type="radio"
-                  value="month"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  
-                  
-                  月
-                  
-                  
-                </span>
-              </label>
-              <label
-                class="t-radio-button"
-              >
-                <input
-                  class="t-radio-button__former"
-                  name=""
-                  type="radio"
-                  value="year"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  
-                  
-                  年
-                  
-                  
-                </span>
-              </label>
-              
-              
-              <div
-                class="t-radio-group__bg-block"
-                style="width: 0px; left: 0px;"
-              />
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <span
-              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
-              theme="default"
-            >
-              
-              隐藏周末
-              
-            </span>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <button
-              class="t-button t-size-m t-button--variant-base t-button--theme-primary"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                
-                今天
-                
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-calendar__panel t-calendar__panel--month"
-      >
-        <table
-          class="t-calendar__table"
-        >
-          <thead
-            class="t-calendar__table-head"
-          >
-            <tr
-              class="t-calendar__table-head-row"
-            >
-              
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                <span
-                  style="color: rgba(0, 0, 0, 0.902);"
-                >
-                  星期1
-                </span>
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                <span
-                  style="color: rgba(0, 0, 0, 0.902);"
-                >
-                  星期2
-                </span>
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                <span
-                  style="color: rgb(221, 74, 104);"
-                >
-                  周三啦
-                </span>
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                <span
-                  style="color: rgba(0, 0, 0, 0.902);"
-                >
-                  星期4
-                </span>
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                <span
-                  style="color: rgba(0, 0, 0, 0.902);"
-                >
-                  星期5
-                </span>
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                <span
-                  style="color: rgb(0, 82, 217);"
-                >
-                  放假啦
-                </span>
-              </th>
-              <th
-                class="t-calendar__table-head-cell"
-              >
-                <span
-                  style="color: rgb(0, 82, 217);"
-                >
-                  放假啦
-                </span>
-              </th>
-              
-            </tr>
-          </thead>
-          <tbody
-            class="t-calendar__table-body"
-          >
-            
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  30
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  01
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  02
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  03
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  04
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  05
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  06
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  07
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  08
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  09
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  10
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  11
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  12
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  13
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  14
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  15
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  16
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  17
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  18
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
+                  
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      30
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      01
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      02
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      03
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      04
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      05
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      06
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  19
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                  
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      07
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      08
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      09
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      10
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      11
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      12
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      13
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
+                  
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      14
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      15
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      16
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      17
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      18
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      19
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      20
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  20
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                  
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      21
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      22
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      23
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      24
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      25
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      26
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      27
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  <!---->
-                </div>
+                  
+                  <td
+                    class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      28
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      29
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      30
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      31
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      01
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      02
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      03
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
                 
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <!---->
+      
+      
+    </div>
+  </div>
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-vertical"
+      style="gap: 16px;"
+    >
+      
+      
+      <div
+        class="t-space-item"
+      >
+        <h3>
+          使用week属性 - Array
+        </h3>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-calendar t-calendar--full"
+        >
+          <div
+            class="t-calendar__control"
+          >
+            <div
+              class="t-calendar__title"
             >
-              
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  21
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
-                >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+              <!---->
+            </div>
+            <div
+              class="t-calendar__control-section"
+            >
+              <div
+                class="t-calendar__control-section-cell"
               >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  22
-                </div>
                 <div
-                  class="t-calendar__table-body-cell-content"
+                  class="t-select__wrap"
                 >
+                  
+                  <div
+                    class="t-input__wrap t-select-input t-select"
+                  >
+                    <div
+                      class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                    >
+                      <!---->
+                      <div
+                        class="t-input__prefix"
+                      >
+                        
+                        <!---->
+                        <!---->
+                        
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        unselectable="on"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        2020 年
+                      </span>
+                      <!---->
+                      <!---->
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                      </span>
+                    </div>
+                    <!---->
+                  </div>
                   <!---->
+                  
                 </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+              </div>
+              <div
+                class="t-calendar__control-section-cell"
               >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  23
-                </div>
                 <div
-                  class="t-calendar__table-body-cell-content"
+                  class="t-select__wrap"
                 >
+                  
+                  <div
+                    class="t-input__wrap t-select-input t-select"
+                  >
+                    <div
+                      class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                    >
+                      <!---->
+                      <div
+                        class="t-input__prefix"
+                      >
+                        
+                        <!---->
+                        <!---->
+                        
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        unselectable="on"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        12 月
+                      </span>
+                      <!---->
+                      <!---->
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                      </span>
+                    </div>
+                    <!---->
+                  </div>
                   <!---->
+                  
                 </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+              </div>
+              <div
+                class="t-calendar__control-section-cell"
+                style="height: auto;"
               >
-                
                 <div
-                  class="t-calendar__table-body-cell-display"
+                  class="t-radio-group t-size-m t-radio-group--filled"
                 >
-                  24
+                  
+                  
+                  <label
+                    class="t-radio-button t-is-checked"
+                  >
+                    <input
+                      class="t-radio-button__former"
+                      name=""
+                      type="radio"
+                      value="month"
+                    />
+                    <span
+                      class="t-radio-button__input"
+                    />
+                    <span
+                      class="t-radio-button__label"
+                    >
+                      
+                      
+                      月
+                      
+                      
+                    </span>
+                  </label>
+                  <label
+                    class="t-radio-button"
+                  >
+                    <input
+                      class="t-radio-button__former"
+                      name=""
+                      type="radio"
+                      value="year"
+                    />
+                    <span
+                      class="t-radio-button__input"
+                    />
+                    <span
+                      class="t-radio-button__label"
+                    >
+                      
+                      
+                      年
+                      
+                      
+                    </span>
+                  </label>
+                  
+                  
+                  <div
+                    class="t-radio-group__bg-block"
+                    style="width: 0px; left: 0px;"
+                  />
                 </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+              </div>
+              <div
+                class="t-calendar__control-section-cell"
+              >
+                <span
+                  class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+                  theme="default"
                 >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+                  
+                  隐藏周末
+                  
+                </span>
+              </div>
+              <div
+                class="t-calendar__control-section-cell"
               >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
+                <button
+                  class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+                  type="button"
                 >
-                  25
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                  <span
+                    class="t-button__text"
+                  >
+                    
+                    今天
+                    
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-calendar__panel t-calendar__panel--month"
+          >
+            <table
+              class="t-calendar__table"
+            >
+              <thead
+                class="t-calendar__table-head"
+              >
+                <tr
+                  class="t-calendar__table-head-row"
                 >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+                  
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    星期1
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    星期2
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    星期3
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    星期4
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    星期5
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    星期6
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    星期天
+                  </th>
+                  
+                </tr>
+              </thead>
+              <tbody
+                class="t-calendar__table-body"
               >
                 
-                <div
-                  class="t-calendar__table-body-cell-display"
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  26
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                  
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      30
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      01
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      02
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      03
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      04
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      05
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      06
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
+                  
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      07
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      08
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      09
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      10
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      11
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      12
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      13
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  27
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                  
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      14
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      15
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      16
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      17
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      18
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      19
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      20
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  <!---->
-                </div>
+                  
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      21
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      22
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      23
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      24
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      25
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      26
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      27
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
+                >
+                  
+                  <td
+                    class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      28
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      29
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      30
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      31
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      01
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      02
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      03
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
                 
-              </td>
-              
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <!---->
+      
+      
+    </div>
+  </div>
+  <!---->
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-vertical"
+      style="gap: 16px;"
+    >
+      
+      
+      <div
+        class="t-space-item"
+      >
+        <h3>
+          使用week属性 - TNode
+        </h3>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-calendar t-calendar--full"
+        >
+          <div
+            class="t-calendar__control"
+          >
+            <div
+              class="t-calendar__title"
             >
-              
-              <td
-                class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
+              <!---->
+            </div>
+            <div
+              class="t-calendar__control-section"
+            >
+              <div
+                class="t-calendar__control-section-cell"
               >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  28
-                </div>
                 <div
-                  class="t-calendar__table-body-cell-content"
+                  class="t-select__wrap"
                 >
+                  
+                  <div
+                    class="t-input__wrap t-select-input t-select"
+                  >
+                    <div
+                      class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                    >
+                      <!---->
+                      <div
+                        class="t-input__prefix"
+                      >
+                        
+                        <!---->
+                        <!---->
+                        
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        unselectable="on"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        2020 年
+                      </span>
+                      <!---->
+                      <!---->
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                      </span>
+                    </div>
+                    <!---->
+                  </div>
                   <!---->
+                  
                 </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+              </div>
+              <div
+                class="t-calendar__control-section-cell"
               >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  29
-                </div>
                 <div
-                  class="t-calendar__table-body-cell-content"
+                  class="t-select__wrap"
                 >
+                  
+                  <div
+                    class="t-input__wrap t-select-input t-select"
+                  >
+                    <div
+                      class="t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width"
+                    >
+                      <!---->
+                      <div
+                        class="t-input__prefix"
+                      >
+                        
+                        <!---->
+                        <!---->
+                        
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        unselectable="on"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        12 月
+                      </span>
+                      <!---->
+                      <!---->
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                      </span>
+                    </div>
+                    <!---->
+                  </div>
                   <!---->
+                  
                 </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+              </div>
+              <div
+                class="t-calendar__control-section-cell"
+                style="height: auto;"
               >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  30
-                </div>
                 <div
-                  class="t-calendar__table-body-cell-content"
+                  class="t-radio-group t-size-m t-radio-group--filled"
                 >
-                  <!---->
+                  
+                  
+                  <label
+                    class="t-radio-button t-is-checked"
+                  >
+                    <input
+                      class="t-radio-button__former"
+                      name=""
+                      type="radio"
+                      value="month"
+                    />
+                    <span
+                      class="t-radio-button__input"
+                    />
+                    <span
+                      class="t-radio-button__label"
+                    >
+                      
+                      
+                      月
+                      
+                      
+                    </span>
+                  </label>
+                  <label
+                    class="t-radio-button"
+                  >
+                    <input
+                      class="t-radio-button__former"
+                      name=""
+                      type="radio"
+                      value="year"
+                    />
+                    <span
+                      class="t-radio-button__input"
+                    />
+                    <span
+                      class="t-radio-button__label"
+                    >
+                      
+                      
+                      年
+                      
+                      
+                    </span>
+                  </label>
+                  
+                  
+                  <div
+                    class="t-radio-group__bg-block"
+                    style="width: 0px; left: 0px;"
+                  />
                 </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell"
+              </div>
+              <div
+                class="t-calendar__control-section-cell"
               >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  31
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                <span
+                  class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+                  theme="default"
                 >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
+                  
+                  隐藏周末
+                  
+                </span>
+              </div>
+              <div
+                class="t-calendar__control-section-cell"
               >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
+                <button
+                  class="t-button t-size-m t-button--variant-base t-button--theme-primary"
+                  type="button"
                 >
-                  01
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                  <span
+                    class="t-button__text"
+                  >
+                    
+                    今天
+                    
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-calendar__panel t-calendar__panel--month"
+          >
+            <table
+              class="t-calendar__table"
+            >
+              <thead
+                class="t-calendar__table-head"
+              >
+                <tr
+                  class="t-calendar__table-head-row"
                 >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
+                  
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    <span
+                      style="color: rgba(0, 0, 0, 0.902);"
+                    >
+                      星期1
+                    </span>
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    <span
+                      style="color: rgba(0, 0, 0, 0.902);"
+                    >
+                      星期2
+                    </span>
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    <span
+                      style="color: rgb(221, 74, 104);"
+                    >
+                      周三啦
+                    </span>
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    <span
+                      style="color: rgba(0, 0, 0, 0.902);"
+                    >
+                      星期4
+                    </span>
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    <span
+                      style="color: rgba(0, 0, 0, 0.902);"
+                    >
+                      星期5
+                    </span>
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    <span
+                      style="color: rgb(0, 82, 217);"
+                    >
+                      放假啦
+                    </span>
+                  </th>
+                  <th
+                    class="t-calendar__table-head-cell"
+                  >
+                    <span
+                      style="color: rgb(0, 82, 217);"
+                    >
+                      放假啦
+                    </span>
+                  </th>
+                  
+                </tr>
+              </thead>
+              <tbody
+                class="t-calendar__table-body"
               >
                 
-                <div
-                  class="t-calendar__table-body-cell-display"
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  02
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                  
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      30
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      01
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      02
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      03
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      04
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      05
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      06
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  <!---->
-                </div>
-                
-              </td>
-              <td
-                class="t-calendar__table-body-cell t-is-disabled"
-              >
-                
-                <div
-                  class="t-calendar__table-body-cell-display"
+                  
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      07
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      08
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      09
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      10
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      11
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      12
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      13
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  03
-                </div>
-                <div
-                  class="t-calendar__table-body-cell-content"
+                  
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      14
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      15
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      16
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      17
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      18
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      19
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      20
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
                 >
-                  <!---->
-                </div>
+                  
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      21
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      22
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      23
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      24
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      25
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      26
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      27
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
+                <tr
+                  class="t-calendar__table-body-row"
+                >
+                  
+                  <td
+                    class="t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      28
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      29
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      30
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      31
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      01
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      02
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  <td
+                    class="t-calendar__table-body-cell t-is-disabled"
+                  >
+                    
+                    <div
+                      class="t-calendar__table-body-cell-display"
+                    >
+                      03
+                    </div>
+                    <div
+                      class="t-calendar__table-body-cell-content"
+                    >
+                      <!---->
+                    </div>
+                    
+                  </td>
+                  
+                </tr>
                 
-              </td>
-              
-            </tr>
-            
-          </tbody>
-        </table>
+              </tbody>
+            </table>
+          </div>
+        </div>
       </div>
+      <!---->
+      
+      
     </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
@@ -23004,29 +23752,25 @@ exports[`csr snapshot test > csr test ./src/card/_example/base.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/card/_example/bordered.vue 1`] = `
 <div
-  class="tdesign-demo-block"
+  class="t-card t-card--bordered"
+  style="width: 400px;"
 >
+  <!---->
+  <!---->
   <div
-    class="t-card t-card--bordered"
-    style="width: 400px;"
+    class="t-card__body"
   >
-    <!---->
-    <!---->
-    <div
-      class="t-card__body"
-    >
-      
-      仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。
-      
-    </div>
-    <!---->
+    
+    仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。
+    
   </div>
+  <!---->
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/card/_example/bordered-none.vue 1`] = `
 <div
-  class="tdesign-demo-block demo-card"
+  class="demo-card"
   data-v-3afd352c=""
 >
   <div
@@ -23285,9 +24029,7 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer.vue 1`] = `
 `;
 
 exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`] = `
-<div
-  class="tdesign-demo-block"
->
+<div>
   <div
     class="t-card t-card--bordered"
     style="width: 400px;"
@@ -23709,102 +24451,98 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-content.vue 1`]
 
 exports[`csr snapshot test > csr test ./src/card/_example/footer-content-actions.vue 1`] = `
 <div
-  class="tdesign-demo-block"
+  class="t-card t-card--bordered"
+  style="width: 400px;"
 >
+  <!---->
   <div
-    class="t-card t-card--bordered"
-    style="width: 400px;"
+    class="t-card__cover"
+  >
+    <img
+      src="https://tdesign.gtimg.com/site/source/card-demo.png"
+    />
+  </div>
+  <!---->
+  <div
+    class="t-card__footer"
   >
-    <!---->
-    <div
-      class="t-card__cover"
-    >
-      <img
-        src="https://tdesign.gtimg.com/site/source/card-demo.png"
-      />
-    </div>
-    <!---->
     <div
-      class="t-card__footer"
+      class="t-card__footer-wrapper"
     >
+      
       <div
-        class="t-card__footer-wrapper"
+        class="t-comment"
       >
-        
         <div
-          class="t-comment"
+          class="t-comment__inner"
         >
           <div
-            class="t-comment__inner"
+            class="t-comment__avatar"
+          >
+            <img
+              alt=""
+              class="t-comment__avatar-image"
+              src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
+            />
+          </div>
+          <div
+            class="t-comment__content"
           >
             <div
-              class="t-comment__avatar"
-            >
-              <img
-                alt=""
-                class="t-comment__avatar-image"
-                src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
-              />
-            </div>
-            <div
-              class="t-comment__content"
+              class="t-comment__author"
             >
-              <div
-                class="t-comment__author"
-              >
-                <span
-                  class="t-comment__name"
-                >
-                  标题
-                </span>
-                <!---->
-              </div>
-              <div
-                class="t-comment__detail"
+              <span
+                class="t-comment__name"
               >
-                卡片内容
-              </div>
-              <!---->
+                标题
+              </span>
               <!---->
             </div>
+            <div
+              class="t-comment__detail"
+            >
+              卡片内容
+            </div>
+            <!---->
+            <!---->
           </div>
-          <!---->
         </div>
-        
+        <!---->
       </div>
-      <div
-        class="t-card__actions"
+      
+    </div>
+    <div
+      class="t-card__actions"
+    >
+      
+      
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
+        type="button"
       >
-        
-        
-        <button
-          class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
-          type="button"
+        <span
+          class="t-button__text"
         >
-          <span
-            class="t-button__text"
+          
+          <svg
+            class="t-icon t-icon-more"
+            fill="none"
+            height="1em"
+            viewBox="0 0 16 16"
+            width="1em"
           >
-            
-            <svg
-              class="t-icon t-icon-more"
-              fill="none"
-              height="1em"
-              viewBox="0 0 16 16"
-              width="1em"
-            >
-              <path
-                d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-            </svg>
-            
-          </span>
-        </button>
-        <!---->
-        
-        
-      </div>
+            <path
+              d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+          </svg>
+          
+        </span>
+      </button>
+      <!---->
+      
+      
     </div>
   </div>
 </div>
@@ -23812,52 +24550,48 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-content-actions
 
 exports[`csr snapshot test > csr test ./src/card/_example/header.vue 1`] = `
 <div
-  class="tdesign-demo-block"
+  class="t-card t-card--bordered t-card--shadow-hover"
+  style="width: 400px;"
 >
   <div
-    class="t-card t-card--bordered t-card--shadow-hover"
-    style="width: 400px;"
+    class="t-card__header"
   >
     <div
-      class="t-card__header"
+      class="t-card__header-wrapper"
     >
-      <div
-        class="t-card__header-wrapper"
-      >
-        <!---->
-        <div>
-          <span
-            class="t-card__title"
-          >
-            标题
-          </span>
-          <!---->
-          <!---->
-        </div>
-      </div>
-      <div
-        class="t-card__actions"
-      >
-        
-        <a
-          href="javascript:void(0)"
+      <!---->
+      <div>
+        <span
+          class="t-card__title"
         >
-          操作
-        </a>
-        
+          标题
+        </span>
+        <!---->
+        <!---->
       </div>
-      <!---->
     </div>
-    <!---->
     <div
-      class="t-card__body"
+      class="t-card__actions"
     >
       
-      卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 
+      <a
+        href="javascript:void(0)"
+      >
+        操作
+      </a>
       
     </div>
     <!---->
   </div>
+  <!---->
+  <div
+    class="t-card__body"
+  >
+    
+    卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 
+    
+  </div>
+  <!---->
 </div>
 `;
 
@@ -23912,52 +24646,48 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-all-props.vue 1
 
 exports[`csr snapshot test > csr test ./src/card/_example/header-bordered.vue 1`] = `
 <div
-  class="tdesign-demo-block demo-card"
+  class="t-card t-card--bordered"
+  style="width: 400px;"
 >
   <div
-    class="t-card t-card--bordered"
-    style="width: 400px;"
+    class="t-card__header t-card__title--bordered"
   >
     <div
-      class="t-card__header t-card__title--bordered"
+      class="t-card__header-wrapper"
     >
-      <div
-        class="t-card__header-wrapper"
-      >
-        <!---->
-        <div>
-          <span
-            class="t-card__title"
-          >
-            标题
-          </span>
-          <!---->
-          <!---->
-        </div>
-      </div>
-      <div
-        class="t-card__actions"
-      >
-        
-        <a
-          href="javascript:void(0)"
+      <!---->
+      <div>
+        <span
+          class="t-card__title"
         >
-          操作
-        </a>
-        
+          标题
+        </span>
+        <!---->
+        <!---->
       </div>
-      <!---->
     </div>
-    <!---->
     <div
-      class="t-card__body"
+      class="t-card__actions"
     >
       
-      卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 
+      <a
+        href="javascript:void(0)"
+      >
+        操作
+      </a>
       
     </div>
     <!---->
   </div>
+  <!---->
+  <div
+    class="t-card__body"
+  >
+    
+    卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 
+    
+  </div>
+  <!---->
 </div>
 `;
 
@@ -27604,912 +28334,961 @@ exports[`csr snapshot test > csr test ./src/checkbox/_example/link.vue 1`] = `
 
 exports[`csr snapshot test > csr test ./src/collapse/_example/base.vue 1`] = `
 <div
-  class="tdesign-collapse"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
+  
+  
   <div
-    class="t-collapse"
+    class="t-space-item"
   >
-    
     <div
-      class="t-collapse-panel"
+      class="t-collapse"
     >
+      
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
-            <div
-              class="t-collapse-panel__content"
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
-            </div>
-          </div>
-        </transition-stub>
-      </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
-      <div
-        class="t-collapse-panel__wrapper"
-      >
-        <div
-          class="t-collapse-panel__header t-is-clickable"
-        >
-          <svg
-            class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            这是一个折叠标题
+            <div
+              class="t-collapse-panel__header--blank"
             />
-          </svg>
-          设置默认展开项
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
-          <div
-            class="t-collapse-panel__body"
-          >
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
+          <div
+            class="t-collapse-panel__header t-is-clickable"
           >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
+            <svg
+              class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            设置默认展开项
+            <div
+              class="t-collapse-panel__header--blank"
             />
-          </svg>
-          自定义折叠面板内容
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
+            <div
+              class="t-collapse-panel__body"
+            >
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
+            </div>
+          </transition-stub>
         </div>
-        <transition-stub>
+      </div>
+      <div
+        class="t-collapse-panel"
+      >
+        <div
+          class="t-collapse-panel__wrapper"
+        >
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            自定义折叠面板内容
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
               <div
-                class="tdesign-demo-block-column"
-                style="width: 80%;"
+                class="t-collapse-panel__content"
               >
+                
                 <div
-                  class="t-input__wrap t-tag-input t-tag-input--break-line"
+                  class="tdesign-demo-block-column"
+                  style="width: 80%;"
                 >
                   <div
-                    class="t-input t-is-default t-input--prefix"
+                    class="t-input__wrap t-tag-input t-tag-input--break-line"
                   >
-                    <!---->
                     <div
-                      class="t-input__prefix"
+                      class="t-input t-is-default t-input--prefix"
                     >
-                      
-                      <span
-                        class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                      <!---->
+                      <div
+                        class="t-input__prefix"
                       >
-                        <!---->
                         
-                        Vue
-                        
-                        <svg
-                          class="t-icon t-icon-close t-tag__icon-close"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 16 16"
-                          width="1em"
+                        <span
+                          class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
                         >
-                          <path
-                            d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
-                          />
-                        </svg>
-                      </span>
+                          <!---->
+                          
+                          Vue
+                          
+                          <svg
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 16 16"
+                            width="1em"
+                          >
+                            <path
+                              d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
+                              fill="currentColor"
+                              fill-opacity="0.9"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        >
+                          <!---->
+                          
+                          React
+                          
+                          <svg
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 16 16"
+                            width="1em"
+                          >
+                            <path
+                              d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
+                              fill="currentColor"
+                              fill-opacity="0.9"
+                            />
+                          </svg>
+                        </span>
+                        
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder=""
+                        type="text"
+                      />
                       <span
-                        class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        class="t-input__input-pre"
                       >
-                        <!---->
-                        
-                        React
                         
-                        <svg
-                          class="t-icon t-icon-close t-tag__icon-close"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 16 16"
-                          width="1em"
-                        >
-                          <path
-                            d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
-                          />
-                        </svg>
                       </span>
-                      
+                      <!---->
+                      <!---->
+                      <!---->
                     </div>
-                    <input
-                      class="t-input__inner"
-                      placeholder=""
-                      type="text"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      
-                    </span>
-                    <!---->
-                    <!---->
                     <!---->
                   </div>
-                  <!---->
-                </div>
-                <div
-                  class="t-input__wrap t-tag-input t-tag-input--break-line"
-                >
                   <div
-                    class="t-input t-is-default t-input--prefix"
+                    class="t-input__wrap t-tag-input t-tag-input--break-line"
                   >
-                    <!---->
                     <div
-                      class="t-input__prefix"
+                      class="t-input t-is-default t-input--prefix"
                     >
-                      
+                      <!---->
                       <div
-                        class="t-tag-input__prefix"
-                      >
-                        Controlled: 
-                      </div>
-                      <span
-                        class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        class="t-input__prefix"
                       >
-                        <!---->
-                        
-                        Vue
                         
-                        <svg
-                          class="t-icon t-icon-close t-tag__icon-close"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 16 16"
-                          width="1em"
+                        <div
+                          class="t-tag-input__prefix"
                         >
-                          <path
-                            d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
-                          />
-                        </svg>
-                      </span>
+                          Controlled: 
+                        </div>
+                        <span
+                          class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        >
+                          <!---->
+                          
+                          Vue
+                          
+                          <svg
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 16 16"
+                            width="1em"
+                          >
+                            <path
+                              d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
+                              fill="currentColor"
+                              fill-opacity="0.9"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        >
+                          <!---->
+                          
+                          React
+                          
+                          <svg
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 16 16"
+                            width="1em"
+                          >
+                            <path
+                              d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
+                              fill="currentColor"
+                              fill-opacity="0.9"
+                            />
+                          </svg>
+                        </span>
+                        
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder=""
+                        type="text"
+                      />
                       <span
-                        class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        class="t-input__input-pre"
                       >
-                        <!---->
                         
-                        React
-                        
-                        <svg
-                          class="t-icon t-icon-close t-tag__icon-close"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 16 16"
-                          width="1em"
-                        >
-                          <path
-                            d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
-                          />
-                        </svg>
                       </span>
-                      
+                      <!---->
+                      <!---->
+                      <!---->
                     </div>
-                    <input
-                      class="t-input__inner"
-                      placeholder=""
-                      type="text"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      
-                    </span>
-                    <!---->
-                    <!---->
                     <!---->
                   </div>
-                  <!---->
-                </div>
-                <div
-                  class="t-input__wrap t-tag-input t-tag-input--break-line"
-                >
                   <div
-                    class="t-input t-is-default t-input--prefix"
+                    class="t-input__wrap t-tag-input t-tag-input--break-line"
                   >
-                    <!---->
                     <div
-                      class="t-input__prefix"
+                      class="t-input t-is-default t-input--prefix"
                     >
-                      
+                      <!---->
                       <div
-                        class="t-tag-input__prefix"
-                      >
-                        UnControlled: 
-                      </div>
-                      <span
-                        class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        class="t-input__prefix"
                       >
-                        <!---->
-                        
-                        Vue
                         
-                        <svg
-                          class="t-icon t-icon-close t-tag__icon-close"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 16 16"
-                          width="1em"
+                        <div
+                          class="t-tag-input__prefix"
                         >
-                          <path
-                            d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
-                          />
-                        </svg>
-                      </span>
+                          UnControlled: 
+                        </div>
+                        <span
+                          class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        >
+                          <!---->
+                          
+                          Vue
+                          
+                          <svg
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 16 16"
+                            width="1em"
+                          >
+                            <path
+                              d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
+                              fill="currentColor"
+                              fill-opacity="0.9"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        >
+                          <!---->
+                          
+                          React
+                          
+                          <svg
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 16 16"
+                            width="1em"
+                          >
+                            <path
+                              d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
+                              fill="currentColor"
+                              fill-opacity="0.9"
+                            />
+                          </svg>
+                        </span>
+                        
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder=""
+                        type="text"
+                      />
                       <span
-                        class="t-tag t-tag--default t-tag--dark t-tag--close t-size-m"
+                        class="t-input__input-pre"
                       >
-                        <!---->
-                        
-                        React
                         
-                        <svg
-                          class="t-icon t-icon-close t-tag__icon-close"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 16 16"
-                          width="1em"
-                        >
-                          <path
-                            d="M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
-                          />
-                        </svg>
                       </span>
-                      
+                      <!---->
+                      <!---->
+                      <!---->
                     </div>
-                    <input
-                      class="t-input__inner"
-                      placeholder=""
-                      type="text"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      
-                    </span>
-                    <!---->
-                    <!---->
                     <!---->
                   </div>
-                  <!---->
                 </div>
+                
               </div>
-              
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          嵌套折叠面板
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            嵌套折叠面板
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
               <div
-                class="t-collapse"
+                class="t-collapse-panel__content"
               >
                 
                 <div
-                  class="t-collapse-panel"
+                  class="t-collapse"
                 >
+                  
                   <div
-                    class="t-collapse-panel__wrapper"
+                    class="t-collapse-panel"
                   >
                     <div
-                      class="t-collapse-panel__header t-is-clickable"
+                      class="t-collapse-panel__wrapper"
                     >
-                      <svg
-                        class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
-                        fill="none"
-                        height="16"
-                        name="arrow"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </svg>
-                      子面板1
-                      <div
-                        class="t-collapse-panel__header--blank"
-                      />
-                      <!---->
-                      <!---->
-                    </div>
-                    <transition-stub>
                       <div
-                        class="t-collapse-panel__body"
+                        class="t-collapse-panel__header t-is-clickable"
                       >
+                        <svg
+                          class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
+                          fill="none"
+                          height="16"
+                          name="arrow"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                        子面板1
+                        <div
+                          class="t-collapse-panel__header--blank"
+                        />
+                        <!---->
+                        <!---->
+                      </div>
+                      <transition-stub>
                         <div
-                          class="t-collapse-panel__content"
+                          class="t-collapse-panel__body"
                         >
-                          
-                           这是子面板1 
-                          
+                          <div
+                            class="t-collapse-panel__content"
+                          >
+                            
+                             这是子面板1 
+                            
+                          </div>
                         </div>
-                      </div>
-                    </transition-stub>
+                      </transition-stub>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="t-collapse-panel"
-                >
                   <div
-                    class="t-collapse-panel__wrapper"
+                    class="t-collapse-panel"
                   >
                     <div
-                      class="t-collapse-panel__header t-is-clickable"
+                      class="t-collapse-panel__wrapper"
                     >
-                      <svg
-                        class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
-                        fill="none"
-                        height="16"
-                        name="arrow"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </svg>
-                      子面板2
-                      <div
-                        class="t-collapse-panel__header--blank"
-                      />
-                      <!---->
-                      <!---->
-                    </div>
-                    <transition-stub>
                       <div
-                        class="t-collapse-panel__body"
+                        class="t-collapse-panel__header t-is-clickable"
                       >
+                        <svg
+                          class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
+                          fill="none"
+                          height="16"
+                          name="arrow"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                        子面板2
+                        <div
+                          class="t-collapse-panel__header--blank"
+                        />
+                        <!---->
+                        <!---->
+                      </div>
+                      <transition-stub>
                         <div
-                          class="t-collapse-panel__content"
+                          class="t-collapse-panel__body"
                         >
-                          
-                           这是子面板2 
-                          
+                          <div
+                            class="t-collapse-panel__content"
+                          >
+                            
+                             这是子面板2 
+                            
+                          </div>
                         </div>
-                      </div>
-                    </transition-stub>
+                      </transition-stub>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="t-collapse-panel"
-                >
                   <div
-                    class="t-collapse-panel__wrapper"
+                    class="t-collapse-panel"
                   >
                     <div
-                      class="t-collapse-panel__header t-is-clickable"
+                      class="t-collapse-panel__wrapper"
                     >
-                      <svg
-                        class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
-                        fill="none"
-                        height="16"
-                        name="arrow"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </svg>
-                      子面板3
-                      <div
-                        class="t-collapse-panel__header--blank"
-                      />
-                      <!---->
-                      <!---->
-                    </div>
-                    <transition-stub>
                       <div
-                        class="t-collapse-panel__body"
+                        class="t-collapse-panel__header t-is-clickable"
                       >
+                        <svg
+                          class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
+                          fill="none"
+                          height="16"
+                          name="arrow"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                        子面板3
+                        <div
+                          class="t-collapse-panel__header--blank"
+                        />
+                        <!---->
+                        <!---->
+                      </div>
+                      <transition-stub>
                         <div
-                          class="t-collapse-panel__content"
+                          class="t-collapse-panel__body"
                         >
-                          
-                           这是子面板3 
-                          
+                          <div
+                            class="t-collapse-panel__content"
+                          >
+                            
+                             这是子面板3 
+                            
+                          </div>
                         </div>
-                      </div>
-                    </transition-stub>
+                      </transition-stub>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="t-collapse-panel"
-                >
                   <div
-                    class="t-collapse-panel__wrapper"
+                    class="t-collapse-panel"
                   >
                     <div
-                      class="t-collapse-panel__header t-is-clickable"
+                      class="t-collapse-panel__wrapper"
                     >
-                      <svg
-                        class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
-                        fill="none"
-                        height="16"
-                        name="arrow"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </svg>
-                      子面板4
-                      <div
-                        class="t-collapse-panel__header--blank"
-                      />
-                      <!---->
-                      <!---->
-                    </div>
-                    <transition-stub>
                       <div
-                        class="t-collapse-panel__body"
+                        class="t-collapse-panel__header t-is-clickable"
                       >
+                        <svg
+                          class="t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left"
+                          fill="none"
+                          height="16"
+                          name="arrow"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </svg>
+                        子面板4
+                        <div
+                          class="t-collapse-panel__header--blank"
+                        />
+                        <!---->
+                        <!---->
+                      </div>
+                      <transition-stub>
                         <div
-                          class="t-collapse-panel__content"
+                          class="t-collapse-panel__body"
                         >
-                          
-                           这是子面板4 
-                          
+                          <div
+                            class="t-collapse-panel__content"
+                          >
+                            
+                             这是子面板4 
+                            
+                          </div>
                         </div>
-                      </div>
-                    </transition-stub>
+                      </transition-stub>
+                    </div>
                   </div>
+                  
                 </div>
                 
               </div>
-              
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
+      
     </div>
-    
   </div>
+  <!---->
+  
+  
   <div
-    style="margin-top: 10px;"
+    class="t-space-item"
   >
-    当前展开项:[
+    <p>
+      当前展开项:[
   1
 ]
+    </p>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/collapse/_example/icon.vue 1`] = `
 <div
-  class="tdesign-collapse"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
+  
+  
   <div
-    class="t-collapse"
+    class="t-space-item"
   >
-    
     <div
-      class="t-collapse-panel"
+      class="t-collapse"
     >
+      
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
-            <div
-              class="t-collapse-panel__content"
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
-            </div>
-          </div>
-        </transition-stub>
-      </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
-      <div
-        class="t-collapse-panel__wrapper"
-      >
-        <div
-          class="t-collapse-panel__header t-is-clickable"
-        >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            这是一个折叠标题
+            <div
+              class="t-collapse-panel__header--blank"
             />
-          </svg>
-          
-          这是一个折叠标题
-          
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
-          <div
-            class="t-collapse-panel__body"
-            style="display: none;"
-          >
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-              这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          
-          这是一个折叠标题
-          
           <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
-          <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            
+            这是一个折叠标题
+            
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
+          <div
+            class="t-collapse-panel__header t-is-clickable"
           >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            
+            这是一个折叠标题
+            
+            <div
+              class="t-collapse-panel__header--blank"
             />
-          </svg>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
+            <div
+              class="t-collapse-panel__body"
+              style="display: none;"
+            >
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
+            </div>
+          </transition-stub>
         </div>
-        <transition-stub>
+      </div>
+      <div
+        class="t-collapse-panel"
+      >
+        <div
+          class="t-collapse-panel__wrapper"
+        >
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            这是一个折叠标题
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
+      
     </div>
-    
   </div>
+  <!---->
+  
+  
   <div
-    class="button-area"
+    class="t-space-item"
   >
-    <label
-      class="t-checkbox t-is-checked"
-    >
-      <input
-        class="t-checkbox__former"
-        type="checkbox"
-      />
-      <span
-        class="t-checkbox__input"
-      />
-      <span
-        class="t-checkbox__label"
-      >
-        
-        显示箭头
-        
-      </span>
-    </label>
     <div
-      class="t-radio-group t-size-m t-radio-group__outline"
+      class="t-space t-space-align-center t-space-horizontal"
+      style="gap: 16px;"
     >
       
-      <label
-        class="t-radio t-is-checked"
+      
+      <div
+        class="t-space-item"
       >
-        <input
-          class="t-radio__former"
-          name=""
-          type="radio"
-          value="left"
-        />
-        <span
-          class="t-radio__input"
-        />
-        <span
-          class="t-radio__label"
+        <label
+          class="t-checkbox t-is-checked"
         >
-          
-          左边
-          
-        </span>
-      </label>
-      <label
-        class="t-radio"
+          <input
+            class="t-checkbox__former"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            
+            显示箭头
+            
+          </span>
+        </label>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
       >
-        <input
-          class="t-radio__former"
-          name=""
-          type="radio"
-          value="right"
-        />
-        <span
-          class="t-radio__input"
-        />
-        <span
-          class="t-radio__label"
+        <div
+          class="t-radio-group t-size-m t-radio-group__outline"
         >
           
-          右边
+          <label
+            class="t-radio t-is-checked"
+          >
+            <input
+              class="t-radio__former"
+              name=""
+              type="radio"
+              value="left"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              左边
+              
+            </span>
+          </label>
+          <label
+            class="t-radio"
+          >
+            <input
+              class="t-radio__former"
+              name=""
+              type="radio"
+              value="right"
+            />
+            <span
+              class="t-radio__input"
+            />
+            <span
+              class="t-radio__label"
+            >
+              
+              右边
+              
+            </span>
+          </label>
           
-        </span>
-      </label>
-      
+          <!---->
+        </div>
+      </div>
       <!---->
+      
+      
     </div>
   </div>
+  <!---->
+  
+  
   <div
-    style="margin-top: 10px;"
+    class="t-space-item"
   >
     <label
       class="t-checkbox"
@@ -28530,798 +29309,930 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/icon.vue 1`] = `
       </span>
     </label>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
-exports[`csr snapshot test > csr test ./src/collapse/_example/mutex.vue 1`] = `
-<div
-  class="tdesign-collapse"
->
-  <div
-    class="t-collapse"
-  >
-    
-    <div
-      class="t-collapse-panel"
-    >
-      <div
-        class="t-collapse-panel__wrapper"
-      >
-        <div
-          class="t-collapse-panel__header t-is-clickable"
-        >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
+exports[`csr snapshot test > csr test ./src/collapse/_example/mutex.vue 1`] = `
+<div
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
+>
+  
+  
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-collapse"
+    >
+      
+      <div
+        class="t-collapse-panel"
+      >
+        <div
+          class="t-collapse-panel__wrapper"
+        >
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            这是一个折叠标题
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
+            <div
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          
-          这是一个折叠标题
-          
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            
+            这是一个折叠标题
+            
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-              这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          
-          这是一个折叠标题
-          
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            
+            这是一个折叠标题
+            
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            这是一个折叠标题
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
+      
     </div>
-    
   </div>
+  <!---->
+  
+  
   <div
-    style="margin-top: 10px;"
+    class="t-space-item"
   >
-    当前展开项：[]
+    <p>
+      当前展开项：[]
+    </p>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/collapse/_example/other.vue 1`] = `
 <div
-  class="tdesign-collapse"
+  class="t-space t-space-vertical"
+  style="gap: 16px;"
 >
+  
+  
   <div
-    class="t-collapse"
+    class="t-space-item"
   >
-    
     <div
-      class="t-collapse-panel"
+      class="t-collapse"
     >
-      <div
-        class="t-collapse-panel__wrapper"
-      >
-        <div
-          class="t-collapse-panel__header t-is-clickable"
-        >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
+      
+      <div
+        class="t-collapse-panel"
+      >
+        <div
+          class="t-collapse-panel__wrapper"
+        >
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            这是一个折叠标题
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          
-          这是一个折叠标题
-          
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            
+            这是一个折叠标题
+            
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-              这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          
-          这是一个折叠标题
-          
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            
+            这是一个折叠标题
+            
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
-    </div>
-    <div
-      class="t-collapse-panel"
-    >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel"
       >
         <div
-          class="t-collapse-panel__header t-is-clickable"
+          class="t-collapse-panel__wrapper"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <!---->
-          <!---->
-        </div>
-        <transition-stub>
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__header t-is-clickable"
           >
+            <svg
+              class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+              fill="none"
+              height="16"
+              name="arrow"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+            这是一个折叠标题
+            <div
+              class="t-collapse-panel__header--blank"
+            />
+            <!---->
+            <!---->
+          </div>
+          <transition-stub>
             <div
-              class="t-collapse-panel__content"
+              class="t-collapse-panel__body"
+              style="display: none;"
             >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
+              <div
+                class="t-collapse-panel__content"
+              >
+                
+                 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+                
+              </div>
             </div>
-          </div>
-        </transition-stub>
+          </transition-stub>
+        </div>
       </div>
+      
     </div>
-    
   </div>
+  <!---->
+  
+  
   <div
-    class="button-area"
+    class="t-space-item"
   >
-    <label
-      class="t-checkbox"
+    <div
+      class="t-space t-space-align-center t-space-horizontal"
+      style="gap: 16px;"
     >
-      <input
-        class="t-checkbox__former"
-        type="checkbox"
-      />
-      <span
-        class="t-checkbox__input"
-      />
-      <span
-        class="t-checkbox__label"
+      
+      
+      <div
+        class="t-space-item"
       >
-        
-        全部禁用
-        
-      </span>
-    </label>
-    <label
-      class="t-checkbox"
-    >
-      <input
-        class="t-checkbox__former"
-        type="checkbox"
-      />
-      <span
-        class="t-checkbox__input"
-      />
-      <span
-        class="t-checkbox__label"
+        <label
+          class="t-checkbox"
+        >
+          <input
+            class="t-checkbox__former"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            
+            全部禁用
+            
+          </span>
+        </label>
+      </div>
+      <!---->
+      
+      
+      <div
+        class="t-space-item"
       >
-        
-        无边框模式
-        
-      </span>
-    </label>
+        <label
+          class="t-checkbox"
+        >
+          <input
+            class="t-checkbox__former"
+            type="checkbox"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            
+            无边框模式
+            
+          </span>
+        </label>
+      </div>
+      <!---->
+      
+      
+    </div>
   </div>
+  <!---->
+  
+  
 </div>
 `;
 
 exports[`csr snapshot test > csr test ./src/collapse/_example/rightSlot.vue 1`] = `
 <div
-  class="tdesign-collapse"
+  class="t-collapse"
 >
+  
   <div
-    class="t-collapse"
+    class="t-collapse-panel"
   >
-    
     <div
-      class="t-collapse-panel"
+      class="t-collapse-panel__wrapper"
     >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel__header t-is-clickable"
       >
-        <div
-          class="t-collapse-panel__header t-is-clickable"
+        <svg
+          class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+          fill="none"
+          height="16"
+          name="arrow"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题可以设置右侧操作区域
-          <div
-            class="t-collapse-panel__header--blank"
+          <path
+            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+            stroke="black"
+            stroke-opacity="0.9"
+            stroke-width="1.3"
           />
+        </svg>
+        这是一个折叠标题可以设置右侧操作区域
+        <div
+          class="t-collapse-panel__header--blank"
+        />
+        
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 8px;"
+        >
           
-          <label
-            class="t-checkbox"
+          
+          <div
+            class="t-space-item"
           >
-            <input
-              class="t-checkbox__former"
-              type="checkbox"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <label
+              class="t-checkbox"
             >
-              
-              禁用
-              
-            </span>
-          </label>
-          <button
-            class="t-button t-size-s t-button--variant-base t-button--theme-primary"
-            type="button"
+              <input
+                class="t-checkbox__former"
+                type="checkbox"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                
+                禁用
+                
+              </span>
+            </label>
+          </div>
+          <!---->
+          
+          
+          <div
+            class="t-space-item"
           >
-            <span
-              class="t-button__text"
+            <button
+              class="t-button t-size-s t-button--variant-base t-button--theme-primary"
+              type="button"
             >
-              
-              操作
-              
-            </span>
-          </button>
-          
+              <span
+                class="t-button__text"
+              >
+                
+                操作
+                
+              </span>
+            </button>
+          </div>
           <!---->
+          
+          
         </div>
-        <transition-stub>
+        
+        <!---->
+      </div>
+      <transition-stub>
+        <div
+          class="t-collapse-panel__body"
+          style="display: none;"
+        >
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__content"
           >
-            <div
-              class="t-collapse-panel__content"
-            >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
-            </div>
+            
+             这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+            
           </div>
-        </transition-stub>
-      </div>
+        </div>
+      </transition-stub>
     </div>
+  </div>
+  <div
+    class="t-collapse-panel t-is-disabled"
+  >
     <div
-      class="t-collapse-panel t-is-disabled"
+      class="t-collapse-panel__wrapper"
     >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel__header"
       >
-        <div
-          class="t-collapse-panel__header"
+        <svg
+          class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+          fill="none"
+          height="16"
+          name="arrow"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题可以设置右侧操作区域
-          <div
-            class="t-collapse-panel__header--blank"
+          <path
+            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+            stroke="black"
+            stroke-opacity="0.9"
+            stroke-width="1.3"
           />
+        </svg>
+        这是一个折叠标题可以设置右侧操作区域
+        <div
+          class="t-collapse-panel__header--blank"
+        />
+        
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 8px;"
+        >
           
-          <label
-            class="t-checkbox t-is-checked"
+          
+          <div
+            class="t-space-item"
           >
-            <input
-              class="t-checkbox__former"
-              type="checkbox"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <label
+              class="t-checkbox t-is-checked"
             >
-              
-              禁用
-              
-            </span>
-          </label>
-          <button
-            class="t-button t-size-s t-button--variant-base t-button--theme-primary"
-            type="button"
+              <input
+                class="t-checkbox__former"
+                type="checkbox"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                
+                禁用
+                
+              </span>
+            </label>
+          </div>
+          <!---->
+          
+          
+          <div
+            class="t-space-item"
           >
-            <span
-              class="t-button__text"
+            <button
+              class="t-button t-size-s t-button--variant-base t-button--theme-primary"
+              type="button"
             >
-              
-              操作
-              
-            </span>
-          </button>
-          
+              <span
+                class="t-button__text"
+              >
+                
+                操作
+                
+              </span>
+            </button>
+          </div>
           <!---->
+          
+          
         </div>
-        <transition-stub>
+        
+        <!---->
+      </div>
+      <transition-stub>
+        <div
+          class="t-collapse-panel__body"
+          style="display: none;"
+        >
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__content"
           >
-            <div
-              class="t-collapse-panel__content"
-            >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
-            </div>
+            
+             这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+            
           </div>
-        </transition-stub>
-      </div>
+        </div>
+      </transition-stub>
     </div>
+  </div>
+  <div
+    class="t-collapse-panel"
+  >
     <div
-      class="t-collapse-panel"
+      class="t-collapse-panel__wrapper"
     >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel__header t-is-clickable"
       >
-        <div
-          class="t-collapse-panel__header t-is-clickable"
+        <svg
+          class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+          fill="none"
+          height="16"
+          name="arrow"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题可以设置右侧操作区域
-          <div
-            class="t-collapse-panel__header--blank"
+          <path
+            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+            stroke="black"
+            stroke-opacity="0.9"
+            stroke-width="1.3"
           />
+        </svg>
+        这是一个折叠标题可以设置右侧操作区域
+        <div
+          class="t-collapse-panel__header--blank"
+        />
+        
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 8px;"
+        >
           
-          <label
-            class="t-checkbox"
+          
+          <div
+            class="t-space-item"
           >
-            <input
-              class="t-checkbox__former"
-              type="checkbox"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <label
+              class="t-checkbox"
             >
-              
-              禁用
-              
-            </span>
-          </label>
-          <button
-            class="t-button t-size-s t-button--variant-base t-button--theme-primary"
-            type="button"
+              <input
+                class="t-checkbox__former"
+                type="checkbox"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                
+                禁用
+                
+              </span>
+            </label>
+          </div>
+          <!---->
+          
+          
+          <div
+            class="t-space-item"
           >
-            <span
-              class="t-button__text"
+            <button
+              class="t-button t-size-s t-button--variant-base t-button--theme-primary"
+              type="button"
             >
-              
-              操作
-              
-            </span>
-          </button>
-          
+              <span
+                class="t-button__text"
+              >
+                
+                操作
+                
+              </span>
+            </button>
+          </div>
           <!---->
+          
+          
         </div>
-        <transition-stub>
+        
+        <!---->
+      </div>
+      <transition-stub>
+        <div
+          class="t-collapse-panel__body"
+          style="display: none;"
+        >
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__content"
           >
-            <div
-              class="t-collapse-panel__content"
-            >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
-            </div>
+            
+             这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+            
           </div>
-        </transition-stub>
-      </div>
+        </div>
+      </transition-stub>
     </div>
+  </div>
+  <div
+    class="t-collapse-panel t-is-disabled"
+  >
     <div
-      class="t-collapse-panel t-is-disabled"
+      class="t-collapse-panel__wrapper"
     >
       <div
-        class="t-collapse-panel__wrapper"
+        class="t-collapse-panel__header"
       >
-        <div
-          class="t-collapse-panel__header"
+        <svg
+          class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
+          fill="none"
+          height="16"
+          name="arrow"
+          viewBox="0 0 16 16"
+          width="16"
+          xmlns="http://www.w3.org/2000/svg"
         >
-          <svg
-            class="t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left"
-            fill="none"
-            height="16"
-            name="arrow"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-          这是一个折叠标题可以设置右侧操作区域
-          <div
-            class="t-collapse-panel__header--blank"
+          <path
+            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+            stroke="black"
+            stroke-opacity="0.9"
+            stroke-width="1.3"
           />
+        </svg>
+        这是一个折叠标题可以设置右侧操作区域
+        <div
+          class="t-collapse-panel__header--blank"
+        />
+        
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 8px;"
+        >
           
-          <label
-            class="t-checkbox t-is-checked"
+          
+          <div
+            class="t-space-item"
           >
-            <input
-              class="t-checkbox__former"
-              type="checkbox"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
+            <label
+              class="t-checkbox t-is-checked"
             >
-              
-              禁用
-              
-            </span>
-          </label>
-          <button
-            class="t-button t-size-s t-button--variant-base t-button--theme-primary"
-            type="button"
+              <input
+                class="t-checkbox__former"
+                type="checkbox"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                
+                禁用
+                
+              </span>
+            </label>
+          </div>
+          <!---->
+          
+          
+          <div
+            class="t-space-item"
           >
-            <span
-              class="t-button__text"
+            <button
+              class="t-button t-size-s t-button--variant-base t-button--theme-primary"
+              type="button"
             >
-              
-              操作
-              
-            </span>
-          </button>
-          
+              <span
+                class="t-button__text"
+              >
+                
+                操作
+                
+              </span>
+            </button>
+          </div>
           <!---->
+          
+          
         </div>
-        <transition-stub>
+        
+        <!---->
+      </div>
+      <transition-stub>
+        <div
+          class="t-collapse-panel__body"
+          style="display: none;"
+        >
           <div
-            class="t-collapse-panel__body"
-            style="display: none;"
+            class="t-collapse-panel__content"
           >
-            <div
-              class="t-collapse-panel__content"
-            >
-              
-               这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
-              
-            </div>
+            
+             这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 
+            
           </div>
-        </transition-stub>
-      </div>
+        </div>
+      </transition-stub>
     </div>
-    
   </div>
+  
 </div>
 `;
 
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index 1cc3ac231a..84ae6de6fd 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -30,31 +30,31 @@ exports[`ssr snapshot test > ssr test ./src/anchor/_example/small.vue 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test ./src/anchor/_example/target.vue 1`] = `"<div class=\\"t-space t-space-vertical anchor-demo\\" style=\\"gap:0px;\\" id=\\"#anchor-target\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div id=\\"#anchor-target-1\\" class=\\"t-anchor__target\\"><!--[--> 定义 <!--]--><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-copy\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg><!----><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div id=\\"#anchor-target-2\\" class=\\"t-anchor__target\\"><!--[--> 服务功能 <!--]--><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-copy\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg><!----><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div id=\\"#anchor-target-3\\" class=\\"t-anchor__target\\"><!--[--> 使用指南 <!--]--><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-copy\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg><!----><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div id=\\"#anchor-target-4\\" class=\\"t-anchor__target\\"><!--[--> 创建签名 <!--]--><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-copy\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg><!----><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div id=\\"#anchor-target-5\\" class=\\"t-anchor__target\\"><!--[--> 创建内容 <!--]--><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-copy\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg><!----><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div id=\\"#anchor-target-6\\" class=\\"t-anchor__target\\"><!--[--> 保密协议 <!--]--><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-copy\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg><!----><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div id=\\"#anchor-target-7\\" class=\\"t-anchor__target\\"><!--[--> 其他 <!--]--><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-copy\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg><!----><!--]--></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/avatar/_example/adjust.vue 1`] = `"<div class=\\"demo-avatar\\" data-v-9a5c3c54><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9a5c3c54><span style=\\"transform:;\\"><!--[-->王<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9a5c3c54><span style=\\"transform:;\\"><!--[-->王亿<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9a5c3c54><span style=\\"transform:;\\"><!--[-->王亿亿<!--]--></span></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/avatar/_example/adjust.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:40px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->王<!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->王亿<!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->王亿亿<!--]--></span></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/avatar/_example/base.vue 1`] = `"<div class=\\"demo-avatar\\" data-v-edb98050><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-edb98050><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-edb98050><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\" data-v-edb98050><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\" data-v-edb98050><!--[--><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\" data-v-edb98050><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--><!--]--></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/avatar/_example/base.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:40px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\"><!--[--><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--><!--]--></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/avatar/_example/group.vue 1`] = `"<div class=\\"demo-avatar\\" data-v-9c764ef0><div class=\\"demo-avatar-block\\" data-v-9c764ef0><div class=\\"t-avatar-group t-avatar--offset-right\\" data-v-9c764ef0><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9c764ef0><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9c764ef0><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\" data-v-9c764ef0><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><!--]--><!--]--></div></div><div class=\\"demo-avatar-block\\" data-v-9c764ef0><div class=\\"t-avatar-group t-avatar--offset-right\\" data-v-9c764ef0><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9c764ef0><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9c764ef0><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\" data-v-9c764ef0><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><!--]--><!--]--></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/avatar/_example/group.vue 1`] = `"<div class=\\"t-space t-space-vertical demo-avatar\\" style=\\"gap:40px;\\" data-v-9c764ef0><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\" data-v-9c764ef0><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9c764ef0><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9c764ef0><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\" data-v-9c764ef0><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\" data-v-9c764ef0><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9c764ef0><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-9c764ef0><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\" data-v-9c764ef0><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><!--]--><!--]--></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/avatar/_example/group-cascading.vue 1`] = `"<div class=\\"demo-avatar\\" data-v-004f436c><div class=\\"demo-avatar-block\\" data-v-004f436c><div class=\\"t-avatar-group t-avatar--offset-right\\" data-v-004f436c><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-004f436c><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-004f436c><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\" data-v-004f436c><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><!--]--><!--]--></div></div><div class=\\"demo-avatar-block\\" data-v-004f436c><div class=\\"t-avatar-group t-avatar--offset-left\\" data-v-004f436c><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-004f436c><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-004f436c><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\" data-v-004f436c><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><!--]--><!--]--></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/avatar/_example/group-cascading.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:40px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"demo-avatar-block\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><!--]--><!--]--></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"demo-avatar-block\\"><div class=\\"t-avatar-group t-avatar--offset-left\\"><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><!--]--><!--]--></div></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/avatar/_example/group-max.vue 1`] = `"<div class=\\"demo-avatar\\" data-v-93c4d1c2><div class=\\"demo-avatar-block\\" data-v-93c4d1c2><div class=\\"t-avatar-group t-avatar--offset-right\\" data-v-93c4d1c2><!--[--><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-93c4d1c2><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-93c4d1c2><span style=\\"transform:;\\"><!--[-->Avatar<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->+1<!--]--></span></div><!--]--><!--]--><!--]--></div></div><div class=\\"demo-avatar-block\\" data-v-93c4d1c2><div class=\\"t-avatar-group t-avatar--offset-right\\" data-v-93c4d1c2><!--[--><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-93c4d1c2><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-93c4d1c2><span style=\\"transform:;\\"><!--[-->Avatar<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg><span style=\\"transform:;\\"><!--[--><!--]--></span><!--]--></div><!--]--><!--]--><!--]--></div></div><div class=\\"demo-avatar-block\\" data-v-93c4d1c2><div class=\\"t-avatar-group t-avatar--offset-right\\" data-v-93c4d1c2><!--[--><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-93c4d1c2><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-93c4d1c2><span style=\\"transform:;\\"><!--[-->Avatar<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--><!--]--></span></div><!--]--><!--]--><!--]--></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/avatar/_example/group-max.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:40px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><!--[--><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->Avatar<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->+1<!--]--></span></div><!--]--><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><!--[--><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->Avatar<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg><span style=\\"transform:;\\"><!--[--><!--]--></span><!--]--></div><!--]--><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><!--[--><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->Avatar<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--><!--]--></span></div><!--]--><!--]--><!--]--></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/avatar/_example/shape.vue 1`] = `"<div class=\\"demo-avatar\\" data-v-af185eac><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-af185eac><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div><div class=\\"t-avatar t-avatar--round\\" style=\\"\\" data-v-af185eac><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/avatar/_example/shape.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:40px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->W<!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--round\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/avatar/_example/size.vue 1`] = `"<div class=\\"demo-avatar\\" data-v-223b0108><div class=\\"demo-avatar-block\\" data-v-223b0108><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-223b0108><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-223b0108><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-223b0108><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\" data-v-223b0108><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><div class=\\"demo-avatar-block\\" data-v-223b0108><div class=\\"t-avatar t-avatar--round\\" style=\\"\\" data-v-223b0108><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div><div class=\\"t-avatar t-avatar--round\\" style=\\"\\" data-v-223b0108><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div><div class=\\"t-avatar t-avatar--round\\" style=\\"\\" data-v-223b0108><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div><div class=\\"t-avatar t-avatar--round\\" style=\\"\\" data-v-223b0108><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/avatar/_example/size.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:40px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:40px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:40px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--round\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--round\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--round\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--round\\" style=\\"\\"><span style=\\"transform:;\\"><!--[--> W <!--]--></span></div></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/badge/_example/base.vue 1`] = `"<div><div class=\\"demo-badge-block\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div><div class=\\"t-badge\\"><!--[--> 解锁新徽章 <!--]--><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div><div class=\\"t-badge\\"><!--[--><svg class=\\"t-icon\\" viewbox=\\"0 0 16 16\\" version=\\"1.1\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"font-size:24px;\\"><path fill-rule=\\"evenodd\\" d=\\"M8,9 C9.40504021,9 10.7254812,9.36221239 11.8730402,9.99835445 L11.885,10 L12.4565011,10.2862457 C12.7901689,10.4574447 13,10.8009441 13,11.1759685 L13,13 C13,13.5522847 12.5522847,14 12,14 L4,14 C3.44771525,14 3,13.5522847 3,13 L3,11.1762791 C3,10.8012353 3.20985249,10.4577217 3.54354665,10.2865317 L4.121,10 L4.126,9.999 L4.27379497,9.91895294 C5.38659871,9.3321599 6.6545093,9 8,9 Z M8,10 C6.51283435,10 5.13398645,10.4637634 4.00018867,11.2545577 L4,13 L12,13 L12.0003287,11.2549186 C10.8664331,10.4639045 9.48739188,10 8,10 Z M8,2.49576492 C9.65685425,2.49576492 11,3.83891067 11,5.49576492 C11,7.15261916 9.65685425,8.49576492 8,8.49576492 C6.34314575,8.49576492 5,7.15261916 5,5.49576492 C5,3.83891067 6.34314575,2.49576492 8,2.49576492 Z M8,3.49576492 C6.8954305,3.49576492 6,4.39119542 6,5.49576492 C6,6.60033441 6.8954305,7.49576492 8,7.49576492 C9.1045695,7.49576492 10,6.60033441 10,5.49576492 C10,4.39119542 9.1045695,3.49576492 8,3.49576492 Z\\"></path></svg><!--]--><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/badge/_example/base.vue 1`] = `"<div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:24px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--> 解锁新徽章 <!--]--><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/badge/_example/custom.vue 1`] = `"<div data-v-a2369e40><div class=\\"t-badge\\" data-v-a2369e40><!--[--><div class=\\"badge-block\\" data-v-a2369e40></div><!--]--><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div><div class=\\"t-badge\\" data-v-a2369e40><!--[--><div class=\\"badge-block\\" data-v-a2369e40></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">new</sup></div><div class=\\"t-badge\\" data-v-a2369e40><!--[--><div class=\\"badge-block\\" data-v-a2369e40></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:#00A870;\\">99</sup></div><div class=\\"t-badge\\" data-v-a2369e40><!--[--><div class=\\"badge-block\\" data-v-a2369e40></div><!--]--><sup class=\\"t-badge--round\\" style=\\"background:#0052D9;\\">99+</sup></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/badge/_example/custom.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\" data-v-a2369e40><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-a2369e40><!--[--><div class=\\"badge-block\\" data-v-a2369e40></div><!--]--><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-a2369e40><!--[--><div class=\\"badge-block\\" data-v-a2369e40></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">new</sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-a2369e40><!--[--><div class=\\"badge-block\\" data-v-a2369e40></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:#00A870;\\">99</sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-a2369e40><!--[--><div class=\\"badge-block\\" data-v-a2369e40></div><!--]--><sup class=\\"t-badge--round\\" style=\\"background:#0052D9;\\">99+</sup></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/badge/_example/number.vue 1`] = `"<div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">2</sup></div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">0</sup></div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">99+</sup></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/badge/_example/number.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">2</sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">0</sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">99+</sup></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/badge/_example/offset.vue 1`] = `"<div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">2</sup></div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;right:10px;top:10px;\\">2</sup></div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;right:-10px;top:10px;\\">2</sup></div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;right:-10px;top:-10px;\\">2</sup></div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;right:10px;top:-10px;\\">2</sup></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/badge/_example/offset.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">2</sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;right:10px;top:10px;\\">2</sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;right:-10px;top:10px;\\">2</sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;right:-10px;top:-10px;\\">2</sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;right:10px;top:-10px;\\">2</sup></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/badge/_example/shape.vue 1`] = `"<div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">2</sup></div><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--round\\" style=\\"background:;\\">99</sup></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/badge/_example/shape.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">2</sup></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-badge\\"><!--[--><div class=\\"badge-block\\"></div><!--]--><sup class=\\"t-badge--round\\" style=\\"background:;\\">99</sup></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/badge/_example/size.vue 1`] = `"<div data-v-28dbb1a0><h3 class=\\"demo-t-badge-title\\" data-v-28dbb1a0>1.默认大小</h3><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">2</sup></div><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">99</sup></div><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">99+</sup></div><h3 class=\\"demo-t-badge-title\\" data-v-28dbb1a0>2.小</h3><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle t-size-s\\" style=\\"background:;\\">2</sup></div><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle t-size-s\\" style=\\"background:;\\">99</sup></div><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle t-size-s\\" style=\\"background:;\\">99+</sup></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/badge/_example/size.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\" data-v-28dbb1a0><!--[--><!--[--><div class=\\"t-space-item\\"><h3 data-v-28dbb1a0>1.默认大小</h3></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div data-v-28dbb1a0><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">2</sup></div><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">99</sup></div><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle\\" style=\\"background:;\\">99+</sup></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><h3 data-v-28dbb1a0>2.小</h3></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div data-v-28dbb1a0><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle t-size-s\\" style=\\"background:;\\">2</sup></div><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle t-size-s\\" style=\\"background:;\\">99</sup></div><div class=\\"t-badge\\" data-v-28dbb1a0><!--[--><div class=\\"badge-block\\" data-v-28dbb1a0></div><!--]--><sup class=\\"t-badge--circle t-size-s\\" style=\\"background:;\\">99+</sup></div></div></div><!----><!--]--><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/breadcrumb/_example/base.vue 1`] = `"<div class=\\"t-breadcrumb\\"><!--[--><div class=\\"t-breadcrumb__item light\\"><a class=\\"t-breadcrumb--text-overflow t-link\\" href target=\\"_self\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:150px;\\"><!--[--> 页面1 <!--]--></span></a><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\" style=\\"\\" color=\\"rgba(0,0,0,.3)\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:150px;\\"><!--[-->页面2面包屑文案超长时悬浮显示文案全部信息<!--]--></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\" style=\\"\\" color=\\"rgba(0,0,0,.3)\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:160px;\\"><!--[--> 面包屑中文案过长时可缩略显示，鼠标hover时显示全部 <!--]--></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\" style=\\"\\" color=\\"rgba(0,0,0,.3)\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><!--]--></div>"`;
 
@@ -94,55 +94,55 @@ exports[`ssr snapshot test > ssr test ./src/button/_example/theme.vue 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test ./src/calendar/_example/base.vue 1`] = `"<div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/card.vue 1`] = `"<div class=\\"tdesign-demo-block-column-large\\" data-v-a0ba8a08><div data-v-a0ba8a08><label data-v-a0ba8a08>请选择风格：</label><div class=\\"t-select__wrap demo-select-base\\" data-v-a0ba8a08><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"卡片风格\\"><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\" data-v-a0ba8a08><span class=\\"t-button__text\\"><!--[--> 今天（当前高亮日期） <!--]--></span></button></div><div data-v-a0ba8a08><label data-v-a0ba8a08>日期补零：</label><div class=\\"t-switch t-size-l t-is-checked\\" data-v-a0ba8a08><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-l\\"><!----></div></div></div><div class=\\"t-calendar t-calendar--card\\" data-v-a0ba8a08><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><!----><!----></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/card.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:8px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><label>请选择风格：</label></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"卡片风格\\"><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> 今天（当前高亮日期） <!--]--></span></button></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div><label>日期补零：</label><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-l\\"><!----></div></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--card\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><!----><!----></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/card-cell.vue 1`] = `"<div data-v-52a2d443><!-- 外部控制 --><div style=\\"margin:12px 0;\\" data-v-52a2d443><label data-v-52a2d443>请选择风格：</label><div class=\\"t-select__wrap demo-select-base\\" data-v-52a2d443><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"卡片风格\\"><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar t-calendar--card\\" data-v-52a2d443><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><!----><!----></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend\\" data-v-52a2d443>30</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>1</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>2</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>3</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>4</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>5</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>6</div></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>7</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>8</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>9</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>10</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>11</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>12</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>13</div></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>14</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>15</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>16</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>17</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>18</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>19</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>20</div></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>21</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>22</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>23</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>24</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>25</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>26</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>27</div></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent activated\\" data-v-52a2d443>28</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>29</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>30</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>31</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend\\" data-v-52a2d443>1</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend\\" data-v-52a2d443>2</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend\\" data-v-52a2d443>3</div></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/card-cell.vue 1`] = `"<div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-52a2d443><!--[--><!--[--><div class=\\"t-space-item\\"><div data-v-52a2d443><label data-v-52a2d443>请选择风格：</label><div class=\\"t-select__wrap demo-select-base\\" data-v-52a2d443><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"卡片风格\\"><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--card\\" data-v-52a2d443><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><!----><!----></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend\\" data-v-52a2d443>30</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>1</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>2</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>3</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>4</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>5</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>6</div></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>7</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>8</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>9</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>10</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>11</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>12</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>13</div></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>14</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>15</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>16</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>17</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>18</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>19</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>20</div></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>21</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>22</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>23</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>24</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>25</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>26</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>27</div></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent activated\\" data-v-52a2d443>28</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>29</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>30</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend belongCurrent\\" data-v-52a2d443>31</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend\\" data-v-52a2d443>1</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend\\" data-v-52a2d443>2</div></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"demo-cell\\" data-v-52a2d443><div class=\\"cellAppend\\" data-v-52a2d443>3</div></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/calendar/_example/cell.vue 1`] = `"<div class=\\"t-calendar t-calendar--full\\" data-v-796f504e><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>30</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>1</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>2</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>3</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>4</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>5</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>6</div><!--v-if--></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>7</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>8</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>9</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>10</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>11</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>12</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>13</div><!--v-if--></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>14</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>15</div><!--[--><div class=\\"slotWarper\\" data-v-796f504e><!--[--><div class=\\"item\\" data-v-796f504e><span class=\\"error\\" data-v-796f504e></span> 错误事件</div><div class=\\"item\\" data-v-796f504e><span class=\\"warning\\" data-v-796f504e></span> 警告事件</div><div class=\\"item\\" data-v-796f504e><span class=\\"success\\" data-v-796f504e></span> 正常事件</div><!--]--></div><div class=\\"shadow\\" data-v-796f504e></div><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>16</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>17</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>18</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>19</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>20</div><!--v-if--></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>21</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>22</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>23</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>24</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>25</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>26</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>27</div><!--v-if--></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>28</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>29</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>30</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>31</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>1</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>2</div><!--v-if--></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"outerWarper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>3</div><!--v-if--></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/calendar/_example/cell-append.vue 1`] = `"<div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><div class=\\"cell-append-demo-outer\\"><span class=\\"t-tag t-tag--primary t-tag--dark t-size-s activeTag\\" style=\\"\\"><!----><!--[-->今天<!--]--><!----></span></div><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!--[--><!--v-if--><!--]--></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/controller-config.vue 1`] = `"<div class=\\"controllerConfig-demo\\" data-v-aa913252><div style=\\"margin:12px 0;\\" data-v-aa913252><fieldset data-v-aa913252><legend data-v-aa913252>控件全局</legend><p data-v-aa913252><label data-v-aa913252>是否显示（全部控件）：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p><p data-v-aa913252><label data-v-aa913252>是否禁用（全部控件）：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></fieldset><fieldset data-v-aa913252><legend data-v-aa913252>控件局部</legend><p data-v-aa913252><label data-v-aa913252>是否显示“模式切换”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div><label data-v-aa913252>是否禁用“模式切换”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p><p data-v-aa913252><label data-v-aa913252>是否显示“年份选择”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div><label data-v-aa913252>是否禁用“年份选择”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p><p data-v-aa913252><label data-v-aa913252>是否显示“月份选择”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div><label data-v-aa913252>是否禁用“月份选择”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p><p data-v-aa913252><label data-v-aa913252>是否禁用“隐藏周末”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div><label data-v-aa913252>是否禁用“显示周末”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div><label data-v-aa913252>是否显示“隐藏\\\\显示周末”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p><p data-v-aa913252><label data-v-aa913252>是否禁用“今天”按钮控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div><label data-v-aa913252>是否禁用“本月”按钮控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div><label data-v-aa913252>是否显示“今天\\\\本月”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></fieldset></div><div class=\\"t-calendar t-calendar--full\\" data-v-aa913252><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-s t-calendar__control-tag\\" theme=\\"default\\" variant=\\"base\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-warning\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/controller-config.vue 1`] = `"<div class=\\"t-space t-space-vertical controllerConfig-demo\\" style=\\"gap:16px;\\" data-v-aa913252><!--[--><!--[--><div class=\\"t-space-item\\"><fieldset data-v-aa913252><legend data-v-aa913252>控件全局</legend><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-aa913252><!--[--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否显示（全部控件）：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否禁用（全部控件）：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--]--></div></fieldset></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><fieldset data-v-aa913252><legend data-v-aa913252>控件局部</legend><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-aa913252><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\" data-v-aa913252><!--[--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否显示“模式切换”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否禁用“模式切换”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\" data-v-aa913252><!--[--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否显示“年份选择”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否禁用“年份选择”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\" data-v-aa913252><!--[--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否显示“月份选择”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否禁用“月份选择”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\" data-v-aa913252><!--[--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否禁用“隐藏周末”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否禁用“显示周末”控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否显示“隐藏\\\\显示周末”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\" data-v-aa913252><!--[--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否禁用“今天”按钮控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否禁用“本月”按钮控件：</label><div class=\\"t-switch t-size-m\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p data-v-aa913252><label data-v-aa913252>是否显示“今天\\\\本月”控件：</label><div class=\\"t-switch t-size-m t-is-checked\\" data-v-aa913252><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></p></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--]--></div></fieldset></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--full\\" data-v-aa913252><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-s t-calendar__control-tag\\" theme=\\"default\\" variant=\\"base\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-warning\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/events.vue 1`] = `"<div data-v-b47020f6><div class=\\"t-calendar t-calendar--full\\" data-v-b47020f6><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/events.vue 1`] = `"<div class=\\"t-calendar t-calendar--full\\" data-v-b47020f6><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/events-props-api.vue 1`] = `"<div data-v-0551f5f5><div style=\\"margin:12px 0;\\" data-v-0551f5f5><label data-v-0551f5f5>禁用单元格右键菜单：</label><div class=\\"t-switch t-size-m\\" data-v-0551f5f5><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></div><div class=\\"t-calendar t-calendar--full\\" data-v-0551f5f5><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div><div class=\\"t-alert t-alert--warning\\" data-v-0551f5f5><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><!----><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">暂无数据，您可以点击一下日历的单元格看看（双击会改变当前选中日期）😀<!----></div><!----></div></div><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/events-props-api.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-0551f5f5><!--[--><!--[--><div class=\\"t-space-item\\"><div data-v-0551f5f5><label data-v-0551f5f5>禁用单元格右键菜单：</label><div class=\\"t-switch t-size-m\\" data-v-0551f5f5><span class=\\"t-switch__handle\\"><!----></span><div class=\\"t-switch__content t-size-m\\"><!----></div></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--full\\" data-v-0551f5f5><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--warning\\" data-v-0551f5f5><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><!----><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">暂无数据，您可以点击一下日历的单元格看看（双击会改变当前选中日期）😀<!----></div><!----></div></div><!----></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/filter.vue 1`] = `"<div><div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"primary\\"><!--[-->显示周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><!----><!----><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><!--]--></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/filter.vue 1`] = `"<div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"primary\\"><!--[-->显示周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><!----><!----><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!----><!----><!--]--></tr><!--]--></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/first-day-of-week.vue 1`] = `"<div data-v-67d2fdc0><div style=\\"margin:12px 0;\\" data-v-67d2fdc0><label data-v-67d2fdc0>日历的第一列为：</label><div class=\\"t-select__wrap demo-select-base\\" data-v-67d2fdc0><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"周三\\"><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar t-calendar--full\\" data-v-67d2fdc0><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/first-day-of-week.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-67d2fdc0><!--[--><!--[--><div class=\\"t-space-item\\"><div data-v-67d2fdc0><label data-v-67d2fdc0>日历的第一列为：</label><div class=\\"t-select__wrap demo-select-base\\" data-v-67d2fdc0><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"周三\\"><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--full\\" data-v-67d2fdc0><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/calendar/_example/head.vue 1`] = `"<div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!--[--> 🗓 TDesign开发计划 <!--]--></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/mode.vue 1`] = `"<div data-v-e9a00fe2><div style=\\"margin:12px 0;\\" data-v-e9a00fe2><label data-v-e9a00fe2>可以在组件外切换成：</label><div class=\\"t-select__wrap demo-select-base\\" data-v-e9a00fe2><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"月历\\"><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar t-calendar--full\\" data-v-e9a00fe2><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><!----><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->本月<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--year\\"><table class=\\"t-calendar__table\\"><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">一月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">二月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">三月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">四月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">五月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">六月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">七月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">八月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">九月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">十月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">十一月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">十二月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/mode.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-e9a00fe2><!--[--><!--[--><div class=\\"t-space-item\\"><div data-v-e9a00fe2><label data-v-e9a00fe2>可以在组件外切换成：</label><div class=\\"t-select__wrap demo-select-base\\" data-v-e9a00fe2><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"月历\\"><!----><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--full\\" data-v-e9a00fe2><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><!----><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->本月<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--year\\"><table class=\\"t-calendar__table\\"><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">一月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">二月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">三月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">四月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">五月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">六月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">七月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">八月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">九月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">十月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">十一月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">十二月</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/calendar/_example/range.vue 1`] = `"<div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/calendar/_example/slot-props-api.vue 1`] = `"<div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><div>2020-12 工作安排</div></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">30</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">1</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">2</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">3</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">4</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">5</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">6</div></div></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">7</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">8</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">9</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">10</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">11</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">12</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">13</div></div></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">14</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><span><div class=\\"calendar-slot-props-api-demo-slot-warrper\\"><!--[--><div class=\\"item\\"><span class=\\"error\\"></span>错误事件</div><div class=\\"item\\"><span class=\\"warning\\"></span>警告事件</div><div class=\\"item\\"><span class=\\"success\\"></span>正常事件</div><!--]--></div><div class=\\"shadow\\"></div></span><div class=\\"number\\">15</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">16</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">17</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">18</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">19</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">20</div></div></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">21</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">22</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">23</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">24</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">25</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">26</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">27</div></div></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">28</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">29</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">30</div></div></td><td class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">31</div></div></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">1</div></div></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">2</div></div></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><!----><div class=\\"number\\">3</div></div></td><!--]--></tr><!--]--></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/value.vue 1`] = `"<!--[--><form class=\\"t-form t-form-inline\\"><!--[--><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for>自己指定年：</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><!--[--><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value=\\"1998\\"><!----><!----><!----><!----></div><!----></div><!--]--><!----></div><!--[--><!----><!----><!--]--></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for>自己指定年月：</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><!--[--><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value=\\"11\\"><!----><!----><!----><!----></div><!----></div><!--]--><!----></div><!--[--><!----><!----><!--]--></div></div><!--]--></form><div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"1998 年\\"><span class=\\"t-input__input-pre\\">1998 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"11 月\\"><span class=\\"t-input__input-pre\\">11 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-checked\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div><!--]-->"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/value.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><form class=\\"t-form t-form-inline\\"><!--[--><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for>自己指定年：</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><!--[--><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value=\\"1998\\"><!----><!----><!----><!----></div><!----></div><!--]--><!----></div><!--[--><!----><!----><!--]--></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for>自己指定年月：</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><!--[--><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value=\\"11\\"><!----><!----><!----><!----></div><!----></div><!--]--><!----></div><!--[--><!----><!----><!--]--></div></div><!--]--></form></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"1998 年\\"><span class=\\"t-input__input-pre\\">1998 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"11 月\\"><span class=\\"t-input__input-pre\\">11 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span>一</span></th><th class=\\"t-calendar__table-head-cell\\"><span>二</span></th><th class=\\"t-calendar__table-head-cell\\"><span>三</span></th><th class=\\"t-calendar__table-head-cell\\"><span>四</span></th><th class=\\"t-calendar__table-head-cell\\"><span>五</span></th><th class=\\"t-calendar__table-head-cell\\"><span>六</span></th><th class=\\"t-calendar__table-head-cell\\"><span>日</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-checked\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/calendar/_example/week.vue 1`] = `"<div class=\\"tdesign-demo-block-column-large\\"><div class=\\"tdesign-demo-block-column\\"><h3>使用插槽</h3><div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期1<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期2<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期3<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期4<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期5<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期6<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期天<!--]--></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><div class=\\"tdesign-demo-block-column\\"><h3>使用week属性 - Array</h3><div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\">星期1</th><th class=\\"t-calendar__table-head-cell\\">星期2</th><th class=\\"t-calendar__table-head-cell\\">星期3</th><th class=\\"t-calendar__table-head-cell\\">星期4</th><th class=\\"t-calendar__table-head-cell\\">星期5</th><th class=\\"t-calendar__table-head-cell\\">星期6</th><th class=\\"t-calendar__table-head-cell\\">星期天</th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><div class=\\"tdesign-demo-block-column\\"><h3>使用week属性 - TNode</h3><div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#000000e6\\">星期1</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#000000e6\\">星期2</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#dd4a68\\">周三啦</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#000000e6\\">星期4</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#000000e6\\">星期5</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#0052d9\\">放假啦</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#0052d9\\">放假啦</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/calendar/_example/week.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><h3>使用插槽</h3></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期1<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期2<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期3<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期4<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期5<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期6<!--]--></th><th class=\\"t-calendar__table-head-cell\\"><!--[-->星期天<!--]--></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><h3>使用week属性 - Array</h3></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\">星期1</th><th class=\\"t-calendar__table-head-cell\\">星期2</th><th class=\\"t-calendar__table-head-cell\\">星期3</th><th class=\\"t-calendar__table-head-cell\\">星期4</th><th class=\\"t-calendar__table-head-cell\\">星期5</th><th class=\\"t-calendar__table-head-cell\\">星期6</th><th class=\\"t-calendar__table-head-cell\\">星期天</th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><h3>使用week属性 - TNode</h3></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><!----></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2020 年\\"><span class=\\"t-input__input-pre\\">2020 年</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><!--[--><div class=\\"t-input__wrap t-select-input t-select\\" style=\\"\\"><div class=\\"t-input t-is-default t-is-readonly t-input--prefix t-input--suffix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><!----><!----><!--]--></div><input class=\\"t-input__inner\\" readonly placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\"><span class=\\"t-input__input-pre\\">12 月</span><!----><!----><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div><!----></div><!----><!--]--></div></div><div class=\\"t-calendar__control-section-cell\\" style=\\"height: auto\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><!--[--><!--[--><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"month\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->月<!--]--><!--]--></span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"year\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[-->年<!--]--><!--]--></span></label><!--]--><!--]--><div style=\\"width:0px;left:0px;\\" class=\\"t-radio-group__bg-block\\"></div></div></div><div class=\\"t-calendar__control-section-cell\\"><span class=\\"t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag\\" theme=\\"default\\"><!--[-->隐藏周末<!--]--></span></div><div class=\\"t-calendar__control-section-cell\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->今天<!--]--></span></button></div></div></div><div class=\\"t-calendar__panel t-calendar__panel--month\\"><table class=\\"t-calendar__table\\"><thead class=\\"t-calendar__table-head\\"><tr class=\\"t-calendar__table-head-row\\"><!--[--><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#000000e6\\">星期1</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#000000e6\\">星期2</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#dd4a68\\">周三啦</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#000000e6\\">星期4</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#000000e6\\">星期5</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#0052d9\\">放假啦</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#0052d9\\">放假啦</span></th><!--]--></tr></thead><tbody class=\\"t-calendar__table-body\\"><!--[--><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><tr class=\\"t-calendar__table-body-row\\"><!--[--><td class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><td class=\\"t-calendar__table-body-cell t-is-disabled\\"><!--[--><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"><!----></div><!--]--></td><!--]--></tr><!--]--></tbody></table></div></div></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/card/_example/base.vue 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><!----><div><span class=\\"t-card__title\\">标题</span><!----><!----></div></div><div class=\\"t-card__actions\\"><!--[--><a href=\\"javascript:void(0)\\">操作</a><!--]--></div><!----></div><!----><div class=\\"t-card__body\\"><!--[-->仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。 <!--]--></div><!----></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/card/_example/bordered.vue 1`] = `"<div class=\\"tdesign-demo-block\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><!----><div class=\\"t-card__body\\"><!--[-->仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。<!--]--></div><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/card/_example/bordered.vue 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><!----><div class=\\"t-card__body\\"><!--[-->仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。<!--]--></div><!----></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/card/_example/bordered-none.vue 1`] = `"<div class=\\"tdesign-demo-block demo-card\\" data-v-3afd352c><div class=\\"t-card t-card--shadow-hover\\" style=\\"width:400px;\\" data-v-3afd352c><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><!----><div><span class=\\"t-card__title\\">标题</span><!----><!----></div></div><div class=\\"t-card__actions\\"><!--[--><a href=\\"javascript:void(0)\\" data-v-3afd352c>操作</a><!--]--></div><!----></div><!----><div class=\\"t-card__body\\"><!--[-->仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。 <!--]--></div><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/card/_example/bordered-none.vue 1`] = `"<div class=\\"demo-card\\" data-v-3afd352c><div class=\\"t-card t-card--shadow-hover\\" style=\\"width:400px;\\" data-v-3afd352c><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><!----><div><span class=\\"t-card__title\\">标题</span><!----><!----></div></div><div class=\\"t-card__actions\\"><!--[--><a href=\\"javascript:void(0)\\" data-v-3afd352c>操作</a><!--]--></div><!----></div><!----><div class=\\"t-card__body\\"><!--[-->仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。 <!--]--></div><!----></div></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/card/_example/footer.vue 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div class=\\"t-card__avatar\\"><!--[--><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\" style=\\"\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></div><!--]--></div><div><!----><!----><!----></div></div><div class=\\"t-card__actions\\"><!--[--><span class=\\"t-tag t-tag--success t-tag--dark t-size-m\\" style=\\"\\"><!----><!--[-->默认标签<!--]--><!----></span><!--]--></div><!----></div><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><div class=\\"t-row t-row--center t-row--align-middle\\" style=\\"margin-left:0px;margin-right:0px;\\"><!--[--><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:none;padding-left:0px;padding-right:0px;\\"><!--[--><div class=\\"t-divider t-divider--vertical\\"><!----></div><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:none;padding-left:0px;padding-right:0px;\\"><!--[--><div class=\\"t-divider t-divider--vertical\\"><!----></div><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" 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-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><!--]--></div><!--]--></div><!----></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/card/_example/footer-actions.vue 1`] = `"<div class=\\"tdesign-demo-block\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><div class=\\"t-row t-row--center t-row--align-middle\\" style=\\"margin-left:0px;margin-right:0px;\\"><!--[--><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:none;padding-left:0px;padding-right:0px;\\"><!--[--><div class=\\"t-divider t-divider--vertical\\"><!----></div><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:none;padding-left:0px;padding-right:0px;\\"><!--[--><div class=\\"t-divider t-divider--vertical\\"><!----></div><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" 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-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><!--]--></div><!--]--></div><!----></div></div><br><div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M8 5.86l1.06-.98a2.35 2.35 0 013.25 3.4L8 12.57l-4.31-4.3a2.35 2.35 0 013.25-3.4L8 5.86zm-.39-1.72a3.35 3.35 0 00-4.63 4.84l4.87 4.87a.2.2 0 00.3 0l4.87-4.87a3.35 3.35 0 00-4.63-4.84L8 4.5l-.39-.36z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" 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-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><div class=\\"t-card__actions\\"><!--[--><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!----><!--]--><!--]--></div></div></div><br><div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><div class=\\"t-avatar-group t-avatar--offset-left\\"><!--[--><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->Q<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->+3<!--]--></span></div><!--]--><!--]--><!--]--></div><!--]--></div><div class=\\"t-card__actions\\"><!--[--><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!----><!--]--><!--]--></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/card/_example/footer-actions.vue 1`] = `"<div><div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><div class=\\"t-row t-row--center t-row--align-middle\\" style=\\"margin-left:0px;margin-right:0px;\\"><!--[--><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M10 6h3.22a1 1 0 01.97 1.24l-1.5 6a1 1 0 01-.97.76H3a1 1 0 01-1-1V8a1 1 0 011-1h2l2-5h2a1 1 0 011 1v3zM6 7.2V13h5.72l1.5-6H9V3H7.68L6 7.2zM5 8H3v5h2V8z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:none;padding-left:0px;padding-right:0px;\\"><!--[--><div class=\\"t-divider t-divider--vertical\\"><!----></div><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4.64 10.5H13V4H3v7.87l1.64-1.37zm-2.15 3.09a.3.3 0 01-.49-.23V4a1 1 0 011-1h10a1 1 0 011 1v6.5a1 1 0 01-1 1H5l-2.5 2.09z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:none;padding-left:0px;padding-right:0px;\\"><!--[--><div class=\\"t-divider t-divider--vertical\\"><!----></div><!--]--></div><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" 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-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><!--]--></div><!--]--></div><!----></div></div><br><div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M8 5.86l1.06-.98a2.35 2.35 0 013.25 3.4L8 12.57l-4.31-4.3a2.35 2.35 0 013.25-3.4L8 5.86zm-.39-1.72a3.35 3.35 0 00-4.63 4.84l4.87 4.87a.2.2 0 00.3 0l4.87-4.87a3.35 3.35 0 00-4.63-4.84L8 4.5l-.39-.36z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" 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-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!--]--></div><div class=\\"t-card__actions\\"><!--[--><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!----><!--]--><!--]--></div></div></div><br><div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><div class=\\"t-avatar-group t-avatar--offset-left\\"><!--[--><!--[--><!--[--><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><img style=\\"\\" src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->Q<!--]--></span></div><div class=\\"t-avatar t-avatar--circle\\" style=\\"\\"><span style=\\"transform:;\\"><!--[-->+3<!--]--></span></div><!--]--><!--]--><!--]--></div><!--]--></div><div class=\\"t-card__actions\\"><!--[--><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!----><!--]--><!--]--></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/card/_example/footer-content.vue 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><div class=\\"t-comment\\"><div class=\\"t-comment__inner\\"><div class=\\"t-comment__avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt class=\\"t-comment__avatar-image\\"></div><div class=\\"t-comment__content\\"><div class=\\"t-comment__author\\"><span class=\\"t-comment__name\\">标题</span><!----></div><div class=\\"t-comment__detail\\">卡片内容</div><!----><!----></div></div><!----></div><!--]--></div><!----></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/card/_example/footer-content-actions.vue 1`] = `"<div class=\\"tdesign-demo-block\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><div class=\\"t-comment\\"><div class=\\"t-comment__inner\\"><div class=\\"t-comment__avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt class=\\"t-comment__avatar-image\\"></div><div class=\\"t-comment__content\\"><div class=\\"t-comment__author\\"><span class=\\"t-comment__name\\">标题</span><!----></div><div class=\\"t-comment__detail\\">卡片内容</div><!----><!----></div></div><!----></div><!--]--></div><div class=\\"t-card__actions\\"><!--[--><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!----><!--]--><!--]--></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/card/_example/footer-content-actions.vue 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><!----><div class=\\"t-card__cover\\"><img src=\\"https://tdesign.gtimg.com/site/source/card-demo.png\\"></div><!----><div class=\\"t-card__footer\\"><div class=\\"t-card__footer-wrapper\\"><!--[--><div class=\\"t-comment\\"><div class=\\"t-comment__inner\\"><div class=\\"t-comment__avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt class=\\"t-comment__avatar-image\\"></div><div class=\\"t-comment__content\\"><div class=\\"t-comment__author\\"><span class=\\"t-comment__name\\">标题</span><!----></div><div class=\\"t-comment__detail\\">卡片内容</div><!----><!----></div></div><!----></div><!--]--></div><div class=\\"t-card__actions\\"><!--[--><!--[--><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z\\" fill-opacity=\\"0.9\\"></path></svg><!--]--></span></button><!----><!--]--><!--]--></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/card/_example/header.vue 1`] = `"<div class=\\"tdesign-demo-block\\"><div class=\\"t-card t-card--bordered t-card--shadow-hover\\" style=\\"width:400px;\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><!----><div><span class=\\"t-card__title\\">标题</span><!----><!----></div></div><div class=\\"t-card__actions\\"><!--[--><a href=\\"javascript:void(0)\\">操作</a><!--]--></div><!----></div><!----><div class=\\"t-card__body\\"><!--[-->卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 <!--]--></div><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/card/_example/header.vue 1`] = `"<div class=\\"t-card t-card--bordered t-card--shadow-hover\\" style=\\"width:400px;\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><!----><div><span class=\\"t-card__title\\">标题</span><!----><!----></div></div><div class=\\"t-card__actions\\"><!--[--><a href=\\"javascript:void(0)\\">操作</a><!--]--></div><!----></div><!----><div class=\\"t-card__body\\"><!--[-->卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 <!--]--></div><!----></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/card/_example/header-all-props.vue 1`] = `"<div class=\\"t-card t-card--bordered t-card--shadow-hover\\" style=\\"width:400px;\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><!----><div><span class=\\"t-card__title\\">标题</span><span class=\\"t-card__subtitle\\">副标题</span><p class=\\"t-card__description\\">描述</p></div></div><div class=\\"t-card__actions\\">操作</div><!----></div><!----><div class=\\"t-card__body\\"><!--[-->卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。<!--]--></div><!----></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/card/_example/header-bordered.vue 1`] = `"<div class=\\"tdesign-demo-block demo-card\\"><div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><div class=\\"t-card__header t-card__title--bordered\\"><div class=\\"t-card__header-wrapper\\"><!----><div><span class=\\"t-card__title\\">标题</span><!----><!----></div></div><div class=\\"t-card__actions\\"><!--[--><a href=\\"javascript:void(0)\\">操作</a><!--]--></div><!----></div><!----><div class=\\"t-card__body\\"><!--[-->卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 <!--]--></div><!----></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/card/_example/header-bordered.vue 1`] = `"<div class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\"><div class=\\"t-card__header t-card__title--bordered\\"><div class=\\"t-card__header-wrapper\\"><!----><div><span class=\\"t-card__title\\">标题</span><!----><!----></div></div><div class=\\"t-card__actions\\"><!--[--><a href=\\"javascript:void(0)\\">操作</a><!--]--></div><!----></div><!----><div class=\\"t-card__body\\"><!--[-->卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 <!--]--></div><!----></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/card/_example/header-description.vue 1`] = `"<div class=\\"t-card t-card--bordered t-card--shadow-hover\\" style=\\"width:400px;\\"><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><!----><div><span class=\\"t-card__title\\">标题</span><!----><p class=\\"t-card__description\\">描述</p></div></div><div class=\\"t-card__actions\\">操作</div><!----></div><!----><div class=\\"t-card__body\\"><!--[-->卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。<!--]--></div><!----></div>"`;
 
@@ -220,18 +220,18 @@ exports[`ssr snapshot test > ssr test ./src/checkbox/_example/link.vue 1`] = `
 `;
 
 exports[`ssr snapshot test > ssr test ./src/collapse/_example/base.vue 1`] = `
-"<div class=\\"tdesign-collapse\\"><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>设置默认展开项<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>自定义折叠面板内容<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--><div class=\\"tdesign-demo-block-column\\" style=\\"width:80%;\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line\\"><div class=\\"t-input t-is-default t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line\\"><div class=\\"t-input t-is-default t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag-input__prefix\\">Controlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line\\"><div class=\\"t-input t-is-default t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag-input__prefix\\">UnControlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>嵌套折叠面板<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>子面板1<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这是子面板1 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>子面板2<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这是子面板2 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>子面板3<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这是子面板3 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>子面板4<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这是子面板4 <!--]--></div></div></div></div><!--]--></div><!--]--></div></div></div></div><!--]--></div><div style=\\"margin-top:10px;\\">当前展开项:[
+"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>设置默认展开项<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>自定义折叠面板内容<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--><div class=\\"tdesign-demo-block-column\\" style=\\"width:80%;\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line\\"><div class=\\"t-input t-is-default t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line\\"><div class=\\"t-input t-is-default t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag-input__prefix\\">Controlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line\\"><div class=\\"t-input t-is-default t-input--prefix\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-tag-input__prefix\\">UnControlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->Vue<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-size-m\\" style=\\"\\"><!----><!--[-->React<!--]--><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></span><!--]--></div><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value><span class=\\"t-input__input-pre\\"></span><!----><!----><!----></div><!----></div></div><!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>嵌套折叠面板<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>子面板1<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这是子面板1 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>子面板2<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这是子面板2 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>子面板3<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这是子面板3 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-fake-arrow--active t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>子面板4<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这是子面板4 <!--]--></div></div></div></div><!--]--></div><!--]--></div></div></div></div><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p>当前展开项:[
   1
-]</div></div>"
+]</p></div><!----><!--]--><!--]--></div>"
 `;
 
-exports[`ssr snapshot test > ssr test ./src/collapse/_example/icon.vue 1`] = `"<div class=\\"tdesign-collapse\\"><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[-->这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。<!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><!--]--></div><div class=\\"button-area\\"><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\" checked><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->显示箭头<!--]--></span></label><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><!--[--><label class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name checked value=\\"left\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->左边<!--]--></span></label><label class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"right\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->右边<!--]--></span></label><!--]--><!----></div></div><div style=\\"margin-top:10px;\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->仅图标响应点击<!--]--></span></label></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/collapse/_example/icon.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[-->这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。<!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\" checked><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->显示箭头<!--]--></span></label></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><!--[--><label class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name checked value=\\"left\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->左边<!--]--></span></label><label class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name value=\\"right\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->右边<!--]--></span></label><!--]--><!----></div></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->仅图标响应点击<!--]--></span></label></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/collapse/_example/mutex.vue 1`] = `"<div class=\\"tdesign-collapse\\"><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[-->这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。<!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><!--]--></div><div style=\\"margin-top:10px;\\">当前展开项：[]</div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/collapse/_example/mutex.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><p>当前展开项：[]</p></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/collapse/_example/other.vue 1`] = `"<div class=\\"tdesign-collapse\\"><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[-->这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。<!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><!--]--></div><div class=\\"button-area\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->全部禁用<!--]--></span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->无边框模式<!--]--></span></label></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/collapse/_example/other.vue 1`] = `"<div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[-->这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。<!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!--[-->这是一个折叠标题<!--]--><div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题<div class=\\"t-collapse-panel__header--blank\\"></div><!----><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><!--]--></div></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->全部禁用<!--]--></span></label></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->无边框模式<!--]--></span></label></div><!----><!--]--><!--]--></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/collapse/_example/rightSlot.vue 1`] = `"<div class=\\"tdesign-collapse\\"><div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题可以设置右侧操作区域<div class=\\"t-collapse-panel__header--blank\\"></div><!--[--><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->禁用<!--]--></span></label><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->操作<!--]--></span></button><!--]--><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel t-is-disabled\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题可以设置右侧操作区域<div class=\\"t-collapse-panel__header--blank\\"></div><!--[--><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\" checked><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->禁用<!--]--></span></label><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->操作<!--]--></span></button><!--]--><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题可以设置右侧操作区域<div class=\\"t-collapse-panel__header--blank\\"></div><!--[--><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->禁用<!--]--></span></label><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->操作<!--]--></span></button><!--]--><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel t-is-disabled\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题可以设置右侧操作区域<div class=\\"t-collapse-panel__header--blank\\"></div><!--[--><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\" checked><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->禁用<!--]--></span></label><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->操作<!--]--></span></button><!--]--><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><!--]--></div></div>"`;
+exports[`ssr snapshot test > ssr test ./src/collapse/_example/rightSlot.vue 1`] = `"<div class=\\"t-collapse\\"><!--[--><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题可以设置右侧操作区域<div class=\\"t-collapse-panel__header--blank\\"></div><!--[--><div class=\\"t-space t-space-horizontal\\" style=\\"gap:8px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->禁用<!--]--></span></label></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->操作<!--]--></span></button></div><!----><!--]--><!--]--></div><!--]--><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel t-is-disabled\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题可以设置右侧操作区域<div class=\\"t-collapse-panel__header--blank\\"></div><!--[--><div class=\\"t-space t-space-horizontal\\" style=\\"gap:8px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\" checked><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->禁用<!--]--></span></label></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->操作<!--]--></span></button></div><!----><!--]--><!--]--></div><!--]--><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题可以设置右侧操作区域<div class=\\"t-collapse-panel__header--blank\\"></div><!--[--><div class=\\"t-space t-space-horizontal\\" style=\\"gap:8px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->禁用<!--]--></span></label></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->操作<!--]--></span></button></div><!----><!--]--><!--]--></div><!--]--><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><div class=\\"t-collapse-panel t-is-disabled\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header\\"><svg class=\\"t-fake-arrow t-collapse-panel__icon t-collapse-panel__icon--left\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\" name=\\"arrow\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg>这是一个折叠标题可以设置右侧操作区域<div class=\\"t-collapse-panel__header--blank\\"></div><!--[--><div class=\\"t-space t-space-horizontal\\" style=\\"gap:8px;\\"><!--[--><!--[--><div class=\\"t-space-item\\"><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\" indeterminate=\\"false\\" checked><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><!--[-->禁用<!--]--></span></label></div><!----><!--]--><!--[--><div class=\\"t-space-item\\"><button class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->操作<!--]--></span></button></div><!----><!--]--><!--]--></div><!--]--><!----></div><div class=\\"t-collapse-panel__body\\" style=\\"display:none;\\"><div class=\\"t-collapse-panel__content\\"><!--[--> 这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。 <!--]--></div></div></div></div><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/color-picker/_example/color-mode.vue 1`] = `"<div class=\\"tdesign-demo-block-row\\" data-v-b3486e9a><div class=\\"item\\" data-v-b3486e9a><h5 data-v-b3486e9a>默认（单色 + 线性渐变）</h5><!--[--><div class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:#0052d9;\\"></span></div><!--]--></div><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value=\\"#0052d9\\"><span class=\\"t-input__input-pre\\">#0052d9</span><!----><!----><!----></div><!----></div></div></div><!----><!--]--></div><div class=\\"item\\" data-v-b3486e9a><h5 data-v-b3486e9a>仅单色模式</h5><!--[--><div class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:#0052d9;\\"></span></div><!--]--></div><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value=\\"#0052d9\\"><span class=\\"t-input__input-pre\\">#0052d9</span><!----><!----><!----></div><!----></div></div></div><!----><!--]--></div><div style=\\"width:100%;\\" data-v-b3486e9a></div><div class=\\"item\\" data-v-b3486e9a><h5 data-v-b3486e9a>仅线性渐变模式</h5><!--[--><div class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--auto-width\\"><!----><div class=\\"t-input__prefix\\"><!--[--><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:linear-gradient(45deg, #4facfe 0%, #00f2fe 100%);\\"></span></div><!--]--></div><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value=\\"linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)\\"><span class=\\"t-input__input-pre\\">linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)</span><!----><!----><!----></div><!----></div></div></div><!----><!--]--></div></div>"`;