From 393fdea8badb956c28219f7c578eeec026276ecb Mon Sep 17 00:00:00 2001
From: pengYYY <pengyue970715@gmail.com>
Date: Wed, 14 Dec 2022 13:01:23 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20demo=20=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/_common                                   |    2 +-
 .../__snapshots__/index.test.jsx.snap         |   54 +-
 src/calendar/_example/cell.vue                |   10 +-
 src/calendar/_example/controller-config.vue   |    4 +-
 src/calendar/_example/slot-props-api.vue      |    8 +-
 src/calendar/calendar.tsx                     |    1 +
 src/card/_example/footer-actions.vue          |   41 +-
 src/card/_example/footer-content-actions.vue  |    2 +-
 src/card/_example/footer.vue                  |   34 +-
 src/card/_example/header-footer-actions.vue   |   41 +-
 .../header-subtitle-footer-actions.vue        |   30 +-
 src/collapse/_example/base.vue                |    2 +-
 src/form/_example/validator-status.vue        |    4 +-
 src/image-viewer/image-viewer.tsx             |    2 +-
 src/image/_example/placeholder.vue            |    4 +-
 src/list/_example/base.vue                    |   12 +-
 src/list/_example/operation.vue               |   12 +-
 src/select-input/_example/autocomplete.vue    |   13 +-
 .../_example/autowidth-multiple.vue           |   68 +-
 src/select-input/_example/autowidth.vue       |   19 +-
 .../_example/borderless-multiple.vue          |   64 +-
 src/select-input/_example/borderless.vue      |   12 +-
 src/select-input/_example/collapsed-items.vue |   24 +-
 src/select-input/_example/custom-tag.vue      |   23 +-
 .../_example/excess-tags-display-type.vue     |   17 +-
 src/select-input/_example/label-suffix.vue    |   14 +-
 src/select-input/_example/multiple.vue        |   52 +-
 src/select-input/_example/single.vue          |   12 +-
 src/select-input/_example/status.vue          |   22 +-
 src/select-input/_example/width.vue           |    7 +-
 src/select/_example/collapsed.vue             |    8 +-
 src/select/_example/custom-options.vue        |    8 +-
 src/select/_example/panel.vue                 |   15 +-
 src/transfer/_example/custom.vue              |   12 +-
 .../components/transfer-operations.tsx        |    4 +
 src/upload/themes/dragger-file.tsx            |   26 +-
 src/upload/themes/multiple-flow-list.tsx      |   12 +-
 test/snap/__snapshots__/csr.test.js.snap      | 1549 ++++++++---------
 test/snap/__snapshots__/ssr.test.js.snap      |   84 +-
 39 files changed, 1141 insertions(+), 1187 deletions(-)

diff --git a/src/_common b/src/_common
index fa261d62b..c40866aaf 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit fa261d62b1cb4b08266c9cbeadc80b6377157c3b
+Subproject commit c40866aaf0c84fb50f1914970578f84174c8d3d6
diff --git a/src/calendar/__tests__/__snapshots__/index.test.jsx.snap b/src/calendar/__tests__/__snapshots__/index.test.jsx.snap
index 397503661..777b664b3 100644
--- a/src/calendar/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/calendar/__tests__/__snapshots__/index.test.jsx.snap
@@ -177,7 +177,7 @@ exports[`Calendar > :props > :cell 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -638,7 +638,7 @@ exports[`Calendar > :props > :cell 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -1174,7 +1174,7 @@ exports[`Calendar > :props > :cellAppend 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -2020,7 +2020,7 @@ exports[`Calendar > :props > :cellAppend 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -4378,7 +4378,7 @@ exports[`Calendar > :props > :fillWithZero 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -5224,7 +5224,7 @@ exports[`Calendar > :props > :fillWithZero 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -6074,7 +6074,7 @@ exports[`Calendar > :props > :firstDayOfWeek 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -7039,7 +7039,7 @@ exports[`Calendar > :props > :format 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -7891,7 +7891,7 @@ exports[`Calendar > :props > :head 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -8741,7 +8741,7 @@ exports[`Calendar > :props > :head 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -9592,7 +9592,7 @@ exports[`Calendar > :props > :isShowWeekendDefault 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -10438,7 +10438,7 @@ exports[`Calendar > :props > :isShowWeekendDefault 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-tag--checked t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-tag--checked t-calendar__control-tag"
           >
             显示周末
           </span>
@@ -11115,7 +11115,7 @@ exports[`Calendar > :props > :mode 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -12314,7 +12314,7 @@ exports[`Calendar > :props > :multiple 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -13164,7 +13164,7 @@ exports[`Calendar > :props > :preventCellContextmenu 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -14010,7 +14010,7 @@ exports[`Calendar > :props > :preventCellContextmenu 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -14860,7 +14860,7 @@ exports[`Calendar > :props > :range 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -16533,7 +16533,7 @@ exports[`Calendar > :props > :theme 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -17383,7 +17383,7 @@ exports[`Calendar > :props > :value 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -18233,7 +18233,7 @@ exports[`Calendar > :props > :week 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -19065,7 +19065,7 @@ exports[`Calendar > :props > :week 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -19916,7 +19916,7 @@ exports[`Calendar > :props > :year:month 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -20762,7 +20762,7 @@ exports[`Calendar > :props > :year:month 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -21612,7 +21612,7 @@ exports[`Calendar > <slot> > <cell> 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -22461,7 +22461,7 @@ exports[`Calendar > <slot> > <cellAppend> 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -23310,7 +23310,7 @@ exports[`Calendar > <slot> > <head> 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -24159,7 +24159,7 @@ exports[`Calendar > <slot> > <week> 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
diff --git a/src/calendar/_example/cell.vue b/src/calendar/_example/cell.vue
index 2d0108fe7..f131c3231 100644
--- a/src/calendar/_example/cell.vue
+++ b/src/calendar/_example/cell.vue
@@ -60,22 +60,24 @@ export default {
   .shadow {
     position: absolute;
     width: 100%;
-    height: 12px;
+    height: 22px;
     bottom: 0;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
   }
   .number {
-    font-weight: bold;
+    font-weight: 600;
     position: absolute;
-    top: 3px;
-    right: 5px;
+    right: 0;
     font-size: 14px;
+    line-height: 22px;
   }
   .item {
     position: relative;
     display: flex;
     align-items: center;
     color: var(--td-text-color-secondary);
+    font-size: 14px;
+    line-height: 22px;
     span {
       display: block;
       left: 1px;
diff --git a/src/calendar/_example/controller-config.vue b/src/calendar/_example/controller-config.vue
index ab3713746..e40f5ffea 100644
--- a/src/calendar/_example/controller-config.vue
+++ b/src/calendar/_example/controller-config.vue
@@ -94,13 +94,13 @@ export default {
           showWeekendButtonProps: {
             // 用于透传props给显示周末按钮组件
             disabled: false,
-            size: 'small',
+            size: 'medium',
           },
           hideWeekendButtonProps: {
             // 用于透传props给隐藏周末按钮组件
             disabled: false,
             variant: 'base',
-            size: 'small',
+            size: 'medium',
           },
         },
         // “今天\本月”按钮组件相关设置
diff --git a/src/calendar/_example/slot-props-api.vue b/src/calendar/_example/slot-props-api.vue
index 2be28040b..898827348 100644
--- a/src/calendar/_example/slot-props-api.vue
+++ b/src/calendar/_example/slot-props-api.vue
@@ -80,7 +80,7 @@ export default {
     position: relative;
     display: flex;
     align-items: center;
-    color: rgba(0, 0, 0, 0.6);
+    color: var(--td-text-color-secondary);
     span {
       display: block;
       left: 1px;
@@ -91,13 +91,13 @@ export default {
     }
   }
   .error {
-    background: #e34d59;
+    background: var(--td-error-color);
   }
   .warning {
-    background: #ed7b2f;
+    background: var(--td-warning-color);
   }
   .success {
-    background: #00a870;
+    background: var(--td-success-color);
   }
 }
 .calendar-slot-props-api-demo-slot-wrapper {
diff --git a/src/calendar/calendar.tsx b/src/calendar/calendar.tsx
index 33ce168c9..ef771c50e 100644
--- a/src/calendar/calendar.tsx
+++ b/src/calendar/calendar.tsx
@@ -617,6 +617,7 @@ export default mixins(getConfigReceiverMixins<Vue, CalendarConfig>('calendar')).
                   defaultChecked={!this.isShowWeekend}
                   disabled={this.isWeekendToggleDisabled}
                   onClick={this.onWeekendToggleClick}
+                  size="large"
                   props={{ ...this.weekendBtnVBind }}
                 >
                   {this.weekendBtnText}
diff --git a/src/card/_example/footer-actions.vue b/src/card/_example/footer-actions.vue
index f58ce248e..3a7174e9b 100644
--- a/src/card/_example/footer-actions.vue
+++ b/src/card/_example/footer-actions.vue
@@ -2,50 +2,47 @@
   <t-space direction="vertical">
     <t-card :cover="cover" theme="poster2" :style="{ width: '400px' }">
       <template #footer>
-        <t-row :align="'middle'" justify="center">
-          <t-col flex="auto">
-            <t-button block variant="text" shape="square">
-              <thumb-up-icon size="24" />
+        <t-row :align="'middle'" justify="center" style="gap: 24px">
+          <t-col flex="auto" style="display: inline-flex; justify-content: center">
+            <t-button variant="text" shape="square">
+              <thumb-up-icon />
             </t-button>
           </t-col>
-          <t-col flex="none">
-            <t-divider layout="vertical" />
-          </t-col>
-          <t-col flex="auto">
-            <t-button block variant="text" shape="square">
-              <chat-icon size="24" />
+
+          <t-col flex="auto" style="display: inline-flex; justify-content: center">
+            <t-button variant="text" shape="square">
+              <chat-icon />
             </t-button>
           </t-col>
-          <t-col flex="none">
-            <t-divider layout="vertical" />
-          </t-col>
-          <t-col flex="auto">
-            <t-button block variant="text" shape="square">
-              <share-icon size="24" />
+
+          <t-col flex="auto" style="display: inline-flex; justify-content: center">
+            <t-button variant="text" shape="square">
+              <share-icon />
             </t-button>
           </t-col>
         </t-row>
       </template>
     </t-card>
-    <br />
     <t-card :cover="cover" theme="poster2" :style="{ width: '400px' }">
       <template #footer>
         <t-button variant="text" shape="square" :style="{ 'margin-right': '8px' }">
-          <heart-icon size="16" />
+          <heart-icon />
+        </t-button>
+        <t-button variant="text" shape="square" :style="{ 'margin-right': '8px' }">
+          <chat-icon />
         </t-button>
         <t-button variant="text" shape="square">
-          <share-icon size="16" />
+          <share-icon />
         </t-button>
       </template>
       <template #actions>
         <t-dropdown :options="options" :min-column-width="112" @click="clickHandler">
           <t-button variant="text" shape="square">
-            <more-icon size="24" />
+            <more-icon />
           </t-button>
         </t-dropdown>
       </template>
     </t-card>
-    <br />
     <t-card :cover="cover" theme="poster2" :style="{ width: '400px' }">
       <template #footer>
         <t-avatar-group cascading="left-up" :max="2">
@@ -59,7 +56,7 @@
       <template #actions>
         <t-dropdown :options="options" :min-column-width="112" @click="clickHandler">
           <t-button variant="text" shape="square">
-            <more-icon size="24" />
+            <more-icon />
           </t-button>
         </t-dropdown>
       </template>
diff --git a/src/card/_example/footer-content-actions.vue b/src/card/_example/footer-content-actions.vue
index 03deaa4fd..45b2358f2 100644
--- a/src/card/_example/footer-content-actions.vue
+++ b/src/card/_example/footer-content-actions.vue
@@ -6,7 +6,7 @@
     <template #actions>
       <t-dropdown :options="options" :min-column-width="112" @click="clickHandler">
         <t-button variant="text" shape="square">
-          <more-icon size="24" />
+          <more-icon />
         </t-button>
       </t-dropdown>
     </template>
diff --git a/src/card/_example/footer.vue b/src/card/_example/footer.vue
index 33b09fb93..026a685af 100644
--- a/src/card/_example/footer.vue
+++ b/src/card/_example/footer.vue
@@ -1,32 +1,22 @@
 <template>
   <t-card :cover="cover" bordered :style="{ width: '400px' }">
-    <template #avatar>
-      <t-avatar size="56px" :icon="icon" />
-    </template>
-    <template #actions>
-      <t-tag theme="success">{{ actions }}</t-tag>
-    </template>
     <template #footer>
-      <t-row :align="'middle'" justify="center">
-        <t-col flex="auto">
-          <t-button block variant="text">
-            <thumb-up-icon size="24" />
+      <t-row :align="'middle'" justify="center" style="gap: 24px">
+        <t-col flex="auto" style="display: inline-flex; justify-content: center">
+          <t-button variant="text" shape="square">
+            <thumb-up-icon />
           </t-button>
         </t-col>
-        <t-col flex="none">
-          <t-divider layout="vertical" />
-        </t-col>
-        <t-col flex="auto">
-          <t-button block variant="text">
-            <chat-icon size="24" />
+
+        <t-col flex="auto" style="display: inline-flex; justify-content: center">
+          <t-button variant="text" shape="square">
+            <chat-icon />
           </t-button>
         </t-col>
-        <t-col flex="none">
-          <t-divider layout="vertical" />
-        </t-col>
-        <t-col flex="auto">
-          <t-button block variant="text">
-            <share-icon size="24" />
+
+        <t-col flex="auto" style="display: inline-flex; justify-content: center">
+          <t-button variant="text" shape="square">
+            <share-icon />
           </t-button>
         </t-col>
       </t-row>
diff --git a/src/card/_example/header-footer-actions.vue b/src/card/_example/header-footer-actions.vue
index 4a1d05c22..efc8e8917 100644
--- a/src/card/_example/header-footer-actions.vue
+++ b/src/card/_example/header-footer-actions.vue
@@ -1,53 +1,40 @@
 <template>
   <t-card :cover="cover" title="标题" description="卡片内容" :style="{ width: '400px' }">
     <template #avatar>
-      <t-avatar image="https://tdesign.gtimg.com/site/avatar-boy.jpg" size="40px"></t-avatar>
+      <t-avatar image="https://tdesign.gtimg.com/site/avatar-boy.jpg" size="56px"></t-avatar>
     </template>
     <template #actions>
       <t-dropdown :options="options" :min-column-width="112" @click="clickHandler">
         <div class="tdesign-demo-dropdown-trigger">
           <t-button variant="text" shape="square">
-            <more-icon size="24" />
+            <more-icon />
           </t-button>
         </div>
       </t-dropdown>
     </template>
     <template #footer>
-      <t-row :align="'middle'" justify="center">
-        <t-col flex="auto">
-          <t-button block variant="text">
-            <thumb-up-icon size="24" />
-          </t-button>
-        </t-col>
-        <t-col flex="none">
-          <t-divider layout="vertical" />
-        </t-col>
-        <t-col flex="auto">
-          <t-button block variant="text">
-            <chat-icon size="24" />
-          </t-button>
-        </t-col>
-        <t-col flex="none">
-          <t-divider layout="vertical" />
-        </t-col>
-        <t-col flex="auto">
-          <t-button block variant="text">
-            <share-icon size="24" />
-          </t-button>
-        </t-col>
-      </t-row>
+      <t-button variant="text" shape="square" :style="{ 'margin-right': '8px' }">
+        <heart-icon />
+      </t-button>
+      <t-button variant="text" shape="square" :style="{ 'margin-right': '8px' }">
+        <chat-icon />
+      </t-button>
+      <t-button variant="text" shape="square">
+        <share-icon />
+      </t-button>
     </template>
   </t-card>
 </template>
 <script>
 import {
-  ThumbUpIcon, ChatIcon, ShareIcon, MoreIcon,
+  HeartIcon, ChatIcon, ShareIcon, MoreIcon,
 } from 'tdesign-icons-vue';
+
 import { MessagePlugin } from 'tdesign-vue';
 
 export default {
   components: {
-    ThumbUpIcon,
+    HeartIcon,
     ChatIcon,
     ShareIcon,
     MoreIcon,
diff --git a/src/card/_example/header-subtitle-footer-actions.vue b/src/card/_example/header-subtitle-footer-actions.vue
index 20151d993..158892cd5 100644
--- a/src/card/_example/header-subtitle-footer-actions.vue
+++ b/src/card/_example/header-subtitle-footer-actions.vue
@@ -4,32 +4,28 @@
       <t-dropdown :options="options" :min-column-width="112" @click="clickHandler">
         <div class="tdesign-demo-dropdown-trigger">
           <t-button variant="text" shape="square">
-            <more-icon size="24" />
+            <more-icon />
           </t-button>
         </div>
       </t-dropdown>
     </template>
     <template #footer>
-      <t-row :align="'middle'" justify="center">
-        <t-col flex="auto">
-          <t-button block variant="text">
-            <thumb-up-icon size="24" />
+      <t-row :align="'middle'" justify="center" style="gap: 24px">
+        <t-col flex="auto" style="display: inline-flex; justify-content: center">
+          <t-button variant="text" shape="square">
+            <thumb-up-icon />
           </t-button>
         </t-col>
-        <t-col flex="none">
-          <t-divider layout="vertical" />
-        </t-col>
-        <t-col flex="auto">
-          <t-button block variant="text">
-            <chat-icon size="24" />
+
+        <t-col flex="auto" style="display: inline-flex; justify-content: center">
+          <t-button variant="text" shape="square">
+            <chat-icon />
           </t-button>
         </t-col>
-        <t-col flex="none">
-          <t-divider layout="vertical" />
-        </t-col>
-        <t-col flex="auto">
-          <t-button block variant="text">
-            <share-icon size="24" />
+
+        <t-col flex="auto" style="display: inline-flex; justify-content: center">
+          <t-button variant="text" shape="square">
+            <share-icon />
           </t-button>
         </t-col>
       </t-row>
diff --git a/src/collapse/_example/base.vue b/src/collapse/_example/base.vue
index 7fc38a806..2eeaed0f9 100644
--- a/src/collapse/_example/base.vue
+++ b/src/collapse/_example/base.vue
@@ -8,7 +8,7 @@
         这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
       </t-collapse-panel>
       <t-collapse-panel header="自定义折叠面板内容">
-        <t-space direction="vertical" style="width: 80%">
+        <t-space direction="vertical" style="width: 100%">
           <t-tag-input v-model="tags1" clearable />
           <t-tag-input :value="tags2" label="Controlled: " clearable />
           <t-tag-input :default-value="tags3" label="UnControlled: " clearable />
diff --git a/src/form/_example/validator-status.vue b/src/form/_example/validator-status.vue
index fe424ba57..3ff5622bc 100644
--- a/src/form/_example/validator-status.vue
+++ b/src/form/_example/validator-status.vue
@@ -62,10 +62,10 @@
           slot="statusIcon"
           variant="dashed"
         >
-          <icon name="add" size="16px" style="color: #0004" />
+          <icon name="add" />
         </t-button>
         <t-button v-if="item.id > 0" @click="removeItem(item, index)" slot="statusIcon" variant="dashed">
-          <icon name="remove" size="16px" style="color: #0004" />
+          <icon name="remove" />
         </t-button>
       </t-form-item>
 
diff --git a/src/image-viewer/image-viewer.tsx b/src/image-viewer/image-viewer.tsx
index f21896e8e..f0d93f71d 100644
--- a/src/image-viewer/image-viewer.tsx
+++ b/src/image-viewer/image-viewer.tsx
@@ -206,7 +206,7 @@ export default defineComponent({
       return (
         <div class={this.headerClass}>
           <TImageViewerIcon
-            icon={() => <ChevronDownIcon size="16px" />}
+            icon={() => <ChevronDownIcon />}
             class={`${this.COMPONENT_NAME}__header-pre-bt`}
             clickHandler={this.toggleExpand}
           />
diff --git a/src/image/_example/placeholder.vue b/src/image/_example/placeholder.vue
index 2b2264a9e..9bcbe8540 100644
--- a/src/image/_example/placeholder.vue
+++ b/src/image/_example/placeholder.vue
@@ -49,14 +49,14 @@
 
 <script lang="jsx">
 import Vue from 'vue';
-import { RefreshIcon, QrcodeIcon } from 'tdesign-icons-vue';
+import { RefreshIcon, ImageErrorIcon } from 'tdesign-icons-vue';
 
 export default Vue.extend({
   data() {
     return {
       loadingCount: 0,
       errorCount: 0,
-      renderCustomIcon: <QrcodeIcon size="24" />,
+      renderCustomIcon: <ImageErrorIcon size="24" />,
     };
   },
   methods: {
diff --git a/src/list/_example/base.vue b/src/list/_example/base.vue
index 04c248370..382f29ee9 100644
--- a/src/list/_example/base.vue
+++ b/src/list/_example/base.vue
@@ -3,17 +3,17 @@
     <t-list-item>
       列表内容的描述性文字
       <template #action>
-        <t-button variant="text">操作1</t-button>
-        <t-button variant="text">操作2</t-button>
-        <t-button variant="text">操作3</t-button>
+        <t-link theme="primary" hover="color" style="margin-left: 16px"> 操作1 </t-link>
+        <t-link theme="primary" hover="color" style="margin-left: 16px"> 操作2 </t-link>
+        <t-link theme="primary" hover="color" style="margin-left: 16px"> 操作3 </t-link>
       </template>
     </t-list-item>
     <t-list-item>
       列表内容的描述性文字
       <template #action>
-        <t-button variant="text">操作1</t-button>
-        <t-button variant="text">操作2</t-button>
-        <t-button variant="text">操作3</t-button>
+        <t-link theme="primary" hover="color" style="margin-left: 16px"> 操作1 </t-link>
+        <t-link theme="primary" hover="color" style="margin-left: 16px"> 操作2 </t-link>
+        <t-link theme="primary" hover="color" style="margin-left: 16px"> 操作3 </t-link>
       </template>
     </t-list-item>
   </t-list>
diff --git a/src/list/_example/operation.vue b/src/list/_example/operation.vue
index 0bb8f884e..dfb9f478d 100644
--- a/src/list/_example/operation.vue
+++ b/src/list/_example/operation.vue
@@ -5,9 +5,9 @@
         <t-list-item-meta :image="imageUrl" title="列表标题" description="列表内容列表内容"></t-list-item-meta>
         <template #action>
           <span>
-            <t-button variant="text">操作1</t-button>
-            <t-button variant="text">操作2</t-button>
-            <t-button variant="text">操作3</t-button>
+            <t-link theme="primary" hover="color" style="margin-left: 16px">操作1</t-link>
+            <t-link theme="primary" hover="color" style="margin-left: 16px">操作2</t-link>
+            <t-link theme="primary" hover="color" style="margin-left: 16px">操作3</t-link>
           </span>
         </template>
       </t-list-item>
@@ -15,9 +15,9 @@
         <t-list-item-meta :image="imageUrl" title="列表标题" description="列表内容列表内容"></t-list-item-meta>
         <template #action>
           <span>
-            <t-button variant="text">操作1</t-button>
-            <t-button variant="text">操作2</t-button>
-            <t-button variant="text">操作3</t-button>
+            <t-link theme="primary" hover="color" style="margin-left: 16px">操作1</t-link>
+            <t-link theme="primary" hover="color" style="margin-left: 16px">操作2</t-link>
+            <t-link theme="primary" hover="color" style="margin-left: 16px">操作3</t-link>
           </span>
         </template>
       </t-list-item>
diff --git a/src/select-input/_example/autocomplete.vue b/src/select-input/_example/autocomplete.vue
index 852799030..699104d5e 100644
--- a/src/select-input/_example/autocomplete.vue
+++ b/src/select-input/_example/autocomplete.vue
@@ -2,6 +2,7 @@
   <t-select-input
     :value="selectValue"
     :popup-visible="popupVisible"
+    :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
     placeholder="请输入任意关键词"
     allow-input
     clearable
@@ -48,23 +49,25 @@ export default {
   },
 };
 </script>
-<style lang="less" scoped>
+<style lang="less">
 .tdesign-demo__select-input-ul-autocomplete {
-  padding: 4px 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
 .tdesign-demo__select-input-ul-autocomplete > li {
   display: block;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  box-sizing: border-box;
 }
 
 .tdesign-demo__select-input-ul-autocomplete > li:hover {
diff --git a/src/select-input/_example/autowidth-multiple.vue b/src/select-input/_example/autowidth-multiple.vue
index 6e4a6abcb..241092515 100644
--- a/src/select-input/_example/autowidth-multiple.vue
+++ b/src/select-input/_example/autowidth-multiple.vue
@@ -1,27 +1,28 @@
 <template>
-  <t-select-input
-    :value="value"
-    :min-collapsed-num="1"
-    auto-width
-    allow-input
-    placeholder="select frameworks"
-    clearable
-    multiple
-    @tag-change="onTagChange"
-  >
-    <template #panel>
-      <t-checkbox-group
-        :value="checkboxValue"
-        :options="options"
-        class="tdesign-demo__panel-options-borderless-multiple"
-        @change="onCheckedChange"
-        @click="(e) => e.stopPropagation()"
-      />
-    </template>
-    <template #suffixIcon>
-      <chevron-down-icon />
-    </template>
-  </t-select-input>
+  <div class="tdesign-demo__select-input-autowidth-multiple" style="width: 100%">
+    <t-select-input
+      :value="value"
+      :min-collapsed-num="1"
+      auto-width
+      allow-input
+      placeholder="select frameworks"
+      clearable
+      multiple
+      @tag-change="onTagChange"
+    >
+      <template #panel>
+        <t-checkbox-group
+          :value="checkboxValue"
+          :options="options"
+          class="tdesign-demo__panel-options-autowidth-multiple"
+          @change="onCheckedChange"
+        />
+      </template>
+      <template #suffixIcon>
+        <chevron-down-icon />
+      </template>
+    </t-select-input>
+  </div>
 </template>
 <script>
 import { ChevronDownIcon } from 'tdesign-icons-vue';
@@ -93,23 +94,32 @@ export default {
   },
 };
 </script>
-<style lang="less" scoped>
-.t-checkbox {
+<style>
+.tdesign-demo__panel-options-autowidth-multiple {
+  width: 100%;
+  padding: 2px 0;
+  margin: 0 -2px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.tdesign-demo__panel-options-autowidth-multiple .t-checkbox {
   display: flex;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin: 0 0 4px;
+  margin: 0;
 }
 
-.t-checkbox:hover {
+.tdesign-demo__panel-options-autowidth-multiple .t-checkbox:hover {
   background-color: var(--td-bg-color-container-hover);
 }
 </style>
diff --git a/src/select-input/_example/autowidth.vue b/src/select-input/_example/autowidth.vue
index 30bf7929a..bf7413b64 100644
--- a/src/select-input/_example/autowidth.vue
+++ b/src/select-input/_example/autowidth.vue
@@ -63,23 +63,30 @@ export default {
   },
 };
 </script>
-<style lang="less" scoped>
-li {
+<style>
+.tdesign-demo__select-input-ul-auto-width {
+  padding: 2px 0;
+  margin: 0 -2px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.tdesign-demo__select-input-ul-auto-width > li {
   display: block;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  box-sizing: border-box;
 }
 
-li:hover {
+.tdesign-demo__select-input-ul-auto-width > li:hover {
   background-color: var(--td-bg-color-container-hover);
 }
 </style>
diff --git a/src/select-input/_example/borderless-multiple.vue b/src/select-input/_example/borderless-multiple.vue
index 5bec6d3ca..9af3c2c09 100644
--- a/src/select-input/_example/borderless-multiple.vue
+++ b/src/select-input/_example/borderless-multiple.vue
@@ -1,25 +1,27 @@
 <template>
-  <t-select-input
-    :value="value"
-    :min-collapsed-num="1"
-    borderless
-    allow-input
-    placeholder="select frameworks"
-    clearable
-    multiple
-    style="width: 250px"
-    @tag-change="onTagChange"
-  >
-    <template #panel>
-      <t-checkbox-group
-        :value="checkboxValue"
-        :options="options"
-        class="tdesign-demo__panel-options-borderless-multiple"
-        @change="onCheckedChange"
-        @click="(e) => e.stopPropagation()"
-      />
-    </template>
-  </t-select-input>
+  <div class="tdesign-demo__select-input-borderless-multiple" style="width: 100%">
+    <t-select-input
+      :value="value"
+      :min-collapsed-num="1"
+      :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
+      borderless
+      allow-input
+      placeholder="select frameworks"
+      clearable
+      multiple
+      style="width: 250px"
+      @tag-change="onTagChange"
+    >
+      <template #panel>
+        <t-checkbox-group
+          :value="checkboxValue"
+          :options="options"
+          class="tdesign-demo__panel-options-borderless-multiple"
+          @change="onCheckedChange"
+        />
+      </template>
+    </t-select-input>
+  </div>
 </template>
 <script>
 const OPTIONS = [
@@ -88,23 +90,31 @@ export default {
   },
 };
 </script>
-<style lang="less" scoped>
-.t-checkbox {
+<style lang="less">
+.tdesign-demo__panel-options-borderless-multiple {
+  width: 100%;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.tdesign-demo__panel-options-borderless-multiple .t-checkbox {
   display: flex;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin: 0 0 4px;
+  margin: 0;
 }
 
-.t-checkbox:hover {
+.tdesign-demo__panel-options-borderless-multiple .t-checkbox:hover {
   background-color: var(--td-bg-color-container-hover);
 }
 </style>
diff --git a/src/select-input/_example/borderless.vue b/src/select-input/_example/borderless.vue
index 4e8f4207c..67be96990 100644
--- a/src/select-input/_example/borderless.vue
+++ b/src/select-input/_example/borderless.vue
@@ -2,9 +2,9 @@
   <t-select-input
     :value="selectValue"
     :popup-visible="popupVisible"
+    :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
     placeholder="Please Select"
     borderless
-    style="width: 200px"
     clearable
     @popup-visible-change="onPopupVisibleChange"
     @clear="onClear"
@@ -54,21 +54,23 @@ export default {
 </script>
 <style lang="less" scoped>
 .tdesign-demo__select-input-ul-borderless {
-  padding: 4px 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
 .tdesign-demo__select-input-ul-borderless > li {
   display: block;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  box-sizing: border-box;
 }
 
 .tdesign-demo__select-input-ul-borderless > li:hover {
diff --git a/src/select-input/_example/collapsed-items.vue b/src/select-input/_example/collapsed-items.vue
index 2f2730366..d2defbc79 100644
--- a/src/select-input/_example/collapsed-items.vue
+++ b/src/select-input/_example/collapsed-items.vue
@@ -1,8 +1,9 @@
 <template>
-  <t-space direction="vertical">
+  <t-space direction="vertical" class="tdesign-demo__select-input-collapsed-items">
     <t-select-input
       :value="value"
       :min-collapsed-num="1"
+      :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
       placeholder="请选择"
       allow-input
       clearable
@@ -15,15 +16,16 @@
           :options="options"
           class="tdesign-demo__panel-options-collapsed-items"
           @change="onCheckedChange"
-          @click="(e) => e.stopPropagation()"
         />
       </template>
     </t-select-input>
+
     <!-- 第一种方式：使用渲染函数 collapsed-items 自定义折叠项 -->
     <t-select-input
       :value="value"
       :min-collapsed-num="2"
       :collapsed-items="renderCollapsedItems"
+      :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
       placeholder="请选择"
       allow-input
       clearable
@@ -36,14 +38,15 @@
           :options="options"
           class="tdesign-demo__panel-options-collapsed-items"
           @change="onCheckedChange"
-          @click="(e) => e.stopPropagation()"
         />
       </template>
     </t-select-input>
+
     <!-- 第二种方式：使用插槽 collapsedItems 自定义折叠项 -->
     <t-select-input
       :value="value"
       :min-collapsed-num="3"
+      :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
       placeholder="请选择"
       allow-input
       clearable
@@ -66,7 +69,6 @@
           :options="options"
           class="tdesign-demo__panel-options-collapsed-items"
           @change="onCheckedChange"
-          @click="(e) => e.stopPropagation()"
         />
       </template>
     </t-select-input>
@@ -140,25 +142,27 @@ export default {
   },
 };
 </script>
-<style lang="less">
+<style>
 .tdesign-demo__panel-options-collapsed-items {
   width: 100%;
-  padding: 4px 0;
-  display: inline-block;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
 .tdesign-demo__panel-options-collapsed-items .t-checkbox {
   display: flex;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin: 0 0 4px;
+  margin: 0;
 }
 
 .tdesign-demo__panel-options-collapsed-items .t-checkbox:hover {
diff --git a/src/select-input/_example/custom-tag.vue b/src/select-input/_example/custom-tag.vue
index b0efc85d7..113f1dc62 100644
--- a/src/select-input/_example/custom-tag.vue
+++ b/src/select-input/_example/custom-tag.vue
@@ -1,7 +1,13 @@
 <template>
-  <t-space direction="vertical">
+  <t-space direction="vertical" class="tdesign-demo-select-input-custom-tag">
     <!-- 单选，使用 valueDisplay 插槽定义选中的某一项的内容，也可使用同名渲染函数 props.valueDisplay -->
-    <t-select-input :value="selectValue1" placeholder="Please Select" clearable @clear="onClear">
+    <t-select-input
+      :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
+      :value="selectValue1"
+      placeholder="Please Select"
+      clearable
+      @clear="onClear"
+    >
       <template #valueDisplay>
         <span v-if="selectValue1" class="displaySpan">
           <control-platform-icon class="tdesign-demo-select-input__img" />
@@ -18,7 +24,7 @@
     </t-select-input>
 
     <!-- 多选，第一种方式：使用 tag 插槽定义选中的某一项的内容，也可使用同名渲染函数 props.tag -->
-    <t-select-input :value="selectValue2" placeholder="Please Select" multiple @tag-change="onTagChange2">
+    <t-select-input :value="selectValue2" clearable placeholder="Please Select" multiple @tag-change="onTagChange2">
       <template #tag="{ value }">
         <span class="displaySpan">
           <control-platform-icon />
@@ -92,16 +98,19 @@ export default {
 </script>
 <style lang="less" scoped>
 .tdesign-demo__select-input-ul-single {
-  padding: 4px 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
 .tdesign-demo__select-input-ul-single > li {
   display: block;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
@@ -112,7 +121,7 @@ export default {
   background-color: var(--td-bg-color-container-hover);
 }
 
-.tdesign-demo-select-input__img {
+.tdesign-demo-select-input-custom-tag .tdesign-demo-select-input__img {
   font-size: 16px;
   margin-right: 4px;
 }
diff --git a/src/select-input/_example/excess-tags-display-type.vue b/src/select-input/_example/excess-tags-display-type.vue
index 4b7c2236c..99bce4989 100644
--- a/src/select-input/_example/excess-tags-display-type.vue
+++ b/src/select-input/_example/excess-tags-display-type.vue
@@ -5,6 +5,7 @@
     <t-select-input
       :value="value"
       :tag-input-props="{ excessTagsDisplayType: 'scroll' }"
+      :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
       placeholder="请选择"
       allow-input
       clearable
@@ -17,7 +18,6 @@
           :options="options"
           class="tdesign-demo__panel-options-excess-tags-display-type"
           @change="onCheckedChange"
-          @click="(e) => e.stopPropagation()"
         />
       </template>
     </t-select-input>
@@ -27,6 +27,7 @@
     <t-select-input
       :value="value"
       :tag-input-props="{ excessTagsDisplayType: 'break-line' }"
+      :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
       placeholder="请选择"
       allow-input
       clearable
@@ -39,7 +40,6 @@
           :options="options"
           class="tdesign-demo__panel-options-excess-tags-display-type"
           @change="onCheckedChange"
-          @click="(e) => e.stopPropagation()"
         />
       </template>
     </t-select-input>
@@ -108,25 +108,26 @@ export default {
   },
 };
 </script>
-<style lang="less">
+<style>
 .tdesign-demo__panel-options-excess-tags-display-type {
   width: 100%;
-  padding: 4px 0;
-  display: inline-block;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
 .tdesign-demo__panel-options-excess-tags-display-type .t-checkbox {
   display: flex;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-top: 4px;
   margin-right: 0;
 }
 
diff --git a/src/select-input/_example/label-suffix.vue b/src/select-input/_example/label-suffix.vue
index b67ef4bd7..fecd72bf2 100644
--- a/src/select-input/_example/label-suffix.vue
+++ b/src/select-input/_example/label-suffix.vue
@@ -5,6 +5,7 @@
     <t-select-input
       :value="selectValue"
       :popup-visible="popupVisible"
+      :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
       label="前置内容："
       style="width: 300px"
       placeholder="Please Select"
@@ -24,10 +25,13 @@
         <chevron-down-icon />
       </template>
     </t-select-input>
+    <br /><br />
+
     <!-- 后置内容使用 suffix 自定义，支持同名插槽 suffix -->
     <t-select-input
       :value="selectValue"
       :popup-visible="popupVisible2"
+      :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
       suffix="单位：元"
       style="width: 300px"
       placeholder="Please Select"
@@ -96,21 +100,23 @@ export default {
 </script>
 <style lang="less" scoped>
 .tdesign-demo__select-input-ul-label-suffix {
-  padding: 4px 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
 .tdesign-demo__select-input-ul-label-suffix > li {
   display: block;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  box-sizing: border-box;
 }
 
 .tdesign-demo__select-input-ul-label-suffix > li:hover {
diff --git a/src/select-input/_example/multiple.vue b/src/select-input/_example/multiple.vue
index a51e85640..2c9f0becb 100644
--- a/src/select-input/_example/multiple.vue
+++ b/src/select-input/_example/multiple.vue
@@ -1,24 +1,35 @@
 <template>
-  <t-space direction="vertical" style="width: 100%">
-    <t-space>
+  <t-space direction="vertical" class="tdesign-demo__select-input-multiple" style="width: 100%">
+    <div>
       <t-checkbox v-model="allowInput">是否允许输入</t-checkbox>
       <t-checkbox v-model="creatable">允许创建新选项（Enter 创建）</t-checkbox>
-    </t-space>
-    <t-radio-group
-      v-model="excessTagsDisplayType"
-      :options="[
-        { label: '选中项过多横向滚动', value: 'scroll' },
-        { label: '选中项过多换行显示', value: 'break-line' },
-      ]"
-    />
+    </div>
+    <div>
+      <t-radio-group
+        v-model="excessTagsDisplayType"
+        :options="[
+          { label: '选中项过多横向滚动', value: 'scroll' },
+          { label: '选中项过多换行显示', value: 'break-line' },
+        ]"
+      />
+    </div>
+
     <!-- :popup-props="{ trigger: 'hover' }" -->
     <t-select-input
-      :input-value.sync="inputValue"
+      :input-value:sync="inputValue"
       :value="value"
       :allow-input="allowInput"
       :placeholder="allowInput ? '请选择或输入' : '请选择'"
       :tag-input-props="{ excessTagsDisplayType }"
-      :popup-props="{ overlayStyle: { maxHeight: '280px', overflow: 'auto' } }"
+      :popup-props="{
+        overlayInnerClassName: ['narrow-scrollbar'],
+        overlayInnerStyle: {
+          maxHeight: '280px',
+          overflowY: 'auto',
+          overscrollBehavior: 'contain',
+          padding: '6px',
+        },
+      }"
       clearable
       multiple
       @tag-change="onTagChange"
@@ -31,7 +42,6 @@
           :options="options"
           class="tdesign-demo__panel-options-multiple"
           @change="onCheckedChange"
-          @click="(e) => e.stopPropagation()"
         />
         <div v-else class="tdesign-demo__select-empty-multiple">暂无数据</div>
       </template>
@@ -124,28 +134,28 @@ export default {
   },
 };
 </script>
-<style lang="less">
+<style>
 .tdesign-demo__panel-options-multiple {
   width: 100%;
-  padding: 4px 0;
-  display: inline-block;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
-
 .tdesign-demo__panel-options-multiple .t-checkbox {
   display: flex;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin: 0 0 4px;
+  margin: 0;
 }
-
 .tdesign-demo__panel-options-multiple .t-checkbox:hover {
   background-color: var(--td-bg-color-container-hover);
 }
diff --git a/src/select-input/_example/single.vue b/src/select-input/_example/single.vue
index bd42dfaad..bc8748f78 100644
--- a/src/select-input/_example/single.vue
+++ b/src/select-input/_example/single.vue
@@ -1,7 +1,9 @@
 <template>
+  <!-- :popup-props="{ trigger: 'hover' }" -->
   <t-select-input
     :value="selectValue"
     :popup-visible="popupVisible"
+    :popup-props="{ overlayInnerStyle: { padding: '6px' } }"
     style="width: 300px"
     placeholder="Please Select"
     clearable
@@ -64,21 +66,23 @@ export default {
 </script>
 <style lang="less" scoped>
 .tdesign-demo__select-input-ul-single {
-  padding: 4px 0;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  gap: 2px;
 }
 .tdesign-demo__select-input-ul-single > li {
   display: block;
   border-radius: 3px;
   line-height: 22px;
   cursor: pointer;
-  padding: 9px 8px;
+  padding: 3px 8px;
   color: var(--td-text-color-primary);
-  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: background-color 0.2s linear;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  box-sizing: border-box;
 }
 
 .tdesign-demo__select-input-ul-single > li:hover {
diff --git a/src/select-input/_example/status.vue b/src/select-input/_example/status.vue
index 7b3f44f78..d922cc4fb 100644
--- a/src/select-input/_example/status.vue
+++ b/src/select-input/_example/status.vue
@@ -1,49 +1,49 @@
 <template>
-  <t-space direction="vertical" class="tdesign-demo-select-input-status">
-    <div>
+  <t-space direction="vertical" class="tdesign-demo-select-input-status" style="width: 100%">
+    <t-space align="center">
       <span>禁用状态：</span>
       <t-select-input :value="selectValue" disabled tips="这是禁用状态文本提示" placeholder="Please Select">
         <template #panel>
           <div class="tdesign-demo__select-empty-status">暂无数据</div>
         </template>
       </t-select-input>
-    </div>
+    </t-space>
 
-    <div>
+    <t-space align="center">
       <span>只读状态：</span>
       <t-select-input :value="selectValue" readonly tips="这是普通状态的文本提示" placeholder="Please Select">
         <template #panel>
           <div class="tdesign-demo__select-empty-status">暂无数据</div>
         </template>
       </t-select-input>
-    </div>
+    </t-space>
 
-    <div>
+    <t-space align="center">
       <span>成功状态：</span>
       <t-select-input :value="selectValue" status="success" tips="校验通过文本提示" placeholder="Please Select">
         <template #panel>
           <div class="tdesign-demo__select-empty-status">暂无数据</div>
         </template>
       </t-select-input>
-    </div>
+    </t-space>
 
-    <div>
+    <t-space align="center">
       <span>警告状态：</span>
       <t-select-input :value="selectValue" status="warning" tips="校验不通过文本提示" placeholder="Please Select">
         <template #panel>
           <div class="tdesign-demo__select-empty-status">暂无数据</div>
         </template>
       </t-select-input>
-    </div>
+    </t-space>
 
-    <div>
+    <t-space align="center">
       <span>错误状态：</span>
       <t-select-input :value="selectValue" status="error" tips="校验存在严重问题文本提示" placeholder="Please Select">
         <template #panel>
           <div class="tdesign-demo__select-empty-status">暂无数据</div>
         </template>
       </t-select-input>
-    </div>
+    </t-space>
   </t-space>
 </template>
 <script>
diff --git a/src/select-input/_example/width.vue b/src/select-input/_example/width.vue
index 193d2f1d6..ee87647eb 100644
--- a/src/select-input/_example/width.vue
+++ b/src/select-input/_example/width.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-space direction="vertical" class="tdesign-demo__select-input-width">
+  <t-space class="tdesign-demo__select-input-width" direction="vertical">
     <div>
       <span>下拉框默认宽度：</span>
       <t-select-input :value="selectValue" placeholder="Please Select" class="t-demo-normal">
@@ -8,6 +8,7 @@
         </template>
       </t-select-input>
     </div>
+
     <div>
       <span>下拉框最大宽度：</span>
       <t-select-input :value="selectValue" placeholder="Please Select" class="t-demo-normal">
@@ -18,6 +19,7 @@
         </template>
       </t-select-input>
     </div>
+
     <div>
       <span>与内容宽度一致：</span>
       <t-select-input
@@ -33,6 +35,7 @@
         </template>
       </t-select-input>
     </div>
+
     <div>
       <span>下拉框固定宽度：</span>
       <t-select-input
@@ -65,12 +68,12 @@ export default {
   color: var(--td-text-color-disabled);
   line-height: 32px;
 }
-
 .tdesign-demo__select-input-width .t-input__wrap {
   width: 380px;
   vertical-align: middle;
   display: inline-flex;
 }
+
 .tdesign-demo__select-input-width .t-demo-normal {
   width: 380px;
   vertical-align: middle;
diff --git a/src/select/_example/collapsed.vue b/src/select/_example/collapsed.vue
index 8dcbb3f91..8b9aba3c8 100644
--- a/src/select/_example/collapsed.vue
+++ b/src/select/_example/collapsed.vue
@@ -19,11 +19,11 @@
       <template #collapsedItems="{ collapsedSelectedItems, count }">
         <t-popup>
           <template #content>
-            <p v-for="(item, index) in collapsedSelectedItems" :key="index" style="padding: 10px">
+            <p v-for="(item, index) in collapsedSelectedItems" :key="index" style="padding: 8px">
               {{ item.label }}
             </p>
           </template>
-          <span v-show="count > 0" style="color: #00a870">+{{ count }}</span>
+          <span v-show="count > 0" style="color: #00a870; margin-left: 8px">+{{ count }}</span>
         </t-popup>
       </template>
     </t-select>
@@ -52,10 +52,10 @@ export default {
         <t-popup>
           <div slot="content">
             {value.map((item) => (
-              <p style="padding: 10px;">{item.label}</p>
+              <p style="padding: 8px;">{item.label}</p>
             ))}
           </div>
-          <span v-show={count > 0} style="color: #ED7B2F;">
+          <span v-show={count > 0} style="color: #ED7B2F; margin-left: 8px">
             +{count}
           </span>
         </t-popup>
diff --git a/src/select/_example/custom-options.vue b/src/select/_example/custom-options.vue
index a17e82969..532f74ce4 100644
--- a/src/select/_example/custom-options.vue
+++ b/src/select/_example/custom-options.vue
@@ -81,12 +81,13 @@ export default {
 
 .tdesign-demo__user-option > img {
   max-width: 40px;
+  max-height: 40px;
   border-radius: 50%;
 }
 
 .tdesign-demo__user-option-desc {
-  font-size: 13px;
-  color: var(--td-gray-color-9);
+  font-size: 14px;
+  color: var(--td-text-color-secondary);
 }
 
 .tdesign-demo__user-option-info {
@@ -94,6 +95,7 @@ export default {
 }
 
 .tdesign-demo-select__overlay-option .t-select-option {
-  height: 60px;
+  height: 100%;
+  padding: 8px;
 }
 </style>
diff --git a/src/select/_example/panel.vue b/src/select/_example/panel.vue
index 60b72a193..902b5c0d7 100644
--- a/src/select/_example/panel.vue
+++ b/src/select/_example/panel.vue
@@ -2,7 +2,7 @@
   <t-space>
     <!-- 自定义面板顶部内容：如自定义搜索框。同时支持插槽和 Props(this,panelTopContent) -->
     <t-select v-model="value1" :options="options1" clearable placeholder="请选择云解决方案">
-      <div slot="panelTopContent">
+      <div slot="panelTopContent" style="padding: 6px 6px 0 6px">
         <t-textarea v-model="search" placeholder="请输入关键词搜索" @change="onSearch" />
       </div>
     </t-select>
@@ -11,11 +11,13 @@
     <t-select v-model="value2" placeholder="请选择云产品" clearable :options="options2">
       <!-- 自定义底部内容 -->
       <div slot="panelBottomContent" class="select-panel-footer">
-        <t-button v-if="editOrCreate === 'create'" theme="primary" variant="text" @click="onAdd">新增选项</t-button>
+        <t-button v-if="editOrCreate === 'create'" theme="primary" variant="text" block @click="onAdd"
+        >新增选项</t-button
+        >
         <div v-else>
           <t-input v-model="newOption" autofocus></t-input>
-          <t-button @click="onAddConfirm" size="small" style="margin-top: 12px"> 确认 </t-button>
-          <t-button @click="onAddCancel" theme="default" size="small" style="margin-top: 12px; margin-left: 8px">
+          <t-button @click="onAddConfirm" size="small" style="margin-top: 8px"> 确认 </t-button>
+          <t-button @click="onAddCancel" theme="default" size="small" style="margin-top: 8px; margin-left: 8px">
             取消
           </t-button>
         </div>
@@ -72,8 +74,7 @@ export default {
 
 <style scoped>
 .select-panel-footer {
-  border-top: 1px solid var(--td-border-level-2-color);
-  margin-top: 8px;
-  padding: 8px 0;
+  border-top: 1px solid var(--td-component-stroke);
+  padding: 6px;
 }
 </style>
diff --git a/src/transfer/_example/custom.vue b/src/transfer/_example/custom.vue
index d909ea755..bdcfe51f9 100644
--- a/src/transfer/_example/custom.vue
+++ b/src/transfer/_example/custom.vue
@@ -1,7 +1,7 @@
 <template>
   <t-space direction="vertical">
     <p style="margin: 10px">自定义头部、底部及操作按钮的渲染</p>
-    <t-transfer :data="list">
+    <t-transfer :data="list" :operation="['移除', '加入']" class="tdesign-transfer-custom">
       <template v-slot:title="props" :name="123">
         <div>{{ props.type === 'target' ? '目标' : '来源' }}</div>
       </template>
@@ -9,7 +9,7 @@
         {{ props.direction === 'left' ? '移除' : '加入' }}
       </template>
       <template v-slot:footer="props" :name="123">
-        <div style="padding: 10px 20px">
+        <div style="padding: 12px 20px">
           <span v-if="props.type === 'source'">选中并加入</span>
           <span v-else>选中并移除</span>
         </div>
@@ -72,3 +72,11 @@ export default {
   },
 };
 </script>
+<style>
+.tdesign-transfer-custom .t-button .t-icon {
+  display: none;
+}
+.tdesign-transfer-custom .t-icon + .t-button__text:not(:empty) {
+  margin-left: 0;
+}
+</style>
diff --git a/src/transfer/components/transfer-operations.tsx b/src/transfer/components/transfer-operations.tsx
index ec5aff390..887760856 100644
--- a/src/transfer/components/transfer-operations.tsx
+++ b/src/transfer/components/transfer-operations.tsx
@@ -85,6 +85,8 @@ export default mixins(classPrefixMixins, getGlobalIconMixins()).extend({
       <div class={`${this.componentName}__operations`}>
         <TButton
           variant="outline"
+          size="small"
+          shape={typeof this.operation?.[1] === 'string' ? 'rectangle' : 'square'}
           key={rightDisabled ? 'right-outline' : 'right-base'}
           disabled={rightDisabled}
           onClick={this.moveToRight}
@@ -95,6 +97,8 @@ export default mixins(classPrefixMixins, getGlobalIconMixins()).extend({
         <TButton
           variant="outline"
           key={leftDisabled ? 'left-outline' : 'left-base'}
+          size="small"
+          shape={typeof this.operation?.[0] === 'string' ? 'rectangle' : 'square'}
           disabled={leftDisabled}
           onClick={this.moveToLeft}
           icon={this.getIcon('left')}
diff --git a/src/upload/themes/dragger-file.tsx b/src/upload/themes/dragger-file.tsx
index 9d4d65a3e..887fd60df 100644
--- a/src/upload/themes/dragger-file.tsx
+++ b/src/upload/themes/dragger-file.tsx
@@ -8,7 +8,7 @@ import {
 } from 'tdesign-icons-vue';
 import { abridgeName, getFileSizeText } from '../../_common/js/upload/utils';
 import { TdUploadProps, UploadFile } from '../type';
-import Button from '../../button';
+import TLink from '../../link';
 import { CommonDisplayFileProps } from '../interface';
 import { commonProps } from '../constants';
 import useCommonClassName from '../../hooks/useCommonClassName';
@@ -126,9 +126,9 @@ export default defineComponent({
             </small>
             <div class={`${this.uploadPrefix}__dragger-btns`}>
               {['progress', 'waiting'].includes(file.status) && !this.disabled && (
-                <Button
+                <TLink
                   theme="primary"
-                  variant="text"
+                  hover="color"
                   class={`${this.uploadPrefix}__dragger-progress-cancel`}
                   onClick={(e: MouseEvent) => this.cancelUpload?.({
                     e,
@@ -137,40 +137,40 @@ export default defineComponent({
                   }
                 >
                   {this.locale?.cancelUploadText}
-                </Button>
+                </TLink>
               )}
               {!this.autoUpload && file.status === 'waiting' && (
-                <Button
-                  variant="text"
+                <TLink
                   theme="primary"
+                  hover="color"
                   disabled={this.disabled}
                   onClick={() => this.uploadFiles?.()}
                   class={`${this.uploadPrefix}__dragger-upload-btn`}
                 >
                   {this.locale.triggerUploadText.normal}
-                </Button>
+                </TLink>
               )}
             </div>
             {['fail', 'success'].includes(file?.status) && !this.disabled && (
               <div class={`${this.uploadPrefix}__dragger-btns`}>
-                <Button
+                <TLink
                   theme="primary"
-                  variant="text"
+                  hover="color"
                   disabled={this.disabled}
                   class={`${this.uploadPrefix}__dragger-progress-cancel`}
                   onClick={this.triggerUpload}
                 >
                   {this.locale.triggerUploadText.reupload}
-                </Button>
-                <Button
+                </TLink>
+                <TLink
                   theme="danger"
-                  variant="text"
+                  hover="color"
                   disabled={this.disabled}
                   class={`${this.uploadPrefix}__dragger-delete-btn`}
                   onClick={(e: MouseEvent) => this.onRemove({ e, index: 0, file })}
                 >
                   {this.locale.triggerUploadText.delete}
-                </Button>
+                </TLink>
               </div>
             )}
           </div>
diff --git a/src/upload/themes/multiple-flow-list.tsx b/src/upload/themes/multiple-flow-list.tsx
index 93b6752da..668d58e89 100644
--- a/src/upload/themes/multiple-flow-list.tsx
+++ b/src/upload/themes/multiple-flow-list.tsx
@@ -192,12 +192,12 @@ export default defineComponent({
     renderNormalActionCol(file: UploadFile, index: number) {
       return (
         <td>
-          <TButton
+          <Link
             theme="primary"
-            variant="text"
+            hover="color"
             content={this.locale?.triggerUploadText?.delete}
             onClick={(e: MouseEvent) => this.onRemove({ e, index, file })}
-          ></TButton>
+          ></Link>
         </td>
       );
     },
@@ -207,12 +207,12 @@ export default defineComponent({
       // 第一行数据才需要合并单元格
       return index === 0 ? (
         <td rowSpan={this.displayFiles.length} class={`${this.uploadPrefix}__flow-table__batch-row`}>
-          <TButton
+          <Link
             theme="primary"
-            variant="text"
+            hover="color"
             content={this.locale?.triggerUploadText?.delete}
             onClick={(e: MouseEvent) => this.onRemove({ e, index: -1, file: null })}
-          ></TButton>
+          ></Link>
         </td>
       ) : null;
     },
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index 8df7727ab..e0d083b7f 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -5705,7 +5705,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/base.vue 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -7501,7 +7501,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/cell.vue 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -8388,7 +8388,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/cell-append.vue 1`
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -9540,7 +9540,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/controller-config.
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-s t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -10396,7 +10396,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/events.vue 1`] = `
           class="t-calendar__control-section-cell"
         >
           <span
-            class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+            class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
           >
             隐藏周末
           </span>
@@ -11325,7 +11325,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/first-day-of-week.
             class="t-calendar__control-section-cell"
           >
             <span
-              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+              class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
             >
               隐藏周末
             </span>
@@ -12296,7 +12296,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/head.vue 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -13559,7 +13559,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/range.vue 1`] = `
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -14412,7 +14412,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/slot-props-api.vue
         class="t-calendar__control-section-cell"
       >
         <span
-          class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+          class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
         >
           隐藏周末
         </span>
@@ -15287,7 +15287,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/value.vue 1`] = `
             class="t-calendar__control-section-cell"
           >
             <span
-              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+              class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
             >
               隐藏周末
             </span>
@@ -16265,7 +16265,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/value.vue 1`] = `
             class="t-calendar__control-section-cell"
           >
             <span
-              class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+              class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
             >
               隐藏周末
             </span>
@@ -17249,7 +17249,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/week.vue 1`] = `
               class="t-calendar__control-section-cell"
             >
               <span
-                class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+                class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
               >
                 隐藏周末
               </span>
@@ -18097,7 +18097,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/week.vue 1`] = `
               class="t-calendar__control-section-cell"
             >
               <span
-                class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+                class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
               >
                 隐藏周末
               </span>
@@ -18945,7 +18945,7 @@ exports[`csr snapshot test > csr test ./src/calendar/_example/week.vue 1`] = `
               class="t-calendar__control-section-cell"
             >
               <span
-                class="t-tag t-tag--check t-tag--default t-size-m t-calendar__control-tag"
+                class="t-tag t-tag--check t-tag--default t-size-l t-calendar__control-tag"
               >
                 隐藏周末
               </span>
@@ -19727,47 +19727,6 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer.vue 1`] = `
   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"
-        >
-          <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="t-card__actions"
-    >
-      <span
-        class="t-tag t-tag--success t-size-m t-tag--dark"
-      >
-        <span>
-          默认标签
-        </span>
-      </span>
-    </div>
-  </div>
   <div
     class="t-card__cover"
   >
@@ -19783,14 +19742,14 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer.vue 1`] = `
     >
       <div
         class="t-row t-row--center t-row--align-middle"
-        style="margin-left: 0px; margin-right: 0px;"
+        style="margin-left: 0px; margin-right: 0px; gap: 24px;"
       >
         <div
           class="t-col t-col-12"
-          style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+          style="flex-basis: auto; padding-left: 0px; padding-right: 0px; display: inline-flex; justify-content: center;"
         >
           <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width"
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
             type="button"
           >
             <span
@@ -19814,18 +19773,10 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer.vue 1`] = `
         </div>
         <div
           class="t-col t-col-12"
-          style="flex: 0 0 auto; padding-left: 0px; padding-right: 0px;"
-        >
-          <div
-            class="t-divider t-divider--vertical"
-          />
-        </div>
-        <div
-          class="t-col t-col-12"
-          style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+          style="flex-basis: auto; padding-left: 0px; padding-right: 0px; display: inline-flex; justify-content: center;"
         >
           <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width"
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
             type="button"
           >
             <span
@@ -19849,18 +19800,10 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer.vue 1`] = `
         </div>
         <div
           class="t-col t-col-12"
-          style="flex: 0 0 auto; padding-left: 0px; padding-right: 0px;"
-        >
-          <div
-            class="t-divider t-divider--vertical"
-          />
-        </div>
-        <div
-          class="t-col t-col-12"
-          style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+          style="flex-basis: auto; padding-left: 0px; padding-right: 0px; display: inline-flex; justify-content: center;"
         >
           <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width"
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
             type="button"
           >
             <span
@@ -19915,14 +19858,14 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
         >
           <div
             class="t-row t-row--center t-row--align-middle"
-            style="margin-left: 0px; margin-right: 0px;"
+            style="margin-left: 0px; margin-right: 0px; gap: 24px;"
           >
             <div
               class="t-col t-col-12"
-              style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+              style="flex-basis: auto; padding-left: 0px; padding-right: 0px; display: inline-flex; justify-content: center;"
             >
               <button
-                class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width"
+                class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
                 type="button"
               >
                 <span
@@ -19946,18 +19889,10 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
             </div>
             <div
               class="t-col t-col-12"
-              style="flex: 0 0 auto; padding-left: 0px; padding-right: 0px;"
-            >
-              <div
-                class="t-divider t-divider--vertical"
-              />
-            </div>
-            <div
-              class="t-col t-col-12"
-              style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+              style="flex-basis: auto; padding-left: 0px; padding-right: 0px; display: inline-flex; justify-content: center;"
             >
               <button
-                class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width"
+                class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
                 type="button"
               >
                 <span
@@ -19981,18 +19916,10 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
             </div>
             <div
               class="t-col t-col-12"
-              style="flex: 0 0 auto; padding-left: 0px; padding-right: 0px;"
-            >
-              <div
-                class="t-divider t-divider--vertical"
-              />
-            </div>
-            <div
-              class="t-col t-col-12"
-              style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+              style="flex-basis: auto; padding-left: 0px; padding-right: 0px; display: inline-flex; justify-content: center;"
             >
               <button
-                class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width"
+                class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
                 type="button"
               >
                 <span
@@ -20019,11 +19946,6 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
       </div>
     </div>
   </div>
-  <div
-    class="t-space-item"
-  >
-    <br />
-  </div>
   <div
     class="t-space-item"
   >
@@ -20067,6 +19989,29 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
               </svg>
             </span>
           </button>
+          <button
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
+            style="margin-right: 8px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-chat"
+                fill="none"
+                height="1em"
+                viewBox="0 0 16 16"
+                width="1em"
+              >
+                <path
+                  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="currentColor"
+                  fill-opacity="0.9"
+                />
+              </svg>
+            </span>
+          </button>
           <button
             class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
             type="button"
@@ -20119,11 +20064,6 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
       </div>
     </div>
   </div>
-  <div
-    class="t-space-item"
-  >
-    <br />
-  </div>
   <div
     class="t-space-item"
   >
@@ -20593,125 +20533,83 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-footer-actions.
     <div
       class="t-card__footer-wrapper"
     >
-      <div
-        class="t-row t-row--center t-row--align-middle"
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
         data-v-bed46286=""
-        style="margin-left: 0px; margin-right: 0px;"
+        style="margin-right: 8px;"
+        type="button"
       >
-        <div
-          class="t-col t-col-12"
-          data-v-bed46286=""
-          style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+        <span
+          class="t-button__text"
         >
-          <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width"
+          <svg
+            class="t-icon t-icon-heart"
             data-v-bed46286=""
-            type="button"
+            fill="none"
+            height="1em"
+            viewBox="0 0 16 16"
+            width="1em"
           >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-thumb-up"
-                data-v-bed46286=""
-                fill="none"
-                height="1em"
-                viewBox="0 0 16 16"
-                width="1em"
-              >
-                <path
-                  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"
-                  data-v-bed46286=""
-                  fill="currentColor"
-                  fill-opacity="0.9"
-                />
-              </svg>
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-col t-col-12"
-          data-v-bed46286=""
-          style="flex: 0 0 auto; padding-left: 0px; padding-right: 0px;"
-        >
-          <div
-            class="t-divider t-divider--vertical"
-            data-v-bed46286=""
-          />
-        </div>
-        <div
-          class="t-col t-col-12"
-          data-v-bed46286=""
-          style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+            <path
+              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"
+              data-v-bed46286=""
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+          </svg>
+        </span>
+      </button>
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
+        data-v-bed46286=""
+        style="margin-right: 8px;"
+        type="button"
+      >
+        <span
+          class="t-button__text"
         >
-          <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width"
+          <svg
+            class="t-icon t-icon-chat"
             data-v-bed46286=""
-            type="button"
+            fill="none"
+            height="1em"
+            viewBox="0 0 16 16"
+            width="1em"
           >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-chat"
-                data-v-bed46286=""
-                fill="none"
-                height="1em"
-                viewBox="0 0 16 16"
-                width="1em"
-              >
-                <path
-                  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"
-                  data-v-bed46286=""
-                  fill="currentColor"
-                  fill-opacity="0.9"
-                />
-              </svg>
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-col t-col-12"
-          data-v-bed46286=""
-          style="flex: 0 0 auto; padding-left: 0px; padding-right: 0px;"
-        >
-          <div
-            class="t-divider t-divider--vertical"
-            data-v-bed46286=""
-          />
-        </div>
-        <div
-          class="t-col t-col-12"
-          data-v-bed46286=""
-          style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+            <path
+              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"
+              data-v-bed46286=""
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+          </svg>
+        </span>
+      </button>
+      <button
+        class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
+        data-v-bed46286=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
         >
-          <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width"
+          <svg
+            class="t-icon t-icon-share"
             data-v-bed46286=""
-            type="button"
+            fill="none"
+            height="1em"
+            viewBox="0 0 16 16"
+            width="1em"
           >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-share"
-                data-v-bed46286=""
-                fill="none"
-                height="1em"
-                viewBox="0 0 16 16"
-                width="1em"
-              >
-                <path
-                  d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
-                  data-v-bed46286=""
-                  fill="currentColor"
-                  fill-opacity="0.9"
-                />
-              </svg>
-            </span>
-          </button>
-        </div>
-      </div>
+            <path
+              d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z"
+              data-v-bed46286=""
+              fill="currentColor"
+              fill-opacity="0.9"
+            />
+          </svg>
+        </span>
+      </button>
     </div>
   </div>
 </div>
@@ -20825,14 +20723,14 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-subtitle-footer
     >
       <div
         class="t-row t-row--center t-row--align-middle"
-        style="margin-left: 0px; margin-right: 0px;"
+        style="margin-left: 0px; margin-right: 0px; gap: 24px;"
       >
         <div
           class="t-col t-col-12"
-          style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+          style="flex-basis: auto; padding-left: 0px; padding-right: 0px; display: inline-flex; justify-content: center;"
         >
           <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width"
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
             type="button"
           >
             <span
@@ -20856,18 +20754,10 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-subtitle-footer
         </div>
         <div
           class="t-col t-col-12"
-          style="flex: 0 0 auto; padding-left: 0px; padding-right: 0px;"
-        >
-          <div
-            class="t-divider t-divider--vertical"
-          />
-        </div>
-        <div
-          class="t-col t-col-12"
-          style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+          style="flex-basis: auto; padding-left: 0px; padding-right: 0px; display: inline-flex; justify-content: center;"
         >
           <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width"
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
             type="button"
           >
             <span
@@ -20891,18 +20781,10 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-subtitle-footer
         </div>
         <div
           class="t-col t-col-12"
-          style="flex: 0 0 auto; padding-left: 0px; padding-right: 0px;"
-        >
-          <div
-            class="t-divider t-divider--vertical"
-          />
-        </div>
-        <div
-          class="t-col t-col-12"
-          style="flex-basis: auto; padding-left: 0px; padding-right: 0px;"
+          style="flex-basis: auto; padding-left: 0px; padding-right: 0px; display: inline-flex; justify-content: center;"
         >
           <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width"
+            class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
             type="button"
           >
             <span
@@ -23881,7 +23763,7 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/base.vue 1`] = `
               >
                 <div
                   class="t-space t-space-vertical"
-                  style="gap: 16px; width: 80%;"
+                  style="gap: 16px; width: 100%;"
                 >
                   <div
                     class="t-space-item"
@@ -34843,7 +34725,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
       class="t-transfer__operations"
     >
       <button
-        class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+        class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
         disabled="disabled"
         type="button"
       >
@@ -34862,7 +34744,7 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
         </svg>
       </button>
       <button
-        class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+        class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
         disabled="disabled"
         type="button"
       >
@@ -53393,7 +53275,6 @@ exports[`csr snapshot test > csr test ./src/form/_example/validator-status.vue 1
                 >
                   <svg
                     class="t-icon t-icon-add"
-                    style="font-size: 16px; color: rgba(0, 0, 0, 0.267);"
                   >
                     <use
                       href="#t-icon-add"
@@ -57020,19 +56901,19 @@ exports[`csr snapshot test > csr test ./src/image/_example/placeholder.vue 1`] =
                     class="t-image__loading"
                   >
                     <svg
-                      class="t-icon t-icon-qrcode"
+                      class="t-icon t-icon-image-error"
                       fill="none"
                       height="1em"
                       viewBox="0 0 16 16"
                       width="1em"
                     >
                       <path
-                        d="M6 4H4v2h2V4z"
+                        d="M2 13V8h1v2.3l3-3 5.7 5.7H13V3H8V2h5a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1zm4-4.3l-3 3V13h7.3L6 8.7z"
                         fill="currentColor"
                         fill-opacity="0.9"
                       />
                       <path
-                        d="M2.5 2a.5.5 0 00-.5.5v5c0 .28.22.5.5.5h5a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5h-5zM3 3h4v4H3V3zM10.5 2a.5.5 0 00-.5.5v3c0 .28.22.5.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-3zm.5 3V3h2v2h-2zM10 10.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5v-3zm1 2.5h2v-2h-2v2zM2.5 10a.5.5 0 00-.5.5v3c0 .28.22.5.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-3zm.5 1h2v2H3v-2zM14 7.5h-4v1h4v-1zM8.5 11v3h-1v-3h1zM8.5 10V9h-1v1h1z"
+                        d="M12 6a2 2 0 11-4 0 2 2 0 014 0zm-1 0a1 1 0 10-2 0 1 1 0 002 0zM6.28 5.56l-.7.7-1.42-1.4-1.41 1.4-.71-.7 1.41-1.41-1.41-1.42.7-.7 1.42 1.4 1.41-1.4.71.7-1.41 1.42 1.41 1.4z"
                         fill="currentColor"
                         fill-opacity="0.9"
                       />
@@ -63025,36 +62906,27 @@ exports[`csr snapshot test > csr test ./src/list/_example/base.vue 1`] = `
         <li
           class="t-list-item__action"
         >
-          <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default"
-            type="button"
+          <a
+            class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+            style="margin-left: 16px;"
+            target=""
           >
-            <span
-              class="t-button__text"
-            >
-              操作1
-            </span>
-          </button>
-          <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default"
-            type="button"
+             操作1 
+          </a>
+          <a
+            class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+            style="margin-left: 16px;"
+            target=""
           >
-            <span
-              class="t-button__text"
-            >
-              操作2
-            </span>
-          </button>
-          <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default"
-            type="button"
+             操作2 
+          </a>
+          <a
+            class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+            style="margin-left: 16px;"
+            target=""
           >
-            <span
-              class="t-button__text"
-            >
-              操作3
-            </span>
-          </button>
+             操作3 
+          </a>
         </li>
       </div>
     </li>
@@ -63072,36 +62944,27 @@ exports[`csr snapshot test > csr test ./src/list/_example/base.vue 1`] = `
         <li
           class="t-list-item__action"
         >
-          <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default"
-            type="button"
+          <a
+            class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+            style="margin-left: 16px;"
+            target=""
           >
-            <span
-              class="t-button__text"
-            >
-              操作1
-            </span>
-          </button>
-          <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default"
-            type="button"
+             操作1 
+          </a>
+          <a
+            class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+            style="margin-left: 16px;"
+            target=""
           >
-            <span
-              class="t-button__text"
-            >
-              操作2
-            </span>
-          </button>
-          <button
-            class="t-button t-size-m t-button--variant-text t-button--theme-default"
-            type="button"
+             操作2 
+          </a>
+          <a
+            class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+            style="margin-left: 16px;"
+            target=""
           >
-            <span
-              class="t-button__text"
-            >
-              操作3
-            </span>
-          </button>
+             操作3 
+          </a>
         </li>
       </div>
     </li>
@@ -63965,215 +63828,197 @@ exports[`csr snapshot test > csr test ./src/list/_example/operation.vue 1`] = `
               class="t-list-item__action"
             >
               <span>
-                <button
-                  class="t-button t-size-m t-button--variant-text t-button--theme-default"
-                  type="button"
+                <a
+                  class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+                  style="margin-left: 16px;"
+                  target=""
                 >
-                  <span
-                    class="t-button__text"
+                  操作1
+                </a>
+                <a
+                  class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+                  style="margin-left: 16px;"
+                  target=""
+                >
+                  操作2
+                </a>
+                <a
+                  class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+                  style="margin-left: 16px;"
+                  target=""
+                >
+                  操作3
+                </a>
+              </span>
+            </li>
+          </div>
+        </li>
+        <li
+          class="t-list-item"
+        >
+          <div
+            class="t-list-item-main"
+          >
+            <div
+              class="t-list-item__content"
+            >
+              <div
+                class="t-list-item__meta"
+              >
+                <div
+                  class="t-list-item__meta-avatar"
+                >
+                  <img
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
                   >
-                    操作1
-                  </span>
-                </button>
-                <button
-                  class="t-button t-size-m t-button--variant-text t-button--theme-default"
-                  type="button"
+                    列表标题
+                  </h3>
+                  <p
+                    class="t-list-item__meta-description"
+                  >
+                    列表内容列表内容
+                  </p>
+                </div>
+              </div>
+            </div>
+            <li
+              class="t-list-item__action"
+            >
+              <span>
+                <a
+                  class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+                  style="margin-left: 16px;"
+                  target=""
                 >
-                  <span
-                    class="t-button__text"
+                  操作1
+                </a>
+                <a
+                  class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+                  style="margin-left: 16px;"
+                  target=""
+                >
+                  操作2
+                </a>
+                <a
+                  class="t-link t-size-m t-link--theme-primary t-link--hover-color"
+                  style="margin-left: 16px;"
+                  target=""
+                >
+                  操作3
+                </a>
+              </span>
+            </li>
+          </div>
+        </li>
+      </ul>
+      <div
+        class="t-list__load"
+      />
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-list t-size-m t-list--split"
+    >
+      <ul
+        class="t-list__inner"
+      >
+        <li
+          class="t-list-item"
+        >
+          <div
+            class="t-list-item-main"
+          >
+            <div
+              class="t-list-item__content"
+            >
+              <div
+                class="t-list-item__meta"
+              >
+                <div
+                  class="t-list-item__meta-avatar"
+                >
+                  <img
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
                   >
-                    操作2
-                  </span>
-                </button>
-                <button
-                  class="t-button t-size-m t-button--variant-text t-button--theme-default"
-                  type="button"
+                    列表标题
+                  </h3>
+                  <p
+                    class="t-list-item__meta-description"
+                  >
+                    列表内容列表内容
+                  </p>
+                </div>
+              </div>
+            </div>
+            <li
+              class="t-list-item__action"
+            >
+              <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-edit"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 16 16"
+                    width="1em"
                   >
-                    操作3
-                  </span>
-                </button>
-              </span>
-            </li>
-          </div>
-        </li>
-        <li
-          class="t-list-item"
-        >
-          <div
-            class="t-list-item-main"
-          >
-            <div
-              class="t-list-item__content"
-            >
-              <div
-                class="t-list-item__meta"
-              >
-                <div
-                  class="t-list-item__meta-avatar"
-                >
-                  <img
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <p
-                    class="t-list-item__meta-description"
-                  >
-                    列表内容列表内容
-                  </p>
-                </div>
-              </div>
-            </div>
-            <li
-              class="t-list-item__action"
-            >
-              <span>
-                <button
-                  class="t-button t-size-m t-button--variant-text t-button--theme-default"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    操作1
-                  </span>
-                </button>
-                <button
-                  class="t-button t-size-m t-button--variant-text t-button--theme-default"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    操作2
-                  </span>
-                </button>
-                <button
-                  class="t-button t-size-m t-button--variant-text t-button--theme-default"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    操作3
-                  </span>
-                </button>
-              </span>
-            </li>
-          </div>
-        </li>
-      </ul>
-      <div
-        class="t-list__load"
-      />
-    </div>
-  </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-list t-size-m t-list--split"
-    >
-      <ul
-        class="t-list__inner"
-      >
-        <li
-          class="t-list-item"
-        >
-          <div
-            class="t-list-item-main"
-          >
-            <div
-              class="t-list-item__content"
-            >
-              <div
-                class="t-list-item__meta"
-              >
-                <div
-                  class="t-list-item__meta-avatar"
-                >
-                  <img
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <p
-                    class="t-list-item__meta-description"
-                  >
-                    列表内容列表内容
-                  </p>
-                </div>
-              </div>
-            </div>
-            <li
-              class="t-list-item__action"
-            >
-              <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
-                    class="t-icon t-icon-edit"
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 16 16"
-                    width="1em"
-                  >
-                    <path
-                      d="M10.88 1.74l3.25 3.24.7-.7-3.24-3.25-.7.7zM2.35 13.86l3.62-.72 7.3-7.3-3.25-3.24-7.3 7.3L2 13.5a.3.3 0 00.35.35zm7.67-9.85l1.83 1.83-6.38 6.38-2.28.46.45-2.29 6.38-6.38z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                  </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
-                    class="t-icon t-icon-download"
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 16 16"
-                    width="1em"
-                  >
-                    <path
-                      d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                  </svg>
-                </span>
-              </button>
+                    <path
+                      d="M10.88 1.74l3.25 3.24.7-.7-3.24-3.25-.7.7zM2.35 13.86l3.62-.72 7.3-7.3-3.25-3.24-7.3 7.3L2 13.5a.3.3 0 00.35.35zm7.67-9.85l1.83 1.83-6.38 6.38-2.28.46.45-2.29 6.38-6.38z"
+                      fill="currentColor"
+                      fill-opacity="0.9"
+                    />
+                  </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
+                    class="t-icon t-icon-download"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 16 16"
+                    width="1em"
+                  >
+                    <path
+                      d="M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z"
+                      fill="currentColor"
+                      fill-opacity="0.9"
+                    />
+                    <path
+                      d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
+                      fill="currentColor"
+                      fill-opacity="0.9"
+                    />
+                  </svg>
+                </span>
+              </button>
             </li>
           </div>
         </li>
@@ -82316,7 +82161,7 @@ exports[`csr snapshot test > csr test ./src/select/_example/collapsed.vue 1`] =
                 </svg>
               </span>
               <span
-                style="color: rgb(237, 123, 47);"
+                style="color: rgb(237, 123, 47); margin-left: 8px;"
               >
                 +1
               </span>
@@ -82387,7 +82232,7 @@ exports[`csr snapshot test > csr test ./src/select/_example/collapsed.vue 1`] =
                 </svg>
               </span>
               <span
-                style="color: rgb(0, 168, 112);"
+                style="color: rgb(0, 168, 112); margin-left: 8px;"
               >
                 +1
               </span>
@@ -84657,7 +84502,6 @@ exports[`csr snapshot test > csr test ./src/select/_example/virtual-scroll.vue 1
 exports[`csr snapshot test > csr test ./src/select-input/_example/autocomplete.vue 1`] = `
 <div
   class="t-select-input t-select-input--empty"
-  data-v-6de3cc0f=""
   style="width: 300px;"
 >
   <div
@@ -84681,7 +84525,6 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autocomplete.v
       >
         <svg
           class="t-icon t-icon-search"
-          data-v-6de3cc0f=""
           fill="none"
           height="1em"
           viewBox="0 0 16 16"
@@ -84689,7 +84532,6 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autocomplete.v
         >
           <path
             d="M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z"
-            data-v-6de3cc0f=""
             fill="currentColor"
             fill-opacity="0.9"
           />
@@ -84703,7 +84545,6 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autocomplete.v
 exports[`csr snapshot test > csr test ./src/select-input/_example/autowidth.vue 1`] = `
 <div
   class="t-select-input"
-  data-v-d3026d40=""
 >
   <div
     class="t-input__wrap t-input--auto-width"
@@ -84731,7 +84572,6 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autowidth.vue
       >
         <svg
           class="t-icon t-icon-chevron-down"
-          data-v-d3026d40=""
           fill="none"
           height="1em"
           viewBox="0 0 16 16"
@@ -84739,7 +84579,6 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autowidth.vue
         >
           <path
             d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
-            data-v-d3026d40=""
             fill="currentColor"
             fill-opacity="0.9"
           />
@@ -84752,75 +84591,77 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autowidth.vue
 
 exports[`csr snapshot test > csr test ./src/select-input/_example/autowidth-multiple.vue 1`] = `
 <div
-  class="t-select-input t-select-input--multiple"
-  data-v-43e6ff8d=""
+  class="tdesign-demo__select-input-autowidth-multiple"
+  style="width: 100%;"
 >
   <div
-    class="t-input__wrap t-input--auto-width t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"
+    class="t-select-input t-select-input--multiple"
   >
     <div
-      class="t-input t-size-m t-is-default t-input--prefix t-input--suffix"
+      class="t-input__wrap t-input--auto-width t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"
     >
       <div
-        class="t-input__prefix"
+        class="t-input t-size-m t-is-default t-input--prefix t-input--suffix"
       >
-        <span
-          class="t-tag t-tag--default t-size-m t-tag--dark t-tag--close"
+        <div
+          class="t-input__prefix"
         >
-          <span>
-            Vue
+          <span
+            class="t-tag t-tag--default t-size-m t-tag--dark t-tag--close"
+          >
+            <span>
+              Vue
+            </span>
+            <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-size-m t-tag--dark"
+          >
+            <span>
+              +2
+            </span>
           </span>
+        </div>
+        <input
+          autocomplete=""
+          class="t-input__inner"
+          placeholder=""
+          type="text"
+          unselectable="off"
+        />
+        <span
+          class="t-input__input-pre"
+        />
+        <span
+          class="t-input__suffix t-input__suffix-icon"
+        >
           <svg
-            class="t-icon t-icon-close t-tag__icon-close"
+            class="t-icon t-icon-chevron-down"
             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"
+              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
               fill="currentColor"
               fill-opacity="0.9"
             />
           </svg>
         </span>
-        <span
-          class="t-tag t-tag--default t-size-m t-tag--dark"
-        >
-          <span>
-            +2
-          </span>
-        </span>
       </div>
-      <input
-        autocomplete=""
-        class="t-input__inner"
-        placeholder=""
-        type="text"
-        unselectable="off"
-      />
-      <span
-        class="t-input__input-pre"
-      />
-      <span
-        class="t-input__suffix t-input__suffix-icon"
-      >
-        <svg
-          class="t-icon t-icon-chevron-down"
-          data-v-43e6ff8d=""
-          fill="none"
-          height="1em"
-          viewBox="0 0 16 16"
-          width="1em"
-        >
-          <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
-            data-v-43e6ff8d=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-        </svg>
-      </span>
     </div>
   </div>
 </div>
@@ -84830,7 +84671,6 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/borderless.vue
 <div
   class="t-select-input t-select-input--borderless"
   data-v-5429dd2c=""
-  style="width: 200px;"
 >
   <div
     class="t-input__wrap"
@@ -84856,57 +84696,61 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/borderless.vue
 
 exports[`csr snapshot test > csr test ./src/select-input/_example/borderless-multiple.vue 1`] = `
 <div
-  class="t-select-input t-select-input--borderless t-select-input--multiple"
-  data-v-56f11d7e=""
-  style="width: 250px;"
+  class="tdesign-demo__select-input-borderless-multiple"
+  style="width: 100%;"
 >
   <div
-    class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+    class="t-select-input t-select-input--borderless t-select-input--multiple"
+    style="width: 250px;"
   >
     <div
-      class="t-input t-size-m t-is-default t-input--prefix"
+      class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
     >
       <div
-        class="t-input__prefix"
+        class="t-input t-size-m t-is-default t-input--prefix"
       >
-        <span
-          class="t-tag t-tag--default t-size-m t-tag--dark t-tag--close"
+        <div
+          class="t-input__prefix"
         >
-          <span>
-            Vue
+          <span
+            class="t-tag t-tag--default t-size-m t-tag--dark t-tag--close"
+          >
+            <span>
+              Vue
+            </span>
+            <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>
-          <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-size-m t-tag--dark"
           >
-            <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-size-m t-tag--dark"
-        >
-          <span>
-            +2
+            <span>
+              +2
+            </span>
           </span>
-        </span>
+        </div>
+        <input
+          autocomplete=""
+          class="t-input__inner"
+          placeholder=""
+          type="text"
+          unselectable="off"
+        />
+        <span
+          class="t-input__input-pre"
+        />
       </div>
-      <input
-        autocomplete=""
-        class="t-input__inner"
-        placeholder=""
-        type="text"
-        unselectable="off"
-      />
-      <span
-        class="t-input__input-pre"
-      />
     </div>
   </div>
 </div>
@@ -84914,7 +84758,7 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/borderless-mul
 
 exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-items.vue 1`] = `
 <div
-  class="t-space t-space-vertical"
+  class="tdesign-demo__select-input-collapsed-items t-space t-space-vertical"
   style="gap: 16px;"
 >
   <div
@@ -85153,7 +84997,7 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
 
 exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue 1`] = `
 <div
-  class="t-space t-space-vertical"
+  class="tdesign-demo-select-input-custom-tag t-space t-space-vertical"
   data-v-3251f825=""
   style="gap: 16px;"
 >
@@ -85860,6 +85704,20 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/label-suffix.v
       </div>
     </div>
   </div>
+  <div
+    class="t-space-item"
+  >
+    <br
+      data-v-1c8ac371=""
+    />
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <br
+      data-v-1c8ac371=""
+    />
+  </div>
   <div
     class="t-space-item"
   >
@@ -85918,109 +85776,101 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/label-suffix.v
 
 exports[`csr snapshot test > csr test ./src/select-input/_example/multiple.vue 1`] = `
 <div
-  class="t-space t-space-vertical"
+  class="tdesign-demo__select-input-multiple t-space t-space-vertical"
   style="gap: 16px; width: 100%;"
 >
   <div
     class="t-space-item"
   >
-    <div
-      class="t-space t-space-horizontal"
-      style="gap: 16px;"
-    >
+    <div>
+      <label
+        class="t-checkbox t-is-checked"
+      >
+        <input
+          class="t-checkbox__former"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          是否允许输入
+        </span>
+      </label>
+      <label
+        class="t-checkbox t-is-checked"
+      >
+        <input
+          class="t-checkbox__former"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          允许创建新选项（Enter 创建）
+        </span>
+      </label>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div>
       <div
-        class="t-space-item"
+        class="t-radio-group t-size-m t-radio-group__outline"
       >
         <label
-          class="t-checkbox t-is-checked"
+          class="t-radio"
         >
           <input
-            class="t-checkbox__former"
-            type="checkbox"
-            value=""
+            class="t-radio__former"
+            name=""
+            type="radio"
+            value="scroll"
           />
           <span
-            class="t-checkbox__input"
+            class="t-radio__input"
           />
           <span
-            class="t-checkbox__label"
+            class="t-radio__label"
           >
-            是否允许输入
+            选中项过多横向滚动
           </span>
         </label>
-      </div>
-      <div
-        class="t-space-item"
-      >
         <label
-          class="t-checkbox t-is-checked"
+          class="t-radio t-is-checked"
         >
           <input
-            class="t-checkbox__former"
-            type="checkbox"
-            value=""
+            class="t-radio__former"
+            name=""
+            type="radio"
+            value="break-line"
           />
           <span
-            class="t-checkbox__input"
+            class="t-radio__input"
           />
           <span
-            class="t-checkbox__label"
+            class="t-radio__label"
           >
-            允许创建新选项（Enter 创建）
+            选中项过多换行显示
           </span>
         </label>
       </div>
     </div>
   </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-radio-group t-size-m t-radio-group__outline"
-    >
-      <label
-        class="t-radio"
-      >
-        <input
-          class="t-radio__former"
-          name=""
-          type="radio"
-          value="scroll"
-        />
-        <span
-          class="t-radio__input"
-        />
-        <span
-          class="t-radio__label"
-        >
-          选中项过多横向滚动
-        </span>
-      </label>
-      <label
-        class="t-radio t-is-checked"
-      >
-        <input
-          class="t-radio__former"
-          name=""
-          type="radio"
-          value="break-line"
-        />
-        <span
-          class="t-radio__input"
-        />
-        <span
-          class="t-radio__label"
-        >
-          选中项过多换行显示
-        </span>
-      </label>
-    </div>
-  </div>
   <div
     class="t-space-item"
   >
     <div
       class="t-select-input t-select-input--multiple"
+      input-value:sync=""
     >
       <div
         class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon"
@@ -86175,42 +86025,53 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/single.vue 1`]
 exports[`csr snapshot test > csr test ./src/select-input/_example/status.vue 1`] = `
 <div
   class="tdesign-demo-select-input-status t-space t-space-vertical"
-  style="gap: 16px;"
+  style="gap: 16px; width: 100%;"
 >
   <div
     class="t-space-item"
   >
-    <div>
-      <span>
-        禁用状态：
-      </span>
+    <div
+      class="t-space t-space-align-center t-space-horizontal"
+      style="gap: 16px;"
+    >
       <div
-        class="t-select-input"
+        class="t-space-item"
+      >
+        <span>
+          禁用状态：
+        </span>
+      </div>
+      <div
+        class="t-space-item"
       >
         <div
-          class="t-input__wrap"
+          class="t-select-input"
         >
           <div
-            class="t-input t-size-m t-is-disabled t-is-default t-is-readonly t-input--prefix"
+            class="t-input__wrap"
           >
             <div
-              class="t-input__prefix"
-            />
-            <input
-              autocomplete=""
-              class="t-input__inner"
-              disabled="disabled"
-              placeholder="Please Select"
-              readonly="readonly"
-              type="text"
-              unselectable="on"
-            />
+              class="t-input t-size-m t-is-disabled t-is-default t-is-readonly t-input--prefix"
+            >
+              <div
+                class="t-input__prefix"
+              />
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                disabled="disabled"
+                placeholder="Please Select"
+                readonly="readonly"
+                type="text"
+                unselectable="on"
+              />
+            </div>
+          </div>
+          <div
+            class="t-input__tips t-input__tips--default"
+          >
+            这是禁用状态文本提示
           </div>
-        </div>
-        <div
-          class="t-input__tips t-input__tips--default"
-        >
-          这是禁用状态文本提示
         </div>
       </div>
     </div>
@@ -86218,36 +86079,47 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/status.vue 1`]
   <div
     class="t-space-item"
   >
-    <div>
-      <span>
-        只读状态：
-      </span>
+    <div
+      class="t-space t-space-align-center t-space-horizontal"
+      style="gap: 16px;"
+    >
       <div
-        class="t-select-input"
+        class="t-space-item"
+      >
+        <span>
+          只读状态：
+        </span>
+      </div>
+      <div
+        class="t-space-item"
       >
         <div
-          class="t-input__wrap"
+          class="t-select-input"
         >
           <div
-            class="t-input t-size-m t-is-default t-is-readonly t-input--prefix"
+            class="t-input__wrap"
           >
             <div
-              class="t-input__prefix"
-            />
-            <input
-              autocomplete=""
-              class="t-input__inner"
-              placeholder="Please Select"
-              readonly="readonly"
-              type="text"
-              unselectable="on"
-            />
+              class="t-input t-size-m t-is-default t-is-readonly t-input--prefix"
+            >
+              <div
+                class="t-input__prefix"
+              />
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="Please Select"
+                readonly="readonly"
+                type="text"
+                unselectable="on"
+              />
+            </div>
+          </div>
+          <div
+            class="t-input__tips t-input__tips--default"
+          >
+            这是普通状态的文本提示
           </div>
-        </div>
-        <div
-          class="t-input__tips t-input__tips--default"
-        >
-          这是普通状态的文本提示
         </div>
       </div>
     </div>
@@ -86255,36 +86127,47 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/status.vue 1`]
   <div
     class="t-space-item"
   >
-    <div>
-      <span>
-        成功状态：
-      </span>
+    <div
+      class="t-space t-space-align-center t-space-horizontal"
+      style="gap: 16px;"
+    >
       <div
-        class="t-select-input"
+        class="t-space-item"
+      >
+        <span>
+          成功状态：
+        </span>
+      </div>
+      <div
+        class="t-space-item"
       >
         <div
-          class="t-input__wrap"
+          class="t-select-input"
         >
           <div
-            class="t-input t-size-m t-is-success t-is-readonly t-input--prefix"
+            class="t-input__wrap"
           >
             <div
-              class="t-input__prefix"
-            />
-            <input
-              autocomplete=""
-              class="t-input__inner"
-              placeholder="Please Select"
-              readonly="readonly"
-              type="text"
-              unselectable="on"
-            />
+              class="t-input t-size-m t-is-success t-is-readonly t-input--prefix"
+            >
+              <div
+                class="t-input__prefix"
+              />
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="Please Select"
+                readonly="readonly"
+                type="text"
+                unselectable="on"
+              />
+            </div>
+          </div>
+          <div
+            class="t-input__tips t-input__tips--success"
+          >
+            校验通过文本提示
           </div>
-        </div>
-        <div
-          class="t-input__tips t-input__tips--success"
-        >
-          校验通过文本提示
         </div>
       </div>
     </div>
@@ -86292,36 +86175,47 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/status.vue 1`]
   <div
     class="t-space-item"
   >
-    <div>
-      <span>
-        警告状态：
-      </span>
+    <div
+      class="t-space t-space-align-center t-space-horizontal"
+      style="gap: 16px;"
+    >
       <div
-        class="t-select-input"
+        class="t-space-item"
+      >
+        <span>
+          警告状态：
+        </span>
+      </div>
+      <div
+        class="t-space-item"
       >
         <div
-          class="t-input__wrap"
+          class="t-select-input"
         >
           <div
-            class="t-input t-size-m t-is-warning t-is-readonly t-input--prefix"
+            class="t-input__wrap"
           >
             <div
-              class="t-input__prefix"
-            />
-            <input
-              autocomplete=""
-              class="t-input__inner"
-              placeholder="Please Select"
-              readonly="readonly"
-              type="text"
-              unselectable="on"
-            />
+              class="t-input t-size-m t-is-warning t-is-readonly t-input--prefix"
+            >
+              <div
+                class="t-input__prefix"
+              />
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="Please Select"
+                readonly="readonly"
+                type="text"
+                unselectable="on"
+              />
+            </div>
+          </div>
+          <div
+            class="t-input__tips t-input__tips--warning"
+          >
+            校验不通过文本提示
           </div>
-        </div>
-        <div
-          class="t-input__tips t-input__tips--warning"
-        >
-          校验不通过文本提示
         </div>
       </div>
     </div>
@@ -86329,36 +86223,47 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/status.vue 1`]
   <div
     class="t-space-item"
   >
-    <div>
-      <span>
-        错误状态：
-      </span>
+    <div
+      class="t-space t-space-align-center t-space-horizontal"
+      style="gap: 16px;"
+    >
       <div
-        class="t-select-input"
+        class="t-space-item"
+      >
+        <span>
+          错误状态：
+        </span>
+      </div>
+      <div
+        class="t-space-item"
       >
         <div
-          class="t-input__wrap"
+          class="t-select-input"
         >
           <div
-            class="t-input t-size-m t-is-error t-is-readonly t-input--prefix"
+            class="t-input__wrap"
           >
             <div
-              class="t-input__prefix"
-            />
-            <input
-              autocomplete=""
-              class="t-input__inner"
-              placeholder="Please Select"
-              readonly="readonly"
-              type="text"
-              unselectable="on"
-            />
+              class="t-input t-size-m t-is-error t-is-readonly t-input--prefix"
+            >
+              <div
+                class="t-input__prefix"
+              />
+              <input
+                autocomplete=""
+                class="t-input__inner"
+                placeholder="Please Select"
+                readonly="readonly"
+                type="text"
+                unselectable="on"
+              />
+            </div>
+          </div>
+          <div
+            class="t-input__tips t-input__tips--error"
+          >
+            校验存在严重问题文本提示
           </div>
-        </div>
-        <div
-          class="t-input__tips t-input__tips--error"
-        >
-          校验存在严重问题文本提示
         </div>
       </div>
     </div>
@@ -130328,7 +130233,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/base.vue 1`] = `
     class="t-transfer__operations"
   >
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-button--shape-square"
       type="button"
     >
       <svg
@@ -130346,7 +130251,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/base.vue 1`] = `
       </svg>
     </button>
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -130870,7 +130775,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/checked.vue 1`] =
     class="t-transfer__operations"
   >
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-button--shape-square"
       type="button"
     >
       <svg
@@ -130888,7 +130793,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/checked.vue 1`] =
       </svg>
     </button>
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -130972,7 +130877,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/custom.vue 1`] = `
     class="t-space-item"
   >
     <div
-      class="t-transfer t-transfer__footer"
+      class="tdesign-transfer-custom t-transfer t-transfer__footer"
     >
       <div
         class="t-transfer__list t-transfer__list-source"
@@ -131419,7 +131324,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/custom.vue 1`] = `
           </div>
         </div>
         <div
-          style="padding: 10px 20px;"
+          style="padding: 12px 20px;"
         >
           <span>
             选中并加入
@@ -131430,7 +131335,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/custom.vue 1`] = `
         class="t-transfer__operations"
       >
         <button
-          class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+          class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled"
           disabled="disabled"
           type="button"
         >
@@ -131441,7 +131346,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/custom.vue 1`] = `
           </span>
         </button>
         <button
-          class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+          class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled"
           disabled="disabled"
           type="button"
         >
@@ -131497,7 +131402,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/custom.vue 1`] = `
           </div>
         </div>
         <div
-          style="padding: 10px 20px;"
+          style="padding: 12px 20px;"
         >
           <span>
             选中并移除
@@ -132016,7 +131921,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/custom.vue 1`] = `
         class="t-transfer__operations"
       >
         <button
-          class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+          class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
           disabled="disabled"
           type="button"
         >
@@ -132035,7 +131940,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/custom.vue 1`] = `
           </svg>
         </button>
         <button
-          class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+          class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
           disabled="disabled"
           type="button"
         >
@@ -132355,7 +132260,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/disabled.vue 1`] =
     class="t-transfer__operations"
   >
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -132374,7 +132279,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/disabled.vue 1`] =
       </svg>
     </button>
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -132719,7 +132624,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/empty.vue 1`] = `
         class="t-transfer__operations"
       >
         <button
-          class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+          class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
           disabled="disabled"
           type="button"
         >
@@ -132738,7 +132643,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/empty.vue 1`] = `
           </svg>
         </button>
         <button
-          class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+          class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
           disabled="disabled"
           type="button"
         >
@@ -132864,7 +132769,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/empty.vue 1`] = `
         class="t-transfer__operations"
       >
         <button
-          class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+          class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
           disabled="disabled"
           type="button"
         >
@@ -132883,7 +132788,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/empty.vue 1`] = `
           </svg>
         </button>
         <button
-          class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+          class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
           disabled="disabled"
           type="button"
         >
@@ -133283,7 +133188,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/pagination.vue 1`]
     class="t-transfer__operations"
   >
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -133302,7 +133207,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/pagination.vue 1`]
       </svg>
     </button>
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -133858,7 +133763,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/search.vue 1`] = `
     class="t-transfer__operations"
   >
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -133877,7 +133782,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/search.vue 1`] = `
       </svg>
     </button>
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -134231,7 +134136,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/target-value.vue 1
     class="t-transfer__operations"
   >
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -134250,7 +134155,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/target-value.vue 1
       </svg>
     </button>
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -134910,7 +134815,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
     class="t-transfer__operations"
   >
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -134929,7 +134834,7 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
       </svg>
     </button>
     <button
-      class="t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled"
+      class="t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square"
       disabled="disabled"
       type="button"
     >
@@ -148891,26 +148796,18 @@ exports[`csr snapshot test > csr test ./src/upload/_example/draggable.vue 1`] =
               <div
                 class="t-upload__dragger-btns"
               >
-                <button
-                  class="t-button t-size-m t-button--variant-text t-button--theme-primary t-upload__dragger-progress-cancel"
-                  type="button"
+                <a
+                  class="t-link t-size-m t-link--theme-primary t-link--hover-color t-upload__dragger-progress-cancel"
+                  target=""
                 >
-                  <span
-                    class="t-button__text"
-                  >
-                    重新选择
-                  </span>
-                </button>
-                <button
-                  class="t-button t-size-m t-button--variant-text t-button--theme-danger t-upload__dragger-delete-btn"
-                  type="button"
+                  重新选择
+                </a>
+                <a
+                  class="t-link t-size-m t-link--theme-danger t-link--hover-color t-upload__dragger-delete-btn"
+                  target=""
                 >
-                  <span
-                    class="t-button__text"
-                  >
-                    删除
-                  </span>
-                </button>
+                  删除
+                </a>
               </div>
             </div>
           </div>
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index e26f53e31..cbf5f2b35 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -100,31 +100,31 @@ exports[`ssr snapshot test > renders ./src/button/_example/status.vue correctly
 
 exports[`ssr snapshot test > renders ./src/button/_example/theme.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">填充按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">描边按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-dashed t-button--theme-default\\"><span class=\\"t-button__text\\">虚框按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">文字按钮</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">填充按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-primary\\"><span class=\\"t-button__text\\">描边按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-dashed t-button--theme-primary\\"><span class=\\"t-button__text\\">虚框按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-primary\\"><span class=\\"t-button__text\\">文字按钮</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-danger\\"><span class=\\"t-button__text\\">填充按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-danger\\"><span class=\\"t-button__text\\">描边按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-dashed t-button--theme-danger\\"><span class=\\"t-button__text\\">虚框按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-danger\\"><span class=\\"t-button__text\\">文字按钮</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-warning\\"><span class=\\"t-button__text\\">填充按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-warning\\"><span class=\\"t-button__text\\">描边按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-dashed t-button--theme-warning\\"><span class=\\"t-button__text\\">虚框按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-warning\\"><span class=\\"t-button__text\\">文字按钮</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-success\\"><span class=\\"t-button__text\\">填充按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-success\\"><span class=\\"t-button__text\\">描边按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-dashed t-button--theme-success\\"><span class=\\"t-button__text\\">虚框按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-success\\"><span class=\\"t-button__text\\">文字按钮</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/calendar/_example/card.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\" data-v-a0ba8a08><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:8px;\\" data-v-a0ba8a08><div class=\\"t-space-item\\"><label data-v-a0ba8a08>请选择风格：</label></div><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\" data-v-a0ba8a08><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"卡片风格\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" data-v-a0ba8a08><span class=\\"t-button__text\\"> 今天（当前高亮日期） </span></button></div></div></div><div class=\\"t-space-item\\"><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><div class=\\"t-space-item\\"><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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/cell.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>29</div><!----></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>30</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>1</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>2</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>3</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>4</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>5</div><!----></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>6</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>7</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>8</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>9</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>10</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>11</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>12</div><!----></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>13</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>14</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>15</div><div class=\\"slotWrapper\\" 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></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>16</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>17</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>18</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>19</div><!----></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>20</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>21</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>22</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>23</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>24</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>25</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>26</div><!----></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>27</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>28</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>29</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>30</div><!----></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>31</div><!----></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>1</div><!----></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>2</div><!----></div></div></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/cell.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>29</div><!----></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>30</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>1</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>2</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>3</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>4</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>5</div><!----></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>6</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>7</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>8</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>9</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>10</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>11</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>12</div><!----></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>13</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>14</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>15</div><div class=\\"slotWrapper\\" 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></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>16</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>17</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>18</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>19</div><!----></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>20</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>21</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>22</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>23</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>24</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>25</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>26</div><!----></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>27</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>28</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>29</div><!----></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>30</div><!----></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>31</div><!----></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>1</div><!----></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"outerWrapper\\" data-v-796f504e><div class=\\"number\\" data-v-796f504e>2</div><!----></div></div></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/cell-append.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><div class=\\"cell-append-demo-outer\\"><span class=\\"activeTag t-tag t-tag--success t-size-s t-tag--light\\" style=\\"width:100%;\\"><span> 我们的纪念日 </span></span><span class=\\"activeTag t-tag t-tag--warning t-size-s t-tag--light\\" style=\\"width:100%;\\"><span> 家庭聚会 </span></span></div></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/cell-append.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"><div class=\\"cell-append-demo-outer\\"><span class=\\"activeTag t-tag t-tag--success t-size-s t-tag--light\\" style=\\"width:100%;\\"><span> 我们的纪念日 </span></span><span class=\\"activeTag t-tag t-tag--warning t-size-s t-tag--light\\" style=\\"width:100%;\\"><span> 家庭聚会 </span></span></div></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/controller-config.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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 size=\\"medium\\" class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div size=\\"medium\\" class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-s t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" size=\\"medium\\" class=\\"t-button t-size-s t-button--variant-base t-button--theme-warning\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/controller-config.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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 size=\\"medium\\" class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div size=\\"medium\\" class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-s t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" size=\\"medium\\" class=\\"t-button t-size-s t-button--variant-base t-button--theme-warning\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/events.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/events.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/first-day-of-week.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-67d2fdc0><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:8px;\\" data-v-67d2fdc0><div class=\\"t-space-item\\"><label data-v-67d2fdc0>日历的第一列为：</label></div><div class=\\"t-space-item\\"><div class=\\"demo-select-base t-select__wrap\\" data-v-67d2fdc0><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"周三\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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></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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/first-day-of-week.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-67d2fdc0><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:8px;\\" data-v-67d2fdc0><div class=\\"t-space-item\\"><label data-v-67d2fdc0>日历的第一列为：</label></div><div class=\\"t-space-item\\"><div class=\\"demo-select-base t-select__wrap\\" data-v-67d2fdc0><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"周三\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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></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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/head.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><div>🗓 TDesign开发计划</div></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/head.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><div>🗓 TDesign开发计划</div></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/calendar/_example/mode.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-e9a00fe2><div class=\\"t-space-item\\"><div class=\\"demo-select-base t-select__wrap\\" data-v-e9a00fe2><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"月历\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><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\\" checked=\\"checked\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">1 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">2 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">3 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">4 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">5 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">6 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">7 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">8 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">9 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12 月</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/range.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/range.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/slot-props-api.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><div>2021-12 工作安排</div></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">29</div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">30</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">1</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">2</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">3</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">4</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">5</div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">6</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">7</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">8</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">9</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">10</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">11</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">12</div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">13</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">14</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><span><div class=\\"calendar-slot-props-api-demo-slot-wrapper\\"><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></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">16</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">17</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">18</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">19</div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">20</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">21</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">22</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">23</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">24</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">25</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">26</div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">27</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">28</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">29</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">30</div></div></div><div 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\\">31</div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">1</div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">2</div></div></div></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/slot-props-api.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-calendar t-calendar--full\\"><div class=\\"t-calendar__control\\"><div class=\\"t-calendar__title\\"><div>2021-12 工作安排</div></div><div class=\\"t-calendar__control-section\\"><div class=\\"t-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">29</div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">30</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">1</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">2</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">3</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">4</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">5</div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">6</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">7</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">8</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">9</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">10</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">11</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">12</div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">13</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">14</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><span><div class=\\"calendar-slot-props-api-demo-slot-wrapper\\"><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></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">16</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">17</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">18</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">19</div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">20</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">21</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">22</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">23</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">24</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">25</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">26</div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">27</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">28</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">29</div></div></div><div class=\\"t-calendar__table-body-cell\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">30</div></div></div><div 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\\">31</div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">1</div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div class=\\"calendar-slot-props-api-demo\\"><div class=\\"number\\">2</div></div></div></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/calendar/_example/week.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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 t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1998\\" class=\\"t-input__inner\\"></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 t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"11\\" class=\\"t-input__inner\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><h2>单个高亮日期</h2></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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"1998 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">1998 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"11 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">11 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div><div class=\\"t-space-item\\"><br></div><div class=\\"t-space-item\\"><h2>多个高亮日期</h2></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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"1998 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">1998 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"11 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">11 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/calendar/_example/week.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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 t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1998\\" class=\\"t-input__inner\\"></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 t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"11\\" class=\\"t-input__inner\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><h2>单个高亮日期</h2></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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"1998 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">1998 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"11 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">11 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div><div class=\\"t-space-item\\"><br></div><div class=\\"t-space-item\\"><h2>多个高亮日期</h2></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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"1998 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">1998 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"11 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">11 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/card/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\"><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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div><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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div><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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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>星期1</span></th><th class=\\"t-calendar__table-head-cell\\"><span>星期2</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#dd4a68;\\">周三啦</span></th><th class=\\"t-calendar__table-head-cell\\"><span>星期4</span></th><th class=\\"t-calendar__table-head-cell\\"><span>星期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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/card/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\"><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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div><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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div><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-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021 年\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">2021 年</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-calendar__control-section-cell\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">12 月</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-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\\" checked=\\"checked\\" value=\\"month\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">月</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"year\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-l t-calendar__control-tag\\">隐藏周末</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><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>星期1</span></th><th class=\\"t-calendar__table-head-cell\\"><span>星期2</span></th><th class=\\"t-calendar__table-head-cell\\"><span style=\\"color:#dd4a68;\\">周三啦</span></th><th class=\\"t-calendar__table-head-cell\\"><span>星期4</span></th><th class=\\"t-calendar__table-head-cell\\"><span>星期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\\"><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">03</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">04</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">05</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">06</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">07</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">08</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">09</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">10</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">11</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">12</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">13</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">14</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">15</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">16</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">17</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">18</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">19</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">20</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">21</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">22</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">23</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">24</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">25</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">26</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr><tr class=\\"t-calendar__table-body-row\\"><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">27</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">28</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">29</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">30</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-checked t-calendar__table-body-cell--now\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">31</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">01</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div><div class=\\"t-calendar__table-body-cell t-is-disabled\\"><div style=\\"display:flex;flex-direction:column;align-items:flex-end;\\"><div class=\\"t-calendar__table-body-cell-display\\">02</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/card/_example/base.vue correctly 2`] = `"<div data-server-rendered=\\"true\\" 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>"`;
 
@@ -132,13 +132,13 @@ exports[`ssr snapshot test > renders ./src/card/_example/bordered.vue correctly
 
 exports[`ssr snapshot test > renders ./src/card/_example/bordered-none.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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)\\" style=\\"line-height:24px;\\" data-v-3afd352c>操作</a></div></div><div class=\\"t-card__body\\"> 仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。 </div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/card/_example/footer.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><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-size-m t-tag--dark\\"><span>默认标签</span></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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\"><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 > renders ./src/card/_example/footer.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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;gap:24px;\\"><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\"><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:auto;padding-left:0px;padding-right:0px;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><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:auto;padding-left:0px;padding-right:0px;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\"><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 > renders ./src/card/_example/footer-actions.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square t-size-full-width\\"><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></div><div class=\\"t-space-item\\"><br></div><div class=\\"t-space-item\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" style=\\"margin-right:8px;\\"><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:16;\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><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:16;\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><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><div class=\\"t-space-item\\"><br></div><div class=\\"t-space-item\\"><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\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\"></div><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">Q</span></div><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">+3</span></div></div></div><div class=\\"t-card__actions\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><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></div>"`;
+exports[`ssr snapshot test > renders ./src/card/_example/footer-actions.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><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;gap:24px;\\"><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\"><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:auto;padding-left:0px;padding-right:0px;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><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:auto;padding-left:0px;padding-right:0px;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\"><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></div><div class=\\"t-space-item\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" style=\\"margin-right:8px;\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" style=\\"margin-right:8px;\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><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><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\"><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><div class=\\"t-space-item\\"><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\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\"></div><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">Q</span></div><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">+3</span></div></div></div><div class=\\"t-card__actions\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\"><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></div>"`;
 
 exports[`ssr snapshot test > renders ./src/card/_example/footer-content.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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 > renders ./src/card/_example/footer-content-actions.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\" data-v-15ae4635><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\\" data-v-15ae4635><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-15ae4635 data-v-15ae4635><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;\\" data-v-15ae4635><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\\" data-v-15ae4635></path></svg></span></button></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/card/_example/footer-content-actions.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\" data-v-15ae4635><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\\" data-v-15ae4635><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-15ae4635 data-v-15ae4635><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" data-v-15ae4635><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\\" data-v-15ae4635></path></svg></span></button></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/card/_example/header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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)\\" style=\\"line-height:24px;\\">操作</a></div></div><div class=\\"t-card__body\\"> 卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 </div></div>"`;
 
@@ -148,11 +148,11 @@ exports[`ssr snapshot test > renders ./src/card/_example/header-bordered.vue cor
 
 exports[`ssr snapshot test > renders ./src/card/_example/header-description.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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>"`;
 
-exports[`ssr snapshot test > renders ./src/card/_example/header-footer-actions.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\" data-v-bed46286><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div class=\\"t-card__avatar\\"><div class=\\"t-avatar t-avatar--circle\\" data-v-bed46286><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\"></div></div><div><span class=\\"t-card__title\\">标题</span><p class=\\"t-card__description\\">卡片内容</p></div></div><div class=\\"t-card__actions\\"><div class=\\"tdesign-demo-dropdown-trigger\\" data-v-bed46286 data-v-bed46286><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-bed46286><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;\\" data-v-bed46286><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\\" data-v-bed46286></path></svg></span></button></div></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;\\" data-v-bed46286><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\" data-v-bed46286><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\" data-v-bed46286><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;\\" data-v-bed46286><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\\" data-v-bed46286></path></svg></span></button></div><div class=\\"t-col t-col-12\\" style=\\"flex:none;padding-left:0px;padding-right:0px;\\" data-v-bed46286><div class=\\"t-divider t-divider--vertical\\" data-v-bed46286></div></div><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\" data-v-bed46286><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\" data-v-bed46286><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;\\" data-v-bed46286><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\\" data-v-bed46286></path></svg></span></button></div><div class=\\"t-col t-col-12\\" style=\\"flex:none;padding-left:0px;padding-right:0px;\\" data-v-bed46286><div class=\\"t-divider t-divider--vertical\\" data-v-bed46286></div></div><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;\\" data-v-bed46286><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\" data-v-bed46286><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;\\" data-v-bed46286><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\\" data-v-bed46286></path></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/card/_example/header-footer-actions.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-card t-card--bordered\\" style=\\"width:400px;\\" data-v-bed46286><div class=\\"t-card__header\\"><div class=\\"t-card__header-wrapper\\"><div class=\\"t-card__avatar\\"><div class=\\"t-avatar t-avatar--circle\\" data-v-bed46286><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\"></div></div><div><span class=\\"t-card__title\\">标题</span><p class=\\"t-card__description\\">卡片内容</p></div></div><div class=\\"t-card__actions\\"><div class=\\"tdesign-demo-dropdown-trigger\\" data-v-bed46286 data-v-bed46286><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-bed46286><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" data-v-bed46286><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\\" data-v-bed46286></path></svg></span></button></div></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\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" style=\\"margin-right:8px;\\" data-v-bed46286><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart\\" data-v-bed46286><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\\" data-v-bed46286></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" style=\\"margin-right:8px;\\" data-v-bed46286><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" data-v-bed46286><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\\" data-v-bed46286></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-bed46286><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" data-v-bed46286><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\\" data-v-bed46286></path></svg></span></button></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/card/_example/header-subtitle.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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></div></div><div class=\\"t-card__actions\\">操作</div></div><div class=\\"t-card__body\\"> 卡片内容，以描述性为主，可以是文字、图片或图文组合的形式。按业务需求进行自定义组合。 </div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/card/_example/header-subtitle-footer-actions.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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><span class=\\"t-card__subtitle\\">副标题</span></div></div><div class=\\"t-card__actions\\"><div class=\\"tdesign-demo-dropdown-trigger\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><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 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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\"><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 type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-size-full-width\\"><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 > renders ./src/card/_example/header-subtitle-footer-actions.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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><span class=\\"t-card__subtitle\\">副标题</span></div></div><div class=\\"t-card__actions\\"><div class=\\"tdesign-demo-dropdown-trigger\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\"><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 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;gap:24px;\\"><div class=\\"t-col t-col-12\\" style=\\"flex:auto;padding-left:0px;padding-right:0px;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\"><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:auto;padding-left:0px;padding-right:0px;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><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:auto;padding-left:0px;padding-right:0px;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\"><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 > renders ./src/card/_example/hover.vue correctly 1`] = `
 "<div data-server-rendered=\\"true\\" 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\\">操作</div></div><div class=\\"t-card__body\\"> 这是一段很长很长很长很长很长很长很长很长很长很长很长很长
@@ -278,7 +278,7 @@ exports[`ssr snapshot test > renders ./src/config-provider/_example/global.vue c
 
 exports[`ssr snapshot test > renders ./src/config-provider/_example/input.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"password\\" unselectable=\\"off\\" value=\\"520 TDesign\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/config-provider/_example/others.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-item--locale-provider-base\\" data-v-96b659ea><form class=\\"t-form\\" data-v-96b659ea><div class=\\"t-form__item t-form-item__username\\" data-v-96b659ea><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">User Name</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"There is no required mark on the left of this input in Form\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\" data-v-96b659ea><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">Password</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"There is required mark on the left of this input in Form\\" type=\\"password\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></form><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-transfer t-transfer__search\\" data-v-96b659ea><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"type keyword to search\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 4</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 8</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 12</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 16</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"type keyword to search\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><div class=\\"t-transfer__empty\\"><span>Empty Data</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see clear icon, it is configurable\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select without data in Select\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see loading text in Select\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading--center t-size-s t-loading t-select__right-icon t-select__active-icon\\"><svg viewBox=\\"0 0 14 14\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"1\\" y=\\"1\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select cascader data\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-cascader__icon\\"><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><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select without data in Cascader\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-cascader__icon\\"><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><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see empty data in TreeSelect\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-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></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see loading text in TreeSelect\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 14 14\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"1\\" y=\\"1\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"tree select\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-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></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-time-picker\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"select time\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><br data-v-96b659ea><span class=\\"t-tag t-tag--primary t-size-m t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--success t-size-m t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-size-m t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-size-m t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></path></svg></span><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-tree t-tree--transition\\" data-v-96b659ea><div class=\\"t-tree__empty\\">Tree Empty Data</div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-tree t-tree--transition\\" data-v-96b659ea><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">Department A</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">Department B</span></span></div></transition-group-stub></div><br data-v-96b659ea><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-steps t-steps--vertical t-steps--positive t-steps--default-anchor t-steps--line-separator\\" data-v-96b659ea><div class=\\"t-steps-item t-steps-item--finish\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">First Step</div><div class=\\"t-steps-item__description\\">You need to click the blue button</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Second Step</div><div class=\\"t-steps-item__description\\">Fill your base information into the form</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--error\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Error Step</div><div class=\\"t-steps-item__description\\">Something Wrong! Custom Error Icon!</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Last Step</div><div class=\\"t-steps-item__description\\">You haven't finish this step.</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea></div>"`;
+exports[`ssr snapshot test > renders ./src/config-provider/_example/others.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-item--locale-provider-base\\" data-v-96b659ea><form class=\\"t-form\\" data-v-96b659ea><div class=\\"t-form__item t-form-item__username\\" data-v-96b659ea><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">User Name</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"There is no required mark on the left of this input in Form\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\" data-v-96b659ea><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">Password</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"There is required mark on the left of this input in Form\\" type=\\"password\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></form><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-transfer t-transfer__search\\" data-v-96b659ea><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"type keyword to search\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 4</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 8</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 12</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 16</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"type keyword to search\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><div class=\\"t-transfer__empty\\"><span>Empty Data</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see clear icon, it is configurable\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select without data in Select\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select__wrap\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see loading text in Select\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading--center t-size-s t-loading t-select__right-icon t-select__active-icon\\"><svg viewBox=\\"0 0 14 14\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"1\\" y=\\"1\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select cascader data\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-cascader__icon\\"><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><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select without data in Cascader\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-cascader__icon\\"><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><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see empty data in TreeSelect\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-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></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"see loading text in TreeSelect\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 14 14\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"1\\" y=\\"1\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:400px;\\" data-v-96b659ea><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"tree select\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-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></span></div></div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-time-picker\\" data-v-96b659ea><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"select time\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea><br data-v-96b659ea><span class=\\"t-tag t-tag--primary t-size-m t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--success t-size-m t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-size-m t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-size-m t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M4.98 10.31L7.3 8 5 5.69l.7-.7L8 7.28 10.31 5l.7.7L8.72 8l2.3 2.31-.7.7L8 8.72 5.69 11l-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z\\" fill-opacity=\\"0.9\\"></path></svg></span><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-tree t-tree--transition\\" data-v-96b659ea><div class=\\"t-tree__empty\\">Tree Empty Data</div></div><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-tree t-tree--transition\\" data-v-96b659ea><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">Department A</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">Department B</span></span></div></transition-group-stub></div><br data-v-96b659ea><br data-v-96b659ea><br data-v-96b659ea><div class=\\"t-steps t-steps--vertical t-steps--positive t-steps--default-anchor t-steps--line-separator\\" data-v-96b659ea><div class=\\"t-steps-item t-steps-item--finish\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">First Step</div><div class=\\"t-steps-item__description\\">You need to click the blue button</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Second Step</div><div class=\\"t-steps-item__description\\">Fill your base information into the form</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--error\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Error Step</div><div class=\\"t-steps-item__description\\">Something Wrong! Custom Error Icon!</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-96b659ea><div class=\\"t-steps-item__inner t-steps-item--clickable\\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">Last Step</div><div class=\\"t-steps-item__description\\">You haven't finish this step.</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div><br data-v-96b659ea><br data-v-96b659ea></div>"`;
 
 exports[`ssr snapshot test > renders ./src/config-provider/_example/pagination.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-pagination t-size-m\\" style=\\"padding:16px;\\" data-v-4ae7ebc2 data-v-4ae7ebc2><div class=\\"t-pagination__total\\">Total 36 items</div><div class=\\"t-select__wrap t-pagination__select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"please select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 / page\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 / page</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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 disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-current\\">1</li><li class=\\"t-pagination__number\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></div><div class=\\"t-pagination__jump\\">jump to<div class=\\"t-input-adornment\\"><div class=\\"t-input-number t-size-m t-input-number--normal t-pagination__input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 4 </span></span></div></div></div>"`;
 
@@ -404,7 +404,7 @@ exports[`ssr snapshot test > renders ./src/form/_example/validate-message.vue co
 
 exports[`ssr snapshot test > renders ./src/form/_example/validator.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\" data-v-064ce350><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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\\" data-v-064ce350><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入用户名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div><div class=\\"t-input__help\\">这里可以展示一段说明文字</div></div></div><div class=\\"t-form__item t-form-item__age\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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-number t-size-m t-input-number--row\\" data-v-064ce350><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"年龄\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div class=\\"t-form__item t-form-item__region\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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-select-input t-select-input--empty t-cascader\\" data-v-064ce350><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择籍贯\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-cascader__icon\\"><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><div class=\\"t-form__item t-form-item__password\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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\\" data-v-064ce350><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"请输入密码\\" type=\\"password\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M10.77 11.98l1.38 1.37.7-.7-9.7-9.7-.7.7 1.2 1.21a7.9 7.9 0 00-2.53 2.91L1 8l.12.23a7.72 7.72 0 009.65 3.75zM10 11.2A6.67 6.67 0 012.11 8c.56-1 1.34-1.83 2.26-2.43l1.08 1.09a2.88 2.88 0 003.9 3.9l.64.64zM6.21 7.42l2.37 2.37a1.88 1.88 0 01-2.37-2.37zM14.88 8.23L15 8l-.12-.23a7.73 7.73 0 00-9.35-3.86l.8.8A6.7 6.7 0 0113.9 8a6.87 6.87 0 01-2.02 2.26l.7.7a7.9 7.9 0 002.3-2.73z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.88 8c0 .37-.07.73-.2 1.06l-.82-.82.02-.24a1.88 1.88 0 00-2.12-1.86l-.82-.82A2.87 2.87 0 0110.88 8z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item t-form-item__email\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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\\" data-v-064ce350><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入邮箱\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__gender\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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-radio-group t-size-m t-radio-group__outline\\" data-v-064ce350><label class=\\"t-radio\\" data-v-064ce350><input type=\\"radio\\" value=\\"male\\" name=\\"\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label class=\\"t-radio\\" data-v-064ce350><input type=\\"radio\\" value=\\"female\\" name=\\"\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">女</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__course\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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-checkbox-group\\" data-v-064ce350><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">体育</span></label></div></div></div></div><div class=\\"t-form__item t-form-item__college\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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=\\"demo-select-base t-select__wrap\\" data-v-064ce350><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择所在学院\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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></div><div class=\\"t-form__item t-form-item__date\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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-date-picker\\" data-v-064ce350><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__content.url\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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\\" data-v-064ce350><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入个人网站地址\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__description t-form__item-with-help\\" data-v-064ce350><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-textarea\\" data-v-064ce350><textarea placeholder=\\"请用一句话介绍自己\\" unselectable=\\"off\\" class=\\"t-textarea__inner\\"></textarea></div></div><div class=\\"t-input__help\\">请用一句话介绍自己</div></div></div><div class=\\"t-form__item t-form-item__hobby\\" data-v-064ce350><div class=\\"t-form__label t-form__label--required 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-select-input t-select-input--empty t-tree-select\\" data-v-064ce350><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择你的兴趣爱好\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-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></span></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\" data-v-064ce350><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\"></label></div><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\" data-v-064ce350><div class=\\"t-space-item\\"><button type=\\"submit\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" data-v-064ce350><span class=\\"t-button__text\\">提交</span></button></div><div class=\\"t-space-item\\"><button type=\\"reset\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-default\\" data-v-064ce350><span class=\\"t-button__text\\">重置</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-default\\" data-v-064ce350><span class=\\"t-button__text\\">清空校验结果</span></button></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test > renders ./src/form/_example/validator-status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-form-status t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" checked=\\"checked\\" value=\\"true\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">显示校验图标</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__fail\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">失败</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"校验不通过状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__warning\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">警告</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"校验警告状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__success\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">成功</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"不带绿色边框的成功状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__success\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">成功</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"带绿色边框的成功状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__failB\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">失败</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"隐藏状态图标\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__warningB\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">警告</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"校验警告状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__loading\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">加载中</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"正在校验中，请稍等\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-form__status\\"><div style=\\"width:24px;display:flex;justify-content:center;\\"><div slot=\\"statusIcon\\" class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 14 14\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"1\\" y=\\"1\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></div></span></div></div></div><div class=\\"t-form__item t-form-item__help\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">帮助</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"自定义右侧图标\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-form__status\\"><svg class=\\"t-icon t-icon-help-circle\\" style=\\"font-size:16px;color:#0006;\\"><use href=\\"#t-icon-help-circle\\"></use></svg></span></div></div></div><div class=\\"t-form__item t-form-item__add0\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">新增</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><!----><span class=\\"t-form__status\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-dashed t-button--theme-default\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-add\\" style=\\"font-size:16px;color:#0004;\\"><use href=\\"#t-icon-add\\"></use></svg></span></button></span></div></div></div><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\"></label></div><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"submit\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">提交</span></button></div><div class=\\"t-space-item\\"><button type=\\"reset\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/validator-status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-form-status t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" checked=\\"checked\\" value=\\"true\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">显示校验图标</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__fail\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">失败</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"校验不通过状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__warning\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">警告</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"校验警告状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__success\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">成功</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"不带绿色边框的成功状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__success\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">成功</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"带绿色边框的成功状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__failB\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">失败</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"隐藏状态图标\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__warningB\\"><div class=\\"t-form__label t-form__label--required t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">警告</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"校验警告状态\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__loading\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">加载中</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"正在校验中，请稍等\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-form__status\\"><div style=\\"width:24px;display:flex;justify-content:center;\\"><div slot=\\"statusIcon\\" class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 14 14\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"small\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"1\\" y=\\"1\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></div></span></div></div></div><div class=\\"t-form__item t-form-item__help\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">帮助</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"自定义右侧图标\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-form__status\\"><svg class=\\"t-icon t-icon-help-circle\\" style=\\"font-size:16px;color:#0006;\\"><use href=\\"#t-icon-help-circle\\"></use></svg></span></div></div></div><div class=\\"t-form__item t-form-item__add0\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\">新增</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><!----><span class=\\"t-form__status\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-dashed t-button--theme-default\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-add\\"><use href=\\"#t-icon-add\\"></use></svg></span></button></span></div></div></div><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:80px;\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:80px;\\"><label for=\\"\\"></label></div><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"submit\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">提交</span></button></div><div class=\\"t-space-item\\"><button type=\\"reset\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></form></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/grid/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-item--grid\\"><div class=\\"t-row t-row--start t-row--align-top\\" style=\\"margin-left:0px;margin-right:0px;\\"><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div><div class=\\"t-col t-col-1\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>1</div></div></div><div class=\\"t-row t-row--start t-row--align-top\\" style=\\"margin-left:0px;margin-right:0px;\\"><div class=\\"t-col t-col-2\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>2</div></div><div class=\\"t-col t-col-2\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>2</div></div><div class=\\"t-col t-col-2\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>2</div></div><div class=\\"t-col t-col-2\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>2</div></div><div class=\\"t-col t-col-2\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>2</div></div><div class=\\"t-col t-col-2\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>2</div></div></div><div class=\\"t-row t-row--start t-row--align-top\\" style=\\"margin-left:0px;margin-right:0px;\\"><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>3</div></div></div><div class=\\"t-row t-row--start t-row--align-top\\" style=\\"margin-left:0px;margin-right:0px;\\"><div class=\\"t-col t-col-4\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>4</div></div><div class=\\"t-col t-col-4\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>4</div></div><div class=\\"t-col t-col-4\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>4</div></div></div><div class=\\"t-row t-row--start t-row--align-top\\" style=\\"margin-left:0px;margin-right:0px;\\"><div class=\\"t-col t-col-6\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>6</div></div><div class=\\"t-col t-col-6\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>6</div></div></div><div class=\\"t-row t-row--start t-row--align-top\\" style=\\"margin-left:0px;margin-right:0px;\\"><div class=\\"t-col t-col-12\\" style=\\"padding-left:0px;padding-right:0px;\\"><div>12</div></div></div></div>"`;
 
@@ -450,7 +450,7 @@ exports[`ssr snapshot test > renders ./src/image/_example/lazy-list.vue correctl
 
 exports[`ssr snapshot test > renders ./src/image/_example/lazy-single.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px;\\"><div class=\\"t-image__placeholder\\"><img width=\\"100%\\" height=\\"100%\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-5.png\\"></div><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M8 2.71c2.9 0 5.25 2.36 5.25 5.29h.96a6.2 6.2 0 00-11.5-3.28V2.64h-.96v3.1c0 .29.22.5.5.5h3.09v-.96H3.49A5.25 5.25 0 018 2.71zM1.79 8h.96a5.25 5.25 0 009.76 2.71h-1.85v-.96h3.09c.28 0 .5.22.5.5v3.1h-.96v-2.07A6.2 6.2 0 011.8 8z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\"> 重演 lazy load </span></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image/_example/placeholder.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px;\\">加载中的图片</h3><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>默认占位</span></div><div class=\\"t-space-item\\"><div key=\\"0\\" class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><div direction=\\"vertical\\" size=\\"8\\" align=\\"center\\">图片加载中</div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M8 2.71c2.9 0 5.25 2.36 5.25 5.29h.96a6.2 6.2 0 00-11.5-3.28V2.64h-.96v3.1c0 .29.22.5.5.5h3.09v-.96H3.49A5.25 5.25 0 018 2.71zM1.79 8h.96a5.25 5.25 0 009.76 2.71h-1.85v-.96h3.09c.28 0 .5.22.5.5v3.1h-.96v-2.07A6.2 6.2 0 011.8 8z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\"> 重演 loading </span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>自定义占位</span></div><div class=\\"t-space-item\\"><div key=\\"0\\" class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M6 4H4v2h2V4z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2.5 2a.5.5 0 00-.5.5v5c0 .28.22.5.5.5h5a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5h-5zM3 3h4v4H3V3zM10.5 2a.5.5 0 00-.5.5v3c0 .28.22.5.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-3zm.5 3V3h2v2h-2zM10 10.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5v-3zm1 2.5h2v-2h-2v2zM2.5 10a.5.5 0 00-.5.5v3c0 .28.22.5.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-3zm.5 1h2v2H3v-2zM14 7.5h-4v1h4v-1zM8.5 11v3h-1v-3h1zM8.5 10V9h-1v1h1z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px;\\">加载失败的图片</h3><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>默认错误</span></div><div class=\\"t-space-item\\"><div key=\\"0\\" class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px;\\"><img src=\\"\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><div direction=\\"vertical\\" size=\\"8\\" align=\\"center\\">图片加载中</div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M8 2.71c2.9 0 5.25 2.36 5.25 5.29h.96a6.2 6.2 0 00-11.5-3.28V2.64h-.96v3.1c0 .29.22.5.5.5h3.09v-.96H3.49A5.25 5.25 0 018 2.71zM1.79 8h.96a5.25 5.25 0 009.76 2.71h-1.85v-.96h3.09c.28 0 .5.22.5.5v3.1h-.96v-2.07A6.2 6.2 0 011.8 8z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\"> 重演 error </span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>自定义错误</span></div><div class=\\"t-space-item\\"><div key=\\"0\\" class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px;\\"><img src=\\"\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><div direction=\\"vertical\\" size=\\"8\\" align=\\"center\\">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image/_example/placeholder.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px;\\">加载中的图片</h3><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>默认占位</span></div><div class=\\"t-space-item\\"><div key=\\"0\\" class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><div direction=\\"vertical\\" size=\\"8\\" align=\\"center\\">图片加载中</div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M8 2.71c2.9 0 5.25 2.36 5.25 5.29h.96a6.2 6.2 0 00-11.5-3.28V2.64h-.96v3.1c0 .29.22.5.5.5h3.09v-.96H3.49A5.25 5.25 0 018 2.71zM1.79 8h.96a5.25 5.25 0 009.76 2.71h-1.85v-.96h3.09c.28 0 .5.22.5.5v3.1h-.96v-2.07A6.2 6.2 0 011.8 8z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\"> 重演 loading </span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>自定义占位</span></div><div class=\\"t-space-item\\"><div key=\\"0\\" class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image-error\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 13V8h1v2.3l3-3 5.7 5.7H13V3H8V2h5a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1zm4-4.3l-3 3V13h7.3L6 8.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M12 6a2 2 0 11-4 0 2 2 0 014 0zm-1 0a1 1 0 10-2 0 1 1 0 002 0zM6.28 5.56l-.7.7-1.42-1.4-1.41 1.4-.71-.7 1.41-1.41-1.41-1.42.7-.7 1.42 1.4 1.41-1.4.71.7-1.41 1.42 1.41 1.4z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h3 style=\\"margin-bottom:15px;\\">加载失败的图片</h3><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>默认错误</span></div><div class=\\"t-space-item\\"><div key=\\"0\\" class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px;\\"><img src=\\"\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><div direction=\\"vertical\\" size=\\"8\\" align=\\"center\\">图片加载中</div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M8 2.71c2.9 0 5.25 2.36 5.25 5.29h.96a6.2 6.2 0 00-11.5-3.28V2.64h-.96v3.1c0 .29.22.5.5.5h3.09v-.96H3.49A5.25 5.25 0 018 2.71zM1.79 8h.96a5.25 5.25 0 009.76 2.71h-1.85v-.96h3.09c.28 0 .5.22.5.5v3.1h-.96v-2.07A6.2 6.2 0 011.8 8z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\"> 重演 error </span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>自定义错误</span></div><div class=\\"t-space-item\\"><div key=\\"0\\" class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:284px;height:160px;\\"><img src=\\"\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><div direction=\\"vertical\\" size=\\"8\\" align=\\"center\\">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/image/_example/shape.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:160px;height:160px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"><div class=\\"t-image__loading\\"><div direction=\\"vertical\\" size=\\"8\\" align=\\"center\\">图片加载中</div></div></div></div><div class=\\"t-space-item\\"><span>square</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-round\\" style=\\"width:160px;height:160px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"><div class=\\"t-image__loading\\"><div direction=\\"vertical\\" size=\\"8\\" align=\\"center\\">图片加载中</div></div></div></div><div class=\\"t-space-item\\"><span>round</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-circle\\" style=\\"width:160px;height:160px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-center\\"><div class=\\"t-image__loading\\"><div direction=\\"vertical\\" size=\\"8\\" align=\\"center\\">图片加载中</div></div></div></div><div class=\\"t-space-item\\"><span>circle</span></div></div></div></div>"`;
 
@@ -548,7 +548,7 @@ exports[`ssr snapshot test > renders ./src/link/_example/theme.vue correctly 1`]
 
 exports[`ssr snapshot test > renders ./src/link/_example/underline.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-default t-is-underline t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-is-underline t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-danger t-is-underline t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-warning t-is-underline t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-success t-is-underline t-link--hover-underline\\"> 跳转链接 </a></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/list/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-list t-size-m\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"> 列表内容的描述性文字 </div><li class=\\"t-list-item__action\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作1</span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作2</span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作3</span></button></li></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"> 列表内容的描述性文字 </div><li class=\\"t-list-item__action\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作1</span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作2</span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作3</span></button></li></div></li></ul><div class=\\"t-list__load\\"></div></div>"`;
+exports[`ssr snapshot test > renders ./src/list/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-list t-size-m\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"> 列表内容的描述性文字 </div><li class=\\"t-list-item__action\\"><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\"> 操作1 </a><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\"> 操作2 </a><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\"> 操作3 </a></li></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"> 列表内容的描述性文字 </div><li class=\\"t-list-item__action\\"><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\"> 操作1 </a><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\"> 操作2 </a><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\"> 操作3 </a></li></div></li></ul><div class=\\"t-list__load\\"></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/list/_example/header-footer.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-list t-size-m t-list--split\\"><div class=\\"t-list__header\\">这里是 Header</div><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容的描述性文字</p></div></div></div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容的描述性文字</p></div></div></div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容的描述性文字</p></div></div></div></div></li></ul><div class=\\"t-list__footer\\">这里是 Footer</div><div class=\\"t-list__load\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-list t-size-m t-list--split\\"><div class=\\"t-list__header\\">通过 Slot 插入的 Header</div><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容的描述性文字</p></div></div></div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容的描述性文字</p></div></div></div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容的描述性文字</p></div></div></div></div></li></ul><div class=\\"t-list__footer\\">通过 Slot 插入的 Footer</div><div class=\\"t-list__load\\"></div></div></div></div>"`;
 
@@ -558,7 +558,7 @@ exports[`ssr snapshot test > renders ./src/list/_example/loading.vue correctly 1
 
 exports[`ssr snapshot test > renders ./src/list/_example/multiline.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-list t-size-m t-list--split\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容的描述性文字</p></div></div></div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容的描述性文字</p></div></div></div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容的描述性文字</p></div></div></div></div></li></ul><div class=\\"t-list__load\\"></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/list/_example/operation.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-list t-size-m t-list--split\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容列表内容</p></div></div></div><li class=\\"t-list-item__action\\"><span><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作1</span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作2</span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作3</span></button></span></li></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容列表内容</p></div></div></div><li class=\\"t-list-item__action\\"><span><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作1</span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作2</span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">操作3</span></button></span></li></div></li></ul><div class=\\"t-list__load\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-list t-size-m t-list--split\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容列表内容</p></div></div></div><li class=\\"t-list-item__action\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit\\"><path fill=\\"currentColor\\" d=\\"M10.88 1.74l3.25 3.24.7-.7-3.24-3.25-.7.7zM2.35 13.86l3.62-.72 7.3-7.3-3.25-3.24-7.3 7.3L2 13.5a.3.3 0 00.35.35zm7.67-9.85l1.83 1.83-6.38 6.38-2.28.46.45-2.29 6.38-6.38z\\" fill-opacity=\\"0.9\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-download\\"><path fill=\\"currentColor\\" d=\\"M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></li></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容列表内容</p></div></div></div><li class=\\"t-list-item__action\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit\\"><path fill=\\"currentColor\\" d=\\"M10.88 1.74l3.25 3.24.7-.7-3.24-3.25-.7.7zM2.35 13.86l3.62-.72 7.3-7.3-3.25-3.24-7.3 7.3L2 13.5a.3.3 0 00.35.35zm7.67-9.85l1.83 1.83-6.38 6.38-2.28.46.45-2.29 6.38-6.38z\\" fill-opacity=\\"0.9\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-download\\"><path fill=\\"currentColor\\" d=\\"M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></li></div></li></ul><div class=\\"t-list__load\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/list/_example/operation.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-list t-size-m t-list--split\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容列表内容</p></div></div></div><li class=\\"t-list-item__action\\"><span><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作1</a><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作2</a><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作3</a></span></li></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容列表内容</p></div></div></div><li class=\\"t-list-item__action\\"><span><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作1</a><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作2</a><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作3</a></span></li></div></li></ul><div class=\\"t-list__load\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-list t-size-m t-list--split\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容列表内容</p></div></div></div><li class=\\"t-list-item__action\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit\\"><path fill=\\"currentColor\\" d=\\"M10.88 1.74l3.25 3.24.7-.7-3.24-3.25-.7.7zM2.35 13.86l3.62-.72 7.3-7.3-3.25-3.24-7.3 7.3L2 13.5a.3.3 0 00.35.35zm7.67-9.85l1.83 1.83-6.38 6.38-2.28.46.45-2.29 6.38-6.38z\\" fill-opacity=\\"0.9\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-download\\"><path fill=\\"currentColor\\" d=\\"M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></li></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\"><div class=\\"t-list-item__meta\\"><div class=\\"t-list-item__meta-avatar\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\"></div><div class=\\"t-list-item__meta-content\\"><h3 class=\\"t-list-item__meta-title\\">列表标题</h3><p class=\\"t-list-item__meta-description\\">列表内容列表内容</p></div></div></div><li class=\\"t-list-item__action\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit\\"><path fill=\\"currentColor\\" d=\\"M10.88 1.74l3.25 3.24.7-.7-3.24-3.25-.7.7zM2.35 13.86l3.62-.72 7.3-7.3-3.25-3.24-7.3 7.3L2 13.5a.3.3 0 00.35.35zm7.67-9.85l1.83 1.83-6.38 6.38-2.28.46.45-2.29 6.38-6.38z\\" fill-opacity=\\"0.9\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-download\\"><path fill=\\"currentColor\\" d=\\"M12.26 5.81L8.5 9.58V.5h-1v9.08L3.74 5.8l-.71.71 4.62 4.62c.2.2.5.2.7 0l4.62-4.62-.7-.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z\\" fill-opacity=\\"0.9\\"></path></svg></span></button></li></div></li></ul><div class=\\"t-list__load\\"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/list/_example/scroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-list t-size-m\\" style=\\"max-height:200px;\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容的描述性文字</div></div></li></ul><div class=\\"t-list__load\\"></div></div>"`;
 
@@ -757,7 +757,7 @@ exports[`ssr snapshot test > renders ./src/rate/_example/texts.vue correctly 1`]
 
 exports[`ssr snapshot test > renders ./src/select/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择云解决方案\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-select__wrap\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择云产品\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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>"`;
 
-exports[`ssr snapshot test > renders ./src/select/_example/collapsed.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>+1</span></span></div><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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 style=\\"color:#ED7B2F;\\">+1</span></div><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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 style=\\"color:#00a870;\\">+1</span></div><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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>"`;
+exports[`ssr snapshot test > renders ./src/select/_example/collapsed.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>+1</span></span></div><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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 style=\\"color:#ED7B2F;margin-left:8px;\\">+1</span></div><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-select__wrap\\"><div class=\\"t-select-input t-select-input--multiple t-select\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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 style=\\"color:#00a870;margin-left:8px;\\">+1</span></div><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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>"`;
 
 exports[`ssr snapshot test > renders ./src/select/_example/creatable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-select__wrap\\" style=\\"width:200px;display:inline-block;margin:0 20px 20px 0;\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"单选支持自定义创建\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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-select__wrap\\" style=\\"width:400px;display:inline-block;\\"><div class=\\"t-select-input t-select-input--multiple t-select-input--empty t-select\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-is-empty t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"多选支持自定义创建\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">多选支持自定义创建</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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>"`;
 
@@ -793,29 +793,29 @@ exports[`ssr snapshot test > renders ./src/select/_example/status.vue correctly
 
 exports[`ssr snapshot test > renders ./src/select/_example/virtual-scroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select__wrap\\" style=\\"width:300px;\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><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>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/autocomplete.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--empty\\" style=\\"width:300px;\\" data-v-6de3cc0f><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请输入任意关键词\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-6de3cc0f><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\" data-v-6de3cc0f></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/autocomplete.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--empty\\" style=\\"width:300px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请输入任意关键词\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/autowidth.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input\\" data-v-d3026d40><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"off\\" value=\\"tdesign-vue\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">tdesign-vue</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-d3026d40><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\" data-v-d3026d40></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/autowidth.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"off\\" value=\\"tdesign-vue\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">tdesign-vue</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/autowidth-multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--multiple\\" data-v-43e6ff8d><div class=\\"t-input__wrap t-input--auto-width t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>+2</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-43e6ff8d><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\" data-v-43e6ff8d></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/autowidth-multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__select-input-autowidth-multiple\\" style=\\"width:100%;\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-input--auto-width t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>+2</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/borderless.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--borderless\\" style=\\"width:200px;\\" data-v-5429dd2c><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"tdesign-vue\\" class=\\"t-input__inner\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/borderless.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--borderless\\" data-v-5429dd2c><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"tdesign-vue\\" class=\\"t-input__inner\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/borderless-multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--borderless t-select-input--multiple\\" style=\\"width:250px;\\" data-v-56f11d7e><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>+2</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/borderless-multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__select-input-borderless-multiple\\" style=\\"width:100%;\\"><div class=\\"t-select-input t-select-input--borderless t-select-input--multiple\\" style=\\"width:250px;\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>+2</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/collapsed-items.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>+5</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>更多(4)</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>More(3)</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/collapsed-items.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__select-input-collapsed-items t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>+5</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>更多(4)</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark\\"><span>More(3)</span></span></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/custom-tag.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-3251f825><div class=\\"t-space-item\\"><div class=\\"t-select-input\\" data-v-3251f825><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform tdesign-demo-select-input__img\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg> tdesign-vue </span></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\" data-v-3251f825><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg> tdesign-vue </span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg> tdesign-react </span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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><span class=\\"t-input__input-pre\\"></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\" data-v-3251f825><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\" data-v-3251f825><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg><span data-v-3251f825>tdesign-vue</span></span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\" data-v-3251f825><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg><span data-v-3251f825>tdesign-react</span></span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\" data-v-3251f825><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg><span data-v-3251f825>tdesign-mobile-vue</span></span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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><span class=\\"t-input__input-pre\\"></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/custom-tag.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-select-input-custom-tag t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-3251f825><div class=\\"t-space-item\\"><div class=\\"t-select-input\\" data-v-3251f825><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform tdesign-demo-select-input__img\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg> tdesign-vue </span></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\" data-v-3251f825><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg> tdesign-vue </span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg> tdesign-react </span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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><span class=\\"t-input__input-pre\\"></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\" data-v-3251f825><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\" data-v-3251f825><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg><span data-v-3251f825>tdesign-vue</span></span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\" data-v-3251f825><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg><span data-v-3251f825>tdesign-react</span></span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\" data-v-3251f825><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M14.5 4.25L8.47.77a.94.94 0 00-.94 0L1.5 4.25v6.96c0 .33.18.64.47.81L8 15.5l6.03-3.48a.94.94 0 00.47-.81V4.25zM8 7.42L3 4.54l5-2.89 5 2.89-5 2.88zm.5.87l5-2.89v5.77l-5 2.89V8.29zm-1 0v5.77l-5-2.89V5.4l5 2.89z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" data-v-3251f825></path></svg><span data-v-3251f825>tdesign-mobile-vue</span></span></span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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><span class=\\"t-input__input-pre\\"></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/select-input/_example/excess-tags-display-type.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__select-input-excess-tags-display-type t-space t-space-vertical\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><p>第一种呈现方式：超出时滚动显示</p></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-angular</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-mobile-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-mobile-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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 autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div><div class=\\"t-space-item\\"><p>第二种呈现方式：超出时换行显示</p></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-angular</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-mobile-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>tdesign-mobile-react</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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 autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/label-suffix.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-1c8ac371><div class=\\"t-space-item\\"><div class=\\"t-select-input\\" style=\\"width:300px;\\" data-v-1c8ac371><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\">前置内容：</div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"tdesign-vue\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-1c8ac371><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\" data-v-1c8ac371></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input\\" style=\\"width:300px;\\" data-v-1c8ac371><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"tdesign-vue\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\">单位：元</div><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-1c8ac371><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\" data-v-1c8ac371></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/label-suffix.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-1c8ac371><div class=\\"t-space-item\\"><div class=\\"t-select-input\\" style=\\"width:300px;\\" data-v-1c8ac371><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\">前置内容：</div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"tdesign-vue\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-1c8ac371><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\" data-v-1c8ac371></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><br data-v-1c8ac371></div><div class=\\"t-space-item\\"><br data-v-1c8ac371></div><div class=\\"t-space-item\\"><div class=\\"t-select-input\\" style=\\"width:300px;\\" data-v-1c8ac371><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"tdesign-vue\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\">单位：元</div><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-1c8ac371><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\" data-v-1c8ac371></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许输入</span></label></div><div class=\\"t-space-item\\"><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">允许创建新选项（Enter 创建）</span></label></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" value=\\"scroll\\" name=\\"\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多横向滚动</span></label><label class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" checked=\\"checked\\" value=\\"break-line\\" name=\\"\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多换行显示</span></label></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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 autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__select-input-multiple t-space t-space-vertical\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许输入</span></label><label class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">允许创建新选项（Enter 创建）</span></label></div></div><div class=\\"t-space-item\\"><div><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label class=\\"t-radio\\"><input type=\\"radio\\" value=\\"scroll\\" name=\\"\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多横向滚动</span></label><label class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" checked=\\"checked\\" value=\\"break-line\\" name=\\"\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多换行显示</span></label></div></div></div><div class=\\"t-space-item\\"><div input-value:sync=\\"\\" class=\\"t-select-input t-select-input--multiple\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input__with-suffix-icon\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-size-m t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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-size-m t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><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 autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/select-input/_example/single.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input\\" style=\\"width:300px;\\" data-v-992b70a2><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"off\\" value=\\"tdesign-vue\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-992b70a2><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\" data-v-992b70a2></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/select-input/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-select-input-status t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div><span>禁用状态：</span><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-disabled t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--default\\">这是禁用状态文本提示</div></div></div></div><div class=\\"t-space-item\\"><div><span>只读状态：</span><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--default\\">这是普通状态的文本提示</div></div></div></div><div class=\\"t-space-item\\"><div><span>成功状态：</span><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-success t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div></div></div><div class=\\"t-space-item\\"><div><span>警告状态：</span><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-warning t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div></div></div><div class=\\"t-space-item\\"><div><span>错误状态：</span><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-error t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/select-input/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-select-input-status t-space t-space-vertical\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>禁用状态：</span></div><div class=\\"t-space-item\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-disabled t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--default\\">这是禁用状态文本提示</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\\"><span>只读状态：</span></div><div class=\\"t-space-item\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--default\\">这是普通状态的文本提示</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\\"><span>成功状态：</span></div><div class=\\"t-space-item\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-success t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</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\\"><span>警告状态：</span></div><div class=\\"t-space-item\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-warning t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</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\\"><span>错误状态：</span></div><div class=\\"t-space-item\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-error t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/select-input/_example/width.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__select-input-width t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div><span>下拉框默认宽度：</span><div class=\\"t-demo-normal t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div><span>下拉框最大宽度：</span><div class=\\"t-demo-normal t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div><span>与内容宽度一致：</span><div class=\\"t-demo-normal t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div><span>下拉框固定宽度：</span><div class=\\"t-demo-normal t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"Please Select\\" type=\\"text\\" unselectable=\\"on\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div></div></div></div></div>"`;
 
@@ -1113,23 +1113,23 @@ exports[`ssr snapshot test > renders ./src/tooltip/_example/theme.vue correctly
 
 exports[`ssr snapshot test > renders ./src/tooltip/_example/trigger.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">悬浮时触发（默认）</span></button></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"获得焦点时触发\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">点击时触发</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">右击时触发</span></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>1 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>1 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/checked.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>5 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/checked.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>5 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-is-checked t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><p style=\\"margin:10px;\\">自定义头部、底部及操作按钮的渲染</p></div><div class=\\"t-space-item\\"><div class=\\"t-transfer t-transfer__footer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20 项</span></div><span><div>来源</div></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div style=\\"padding:10px 20px;\\"><span>选中并加入</span></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><span class=\\"t-button__text\\"> 加入 </span></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><span class=\\"t-button__text\\"> 移除 </span></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span><div>目标</div></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div style=\\"padding:10px 20px;\\"><span>选中并移除</span></div></div></div></div><div class=\\"t-space-item\\"><br></div><div class=\\"t-space-item\\"><p style=\\"margin:10px;\\">自定义渲染数据</p></div><div class=\\"t-space-item\\"><div theme=\\"primary\\" checked-value=\\"\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容1 - 第1段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容2 - 第2段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容3 - 第3段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容4 - 第4段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容5 - 第5段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容6 - 第6段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容7 - 第7段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容8 - 第8段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容9 - 第9段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容10 - 第10段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容11 - 第11段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容12 - 第12段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容13 - 第13段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容14 - 第14段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容15 - 第15段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容16 - 第16段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容17 - 第17段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容18 - 第18段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容19 - 第19段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容20 - 第20段信息</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><p style=\\"margin:10px;\\">自定义头部、底部及操作按钮的渲染</p></div><div class=\\"t-space-item\\"><div class=\\"tdesign-transfer-custom t-transfer t-transfer__footer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20 项</span></div><span><div>来源</div></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div style=\\"padding:12px 20px;\\"><span>选中并加入</span></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled\\"><span class=\\"t-button__text\\"> 加入 </span></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled\\"><span class=\\"t-button__text\\"> 移除 </span></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span><div>目标</div></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div style=\\"padding:12px 20px;\\"><span>选中并移除</span></div></div></div></div><div class=\\"t-space-item\\"><br></div><div class=\\"t-space-item\\"><p style=\\"margin:10px;\\">自定义渲染数据</p></div><div class=\\"t-space-item\\"><div theme=\\"primary\\" checked-value=\\"\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容1 - 第1段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容2 - 第2段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容3 - 第3段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容4 - 第4段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容5 - 第5段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容6 - 第6段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容7 - 第7段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容8 - 第8段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容9 - 第9段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容10 - 第10段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容11 - 第11段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容12 - 第12段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容13 - 第13段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容14 - 第14段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容15 - 第15段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容16 - 第16段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容17 - 第17段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容18 - 第18段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容19 - 第19段信息</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span class=\\"transfer-item\\">内容20 - 第20段信息</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-is-disabled t-transfer__list-item\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/empty.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><p style=\\"margin:10px 0;\\">默认暂无数据</p></div><div class=\\"t-space-item\\"><div class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div></div><div class=\\"t-space-item\\"><p style=\\"margin:10px;\\">自定义空状态</p></div><div class=\\"t-space-item\\"><div class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\">No Data</div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\">No Data</div></div><div class=\\"t-transfer__footer\\"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/empty.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><p style=\\"margin:10px 0;\\">默认暂无数据</p></div><div class=\\"t-space-item\\"><div class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div></div><div class=\\"t-space-item\\"><p style=\\"margin:10px;\\">自定义空状态</p></div><div class=\\"t-space-item\\"><div class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\">No Data</div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\">No Data</div></div><div class=\\"t-transfer__footer\\"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/pagination.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" theme=\\"primary\\" checked-value=\\"\\" class=\\"t-transfer t-transfer__pagination\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label></div></div></div><div class=\\"t-transfer__list-pagination\\"><div class=\\"t-pagination t-size-s\\"><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<div class=\\"t-input-adornment\\"><div class=\\"t-input-number t-size-s t-input-number--normal t-pagination__input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 2 页</span></span></div></div><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/pagination.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" theme=\\"primary\\" checked-value=\\"\\" class=\\"t-transfer t-transfer__pagination\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label></div></div></div><div class=\\"t-transfer__list-pagination\\"><div class=\\"t-pagination t-size-s\\"><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<div class=\\"t-input-adornment\\"><div class=\\"t-input-number t-size-s t-input-number--normal t-pagination__input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 2 页</span></span></div></div><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/search.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" theme=\\"primary\\" checked-value=\\"\\" class=\\"t-transfer t-transfer__search\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"请输入关键词搜索\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"请输入关键词搜索\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/search.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" theme=\\"primary\\" checked-value=\\"\\" class=\\"t-transfer t-transfer__search\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 20 项</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"请输入关键词搜索\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body t-transfer__list--with-search\\"><div class=\\"t-transfer__search-wrapper\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"请输入关键词搜索\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M9.51 10.22a4.76 4.76 0 11.7-.7l3.54 3.52-.7.71-3.54-3.53zm.77-3.7a3.76 3.76 0 10-7.53 0 3.76 3.76 0 007.53 0z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/target-value.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/target-value.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"19\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容20</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 10 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" name=\\"\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label></div></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/transfer/_example/tree.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer t-transfer--with-tree\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 5 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></transition-group-stub></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/tree.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-transfer t-transfer--with-tree\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 5 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"1.2.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1</span></label></div><div data-value=\\"1.2.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.1</span></label></div><div data-value=\\"1.2.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.2</span></label></div></transition-group-stub></div></div></div><div class=\\"t-transfer__footer\\"></div></div><div class=\\"t-transfer__operations\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><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></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label><span>0 / 0 项</span></div><span></span></div><div class=\\"t-transfer__list-body\\"><div class=\\"t-transfer__empty\\"><span>暂无数据</span></div></div><div class=\\"t-transfer__footer\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/activable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-6c5aa77d><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-6c5aa77d><div class=\\"t-form__item t-form-item__\\" data-v-6c5aa77d><div class=\\"t-form__label t-form__label--right\\" style=\\"width:120;\\"><label for=\\"\\">节点可高亮</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\" data-v-6c5aa77d><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\" data-v-6c5aa77d><div class=\\"t-form__label t-form__label--right\\" style=\\"width:120;\\"><label for=\\"\\">节点可多选高亮</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\" data-v-6c5aa77d><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\" data-v-6c5aa77d><div class=\\"t-form__label t-form__label--right\\" style=\\"width:120;\\"><label for=\\"\\">整个节点可点击</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\" data-v-6c5aa77d><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\" data-v-6c5aa77d><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\"><div data-value=\\"t15\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t16\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t17\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t18\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M6 5v6l4.5-3L6 5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t19\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t20\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div>"`;
 
@@ -1201,7 +1201,7 @@ exports[`ssr snapshot test > renders ./src/upload/_example/base.vue correctly 2`
 
 exports[`ssr snapshot test > renders ./src/upload/_example/custom-drag.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-upload t-upload\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-cloud-upload\\"><path fill=\\"currentColor\\" d=\\"M4.73 6.26l-.71.09A2.32 2.32 0 002 8.67c0 1.2.89 2.18 2 2.31v1a3.31 3.31 0 01-3-3.31 3.32 3.32 0 012.9-3.32A4.2 4.2 0 018 2c2 0 3.69 1.43 4.1 3.35 1.63.2 2.9 1.6 2.9 3.32a3.31 3.31 0 01-3 3.32v-1c1.11-.14 2-1.11 2-2.32 0-1.22-.9-2.2-2.02-2.32l-.71-.09-.15-.7A3.2 3.2 0 008 3a3.2 3.2 0 00-3.12 2.56l-.15.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M6.14 10.72L7.5 9.39l.03 5.12 1.01-.01-.03-5.1 1.37 1.34.72-.7-2.26-2.2a.5.5 0 00-.7 0l-2.22 2.18.72.7z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\">点击上传 </span></button><br><br><div class=\\"t-upload\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__dragger t-upload__dragger-center\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">自定义拖拽区域</span></button><!----><br><br></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/upload/_example/draggable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\"><div class=\\"tdesign-demo-block-column\\"><div>是否自动上传：<div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" checked=\\"checked\\" value=\\"file\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">文件拖拽上传</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"image\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-upload\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__dragger t-upload__dragger-center\\"><div class=\\"t-upload__trigger\\"><div><span class=\\"t-upload--highlight\\">点击上传</span><span>  /  拖拽到此区域</span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__dragger\\"><div class=\\"t-upload__dragger-progress\\"><div class=\\"t-upload__dragger-progress-info\\"><div class=\\"t-upload__dragger-text\\"><span class=\\"t-upload__single-name\\">默认文件</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z\\" fill-opacity=\\"0.9\\"></path></svg></div><small class=\\"t-size-s\\">文件大小：1.0 KB</small><small class=\\"t-size-s\\">上传日期：2022-09-25</small><div class=\\"t-upload__dragger-btns\\"></div><div class=\\"t-upload__dragger-btns\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-primary t-upload__dragger-progress-cancel\\"><span class=\\"t-button__text\\">重新选择</span></button><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-text t-button--theme-danger t-upload__dragger-delete-btn\\"><span class=\\"t-button__text\\">删除</span></button></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/upload/_example/draggable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\"><div class=\\"tdesign-demo-block-column\\"><div>是否自动上传：<div class=\\"t-switch t-size-m t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" checked=\\"checked\\" value=\\"file\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">文件拖拽上传</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"image\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><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-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-upload\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__dragger t-upload__dragger-center\\"><div class=\\"t-upload__trigger\\"><div><span class=\\"t-upload--highlight\\">点击上传</span><span>  /  拖拽到此区域</span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__dragger\\"><div class=\\"t-upload__dragger-progress\\"><div class=\\"t-upload__dragger-progress-info\\"><div class=\\"t-upload__dragger-text\\"><span class=\\"t-upload__single-name\\">默认文件</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z\\" fill-opacity=\\"0.9\\"></path></svg></div><small class=\\"t-size-s\\">文件大小：1.0 KB</small><small class=\\"t-size-s\\">上传日期：2022-09-25</small><div class=\\"t-upload__dragger-btns\\"></div><div class=\\"t-upload__dragger-btns\\"><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-primary t-link--hover-color t-upload__dragger-progress-cancel\\">重新选择</a><a target=\\"\\" class=\\"t-link t-size-m t-link--theme-danger t-link--hover-color t-upload__dragger-delete-btn\\">删除</a></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/upload/_example/file-flow-list.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label class=\\"t-checkbox\\"><input type=\\"checkbox\\" class=\\"t-checkbox__former\\"><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\\"><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\\"><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\\"><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\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 多个文件一个请求上传 </span></label></div></div></div><div class=\\"t-space-item\\"><br></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\"><input type=\\"file\\" multiple=\\"multiple\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__flow t-upload__flow-file-flow\\"><div class=\\"t-upload__flow-op\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-upload\\"><path fill=\\"currentColor\\" d=\\"M3.74 6.68L7.5 2.9v8.59h1V2.91l3.76 3.77.71-.7-4.62-4.63a.5.5 0 00-.7 0L3.03 5.97l.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\">选择文件</span></button></div><small class=\\"t-upload__flow-placeholder t-upload__placeholder\\">支持批量上传文件，文件格式不限，最多只能上传 10 份文件</small></div><div class=\\"t-upload__flow-card-area\\"><div class=\\"t-upload__flow-empty\\">点击上方“选择文件”或将文件拖拽到此区域</div></div><div class=\\"t-upload__flow-bottom\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-is-disabled\\"><span class=\\"t-button__text\\">取消上传</span></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-is-disabled\\"><span class=\\"t-button__text\\">点击上传</span></button></div></div></div></div></div>"`;